|
aoife
New Member
10 Posts
4 Likes
|
|
Post by aoife on Nov 17, 2022 21:57:08 GMT -6
i've been coding for awhile now and I'm really rusty with using BBCode is my raw codes look really...scuff if you want to use my codes then you are totally more then welcome to! i am also open to making changes to them if you want! note: if you're using my codes on one thread(like character templates) you only have to post the huge block of code at the bottom of a template ONCE. super handy. for example you can just drop it all in your first post and it will store the classes to the page. but, if you're characters go into a second page then you have to add the newclasses onto the top post again of the new page. i try my best to name newclasses and variables uniquely so they don't clash with other posting templates as well!
|
|
|
|
aoife
New Member
10 Posts
4 Likes
|
|
Post by aoife on Nov 17, 2022 21:57:25 GMT -6
Notes about this code.[break] This code will not be editable in the preview mode. You have to use bbcode and save every time you make changes if you want to see the changes completely.[break] In order to help the code look less...clumped up it helps if you go into your settings in your profile settings and toggle your default posting to BBCode and not Preview.[brea] Also if you want to make line breaks(start a new paragraph), you have to use the [*break] tag after each paragraph, but with no asterisk.[break] The long sidebar image(120x465) will be the same for EVERY character template even if you change the url in each post. if you want a unique sidebar image for each post let me know and I can adjust the code for you.[break] Most of the colours can be changed in the newclasses at the bottom, similar to the sidebar image changing the colour of them will affect all the posts using this template on the page.[break] Quote this post and copy everything from the start of the googlefonts[break] If you are having trouble navigating the code I am more than happy to help you make changes. [break][break] \/\/\/COPY THE CODE BELOW THIS TEXT\/\/\/ [googlefont="Syne Mono"] [googlefont="Bebas Neue"] [nospaces] [attr="class","aoic1-container"] [attr="class","aoic1-lrg-header"] [attr="class","aoic1-lrg-header-title"] NameHere
[attr="class","aoic1-lrg-sidebar"]
[attr="class","aoic1-main-content"] [PTabbedContent] [PTab=At A Glance] [attr="class","aoic1-tab-content"] [attr="class","aoic1-glance-content"] Name | NameHeresuffix | Age | ## moons | Clan | ClanHere | Rank | RankHere | Gender | GenderHere | Book Description | Deschere | Traits | TraitsHere |
[/PTab={tab-background-color:#002500;tab-font-size:18px;tab-hover-background-color:#929982;tab-selected-background-color:#929982;}] [PTab=In Depth] [attr="class","aoic1-tab-content"] [attr="class","aoic1-scroll"] [attr="class","aoic1-detail-content"] [attr="class","aoic1-detail-title"]TITLE HERE Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut imperdiet massa odio, ac mattis augue lobortis eget. Nunc dolor dui, consectetur vitae feugiat auctor, bibendum quis leo. Nullam malesuada accumsan nisi, sed venenatis dui. Nullam imperdiet ligula eget volutpat luctus. Donec at viverra magna. Nulla interdum risus in dui gravida sodales. Nam porta, metus in consectetur tincidunt, tortor leo semper erat, at sollicitudin turpis eros vitae nulla. Nam rutrum, lacus sed pulvinar luctus, eros metus mattis ex, ac molestie dolor felis vel leo. Morbi fermentum lorem diam, sit amet maximus turpis scelerisque vitae. Donec elementum rhoncus mauris. Vestibulum et augue egestas, mollis lectus eu, efficitur urna. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam rutrum sodales ipsum sed feugiat. [break][break] Aliquam aliquet, risus a tristique aliquet, nisi augue faucibus ante, id tincidunt sem mauris sed arcu. Cras efficitur fermentum rutrum. Proin eu lacinia dui, nec convallis neque. Nam at magna mauris. Integer vitae quam vestibulum, vestibulum purus a, elementum neque. Pellentesque dui libero, egestas id posuere nec, tempor et mauris. Phasellus porttitor in tellus id ultricies. Curabitur eu bibendum sapien. [break][break] Suspendisse ut feugiat felis. Nunc semper placerat consectetur. Curabitur ac vulputate erat, eu lacinia purus. In id mauris lorem. Fusce leo ipsum, tempor vitae mollis at, vulputate quis ex. Proin pharetra elementum dapibus. Sed convallis elit sit amet elit gravida vehicula. Sed pharetra velit id ultricies fermentum. Vivamus elementum mauris et velit volutpat, in condimentum purus malesuada. Nullam sodales gravida aliquam. Curabitur accumsan id tortor at egestas. [/PTab={tab-background-color:#002500;tab-font-size:18px;tab-hover-background-color:#929982;tab-selected-background-color:#929982;}] [PTab=Relationships] [attr="class","aoic1-tab-content"] [attr="class","aoic1-scroll"][attr="class","aoic1-ship-wrap"][break] [attr="class","aoi1c-ship-info"] [attr="class","aoic1-ship-content"] Name | NameHere | Played by | username | Correlation | +/=/- | Threads | 1 | 2 | 3 | 4 |
[attr="class","aoi1c-ship-info"] [attr="class","aoic1-ship-content"] Name | NameHere | Played by | username | Correlation | +/=/- | Threads | 1 | 2 | 3 | 4 |
[attr="class","aoi1c-ship-info"] [attr="class","aoic1-ship-content"] Name | NameHere | Played by | username | Correlation | +/=/- | Threads | 1 | 2 | 3 | 4 |
[attr="class","aoi1c-ship-info"] [attr="class","aoic1-ship-content"] Name | NameHere | Played by | username | Correlation | +/=/- | Threads | 1 | 2 | 3 | 4 |
[attr="class","aoi1c-ship-info"] [attr="class","aoic1-ship-content"] Name | NameHere | Played by | username | Correlation | +/=/- | Threads | 1 | 2 | 3 | 4 |
[/PTab={tab-background-color:#002500;tab-font-size:18px;tab-hover-background-color:#929982;tab-selected-background-color:#929982;}] [PTab=Extras] [attr="class","aoic1-tab-content"] [attr="class","aoic1-scroll"] [attr="class","aoic1-extra-content"] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam in iaculis justo. Vivamus non nisl suscipit, mollis velit vel, euismod felis. Maecenas mattis nunc eget leo semper consequat. Vivamus elementum aliquet est, ac laoreet eros euismod at. Donec vitae urna laoreet, rutrum velit quis, bibendum metus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In ultrices nunc libero, non tincidunt massa molestie eget. Maecenas laoreet magna at sodales fringilla. Suspendisse imperdiet pulvinar ipsum ac vestibulum. Nunc vehicula blandit magna, eu molestie velit vehicula eu. Vestibulum in felis eget tortor dignissim efficitur. Cras tempus tellus efficitur, malesuada tellus vitae, malesuada elit. [break][break] Nam maximus neque ultrices, rhoncus ante id, vulputate sem. Praesent vulputate ut quam eu blandit. Vestibulum viverra, ex a ultricies bibendum, tortor erat ultrices risus, sit amet sagittis sem ex in lacus. In nibh nibh, accumsan eu ullamcorper ut, vestibulum vel diam. Ut viverra arcu quis enim condimentum laoreet. Quisque sodales volutpat lacus, eget varius massa maximus commodo. Duis volutpat nulla urna, id luctus lacus auctor eget. Suspendisse venenatis urna in rutrum tempor. Suspendisse id magna consequat ex pharetra tincidunt. Sed non congue mauris, ut pharetra ex. Mauris sit amet sapien et nulla eleifend iaculis a ac dolor. Aliquam cursus commodo purus ut bibendum.
[/PTab={tab-background-color:#002500;tab-font-size:18px;tab-hover-background-color:#929982;tab-selected-background-color:#929982;}] [/PTabbedContent] [attr="class","aoic1-credits"]layout by aoife[newclass=".aoic1-container"]width:600px;height:645px;margin:0 auto;[/newclass] [newclass=".aoic1-lrg-header"]width:600px;height:180px;overflow:hidden;position:relative;[/newclass] [newclass=".aoic1-lrg-header-title"]width:600px;height:60px;background-color:rgba(246,246,246,0.3);color:#002500;margin:0 auto;font-size:48px;text-align:center;font-family:'Syne Mono', monospace;float:left;margin-top:60px;box-shadow:0px 0px 15px rgba(0,0,0,0.4);font-variant:small-caps;-webkit-text-stroke:1px #f6f6f6;position: absolute;top:0px;left:0px; [/newclass] [newclass=".aoic1-lrg-sidebar"]width:120px;height:465px;background-image:url(https://via.placeholder.com/120x465);float:left;[/newclass] [newclass=".aoic1-main-content"]width:480px;height:464px;float:right;padding:0px;background-color:rgba(0,0,0,0.1);[/newclass] [newclass=".PT_table"]border:0px solid rgba(0,0,0,0);color:white !important;[/newclass] [newclass=".PT_tabs"]border:0px solid rgba(0,0,0,0);color:white !important;font-family:'Bebas Neue', cursive;[/newclass] [newclass=".PT_tabs_hover"]border:0px solid rgba(0,0,0,0);color:white !important;font-family:'Bebas Neue', cursive;[/newclass] [newclass=".PT_tabs_selected"]border:0px solid rgba(0,0,0,0);color:white !important;font-family:'Bebas Neue', cursive;[/newclass] [newclass=".PT_tabs_selected_hover"]border:0px solid rgba(0,0,0,0);color:white !important;font-family:'Bebas Neue', cursive;[/newclass] [newclass=#Table0Tab0:before , #Table0Tab1:before , #Table0Tab2:before , #Table0Tab3:before]content: none !important;[/newclass] [newclass=".aoic1-tab-content"]width:470px;height:414px;padding:5px;margin:0 auto;background-color:#f6f6f6;margin-top:-10px;[/newclass] [newclass=".aoic1-glance-content"]width:434px;height:227px;padding:0px;margin:0 auto;background-color:#929982;border:2px solid white;margin-top:6px;color:#f6f6f6;font-size:13px;line-spacing:16px;font-family:Verdana, sans serif;[/newclass] [newclass=".aoic1-glance-table-info"]background-color:#828874;width:434px;height:227px;font-variant:small-caps;[/newclass] [newclass=".aoic1-glance-table-info td, table.glance-table-info th"]padding: 0px 6px !important;[/newclass] [newclass=".aoic1-glance-table-info tr:nth-child(even)"]background: #B3BB9F;[/newclass] [newclass=".aoic1-detail-content"]width:434px;height:390px;padding:5px;margin:0 auto;background-color:#929982;border:2px solid white;margin-top:6px;color:#f6f6f6;font-size:13px;line-spacing:16px;font-family:Verdana, sans serif;overflow-y:auto;text-align:justify;[/newclass] [newclass=".aoic1-detail-title"]font-size:20px;color:#002500;font-family:'Syne Mono', monospace;text-align:center;[/newclass] [newclass=".aoic1-ship-wrap"]width:475px;height:424px;overflow-y:auto;margin-top:-5px;[/newclass] [newclass=".aoic1-ship-info"]display:inline-block;margin:0 auto;[/newclass] [newclass=".aoic1-ship-img"]display:inline-block;width:146px;height:146px;border:2px solid white;vertical-align:middle;margin-left:15px;margin-right:15px;[/newclass] [newclass=".aoic1-ship-content"]display:inline-block;width:261px;height:136px;padding:0px;margin:0 auto;background-color:#929982;border:2px solid white;color:#f6f6f6;font-size:13px;line-spacing:16px;font-family:Verdana, sans serif;vertical-align:middle;[/newclass] [newclass=".aoic1-ship-table-info"]background-color:#828874;width:261px;height:136px;font-variant:small-caps;[/newclass] [newclass=".aoic1-ship-table-info td, table.glance-table-info th"]padding: 0px 6px !important;[/newclass] [newclass=".aoic1-ship-table-info tr:nth-child(even)"]background: #B3BB9F;[/newclass] [newclass=".aoic1-extra-content"]width:430px;height:400px;padding:5px;margin:0 auto;background-color:#929982;border:2px solid white;color:#f6f6f6;font-size:13px;line-spacing:16px;font-family:Verdana, sans serif;overflow-y:auto;[/newclass] [newclass=".aoic1-scroll::-webkit-scrollbar"]width:6px;[/newclass] [newclass=".aoic1-scroll::-webkit-scrollbar-track"]background:#f6f6f6;[/newclass] [newclass=".aoic1-scroll::-webkit-scrollbar-thumb"]background-color:#002500;border-radius:0px;border:0px none #ffffff;[/newclass] [newclass=".aoic1-credits"]text-align:center;color:black;font-size:10px;font-family:'Syne Mono', monospace;margin-top:8px;[/newclass]
|
|
|
|
aoife
New Member
10 Posts
4 Likes
|
|
Post by aoife on Nov 18, 2022 14:46:46 GMT -6
Notes about this code.[break] This code follows the same general notes as the code above. [break] WOW so I learned a lot when I was reformatting this for a more user friendly editing experience! I learned how to use the variable tag woooo! which makes it easier for everyone to edit the colors of the template! Hooray! Due to the fact that I could only set up variables in newclasses if you want different colored templates per cat you'll have to do a manual style element override. Links will also be chnaged to the PRIMARY color for every post in the thread, unless you manually code a color into the a inline style. Sorry! ;;[break] The variables are found at the bottom of the code for easy finding.[break] COLOR GUIDE[break] primary(ab4967) | secondary(d9d0de) | tertiary(fff8fb) [break] font-coloring(a04668) | container-bg(bc8da0) | fontshadows(bc8da0)[break]All the images will be unique to the template unlike the colours.[break] If you get lost in the code using F3 and typing in what you're looking for is super helpful![break] Search "Header Image" for the 600x140, "Cat Headshot Image" for the 150x150, & "Cat Relation Image" for the 70x70s[break] Quote this post and copy everything from the start of the googlefont[break] If you are having trouble navigating the code I am more than happy to help you make changes. [break][break] You can see a customised example here. Added a shadow to the entire template, changed the container bg to an image, changed the color, only 3 relation boxes, and filled in some of the information. [break][break] \/\/\/COPY THE CODE BELOW THIS TEXT\/\/\/ [googlefont="Rubik Mono One"] [nospaces] [attr="class","aoic2-container"] [attr="class","aoic2-main-container"] [attr="class","aoic2-lrg-header"] [attr="class","aoic2-lrg-header-title"] NameHere
[attr="class","aoic2-sidebar-container] [attr="class","aoic2-content-container"] [attr="class","aoic2-desc-title"]description [attr="class","aoic2-desc-content"] [attr="class","aoic2-scroll"][attr="class","aoic2-desc-textbox"]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In sed lorem non lacus malesuada pharetra non a nulla. Ut eleifend imperdiet tristique. Etiam dictum, metus et iaculis faucibus, justo odio faucibus nulla, laoreet molestie ex arcu ut ipsum. Ut ut suscipit est. Nunc fringilla nunc ac sapien ullamcorper tempus. Nulla rhoncus pellentesque erat, sed euismod dui vehicula non. Vestibulum pulvinar est ut nisi scelerisque maximus. Nullam tincidunt nulla quis tellus dictum vulputate sit amet et libero. Morbi sed est in nisi tristique placerat. Ut sem ante, egestas in ligula eu, aliquam suscipit sapien. Vivamus dictum interdum tortor, at consectetur arcu interdum nec. Aenean faucibus ornare sem, pellentesque rutrum libero. Vivamus a porttitor odio. Mauris sed interdum ipsum, id lacinia sem. [break][break] Sed iaculis vestibulum urna, sed congue arcu vulputate non. Phasellus egestas, ipsum sed dictum imperdiet, elit velit lacinia mauris, at interdum felis massa in dolor. Suspendisse nec arcu ut lacus facilisis euismod eget a arcu. Vestibulum tempus libero a laoreet egestas. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Cras faucibus malesuada sem a eleifend. Aliquam pharetra elit non consequat tristique. [break][break] Aliquam porta placerat quam. Aenean varius elementum viverra. Morbi suscipit, massa at varius scelerisque, mauris quam mollis erat, eget elementum nulla leo in odio. Nulla tristique magna lorem, et commodo nunc sollicitudin at. Ut et odio eu ligula molestie viverra vel sit amet sapien. Fusce sit amet scelerisque leo. Pellentesque sodales pharetra efficitur. Nam et magna eros. Maecenas eleifend libero in neque tempor facilisis. Nam a luctus eros. Sed facilisis congue egestas. Etiam iaculis purus eget felis elementum, eu rhoncus tellus iaculis. Suspendisse potenti. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce tempus imperdiet libero, at viverra quam gravida sed.
[attr="class","aoic2-history-title"]history [attr="class","aoic2-history-content"] [attr="class","aoic2-scroll"][attr="class","aoic2-history-textbox"]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In sed lorem non lacus malesuada pharetra non a nulla. Ut eleifend imperdiet tristique. Etiam dictum, metus et iaculis faucibus, justo odio faucibus nulla, laoreet molestie ex arcu ut ipsum. Ut ut suscipit est. Nunc fringilla nunc ac sapien ullamcorper tempus. Nulla rhoncus pellentesque erat, sed euismod dui vehicula non. Vestibulum pulvinar est ut nisi scelerisque maximus. Nullam tincidunt nulla quis tellus dictum vulputate sit amet et libero. Morbi sed est in nisi tristique placerat. Ut sem ante, egestas in ligula eu, aliquam suscipit sapien. Vivamus dictum interdum tortor, at consectetur arcu interdum nec. Aenean faucibus ornare sem, pellentesque rutrum libero. Vivamus a porttitor odio. Mauris sed interdum ipsum, id lacinia sem. [break][break] Sed iaculis vestibulum urna, sed congue arcu vulputate non. Phasellus egestas, ipsum sed dictum imperdiet, elit velit lacinia mauris, at interdum felis massa in dolor. Suspendisse nec arcu ut lacus facilisis euismod eget a arcu. Vestibulum tempus libero a laoreet egestas. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Cras faucibus malesuada sem a eleifend. Aliquam pharetra elit non consequat tristique. [break][break] Aliquam porta placerat quam. Aenean varius elementum viverra. Morbi suscipit, massa at varius scelerisque, mauris quam mollis erat, eget elementum nulla leo in odio. Nulla tristique magna lorem, et commodo nunc sollicitudin at. Ut et odio eu ligula molestie viverra vel sit amet sapien. Fusce sit amet scelerisque leo. Pellentesque sodales pharetra efficitur. Nam et magna eros. Maecenas eleifend libero in neque tempor facilisis. Nam a luctus eros. Sed facilisis congue egestas. Etiam iaculis purus eget felis elementum, eu rhoncus tellus iaculis. Suspendisse potenti. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce tempus imperdiet libero, at viverra quam gravida sed.
[attr="class","aoic2-ship-title"]relationships [attr="class","aoic2-ship-content"] [attr="class","aoic2-scroll"][attr="class","aoic2-ship-textbox"] [attr="class","aoic2-ship-profiles"] [break] NameHere[break] by user[break][break] CLAN|| ClanHere[break][break] relationshiptype[break][break] THREADS[break] 1 | 2 | 3 | 4 | [attr="class","aoic2-ship-profiles"] [break] NameHere[break] by user[break][break] CLAN|| ClanHere[break][break] relationshiptype[break][break] THREADS[break] 1 | 2 | 3 | 4 | [attr="class","aoic2-ship-profiles"] [break] NameHere[break] by user[break][break] CLAN|| ClanHere[break][break] relationshiptype[break][break] THREADS[break] 1 | 2 | 3 | 4 | [attr="class","aoic2-ship-profiles"] [break] NameHere[break] by user[break][break] CLAN|| ClanHere[break][break] relationshiptype[break][break] THREADS[break] 1 | 2 | 3 | 4 | [attr="class","aoic2-ship-profiles"] [break] NameHere[break] by user[break][break] CLAN|| ClanHere[break][break] relationshiptype[break][break] THREADS[break] 1 | 2 | 3 | 4 | [attr="class","aoic2-ship-profiles"] [break] NameHere[break] by user[break][break] CLAN|| ClanHere[break][break] relationshiptype[break][break] THREADS[break] 1 | 2 | 3 | 4 | [attr="class","aoic2-ship-profiles"] [break] NameHere[break] by user[break][break] CLAN|| ClanHere[break][break] relationshiptype[break][break] THREADS[break] 1 | 2 | 3 | 4 | [attr="class","aoic2-ship-profiles"] [break] NameHere[break] by user[break][break] CLAN|| ClanHere[break][break] relationshiptype[break][break] THREADS[break] 1 | 2 | 3 | 4 | [attr="class","aoic2-ship-profiles"] [break] NameHere[break] by user[break][break] CLAN|| ClanHere[break][break] relationshiptype[break][break] THREADS[break] 1 | 2 | 3 | 4 |
[attr="class","aoic2-credits"]layout by aoife[newclass=".aoic2-container"]width:600px;height:700px;padding:10px;font-size:11px;font-family:'Verdana', sans-serif;margin:0 auto;background-color:[var="aoife2container-bg"];color:[var="aoife2font-coloring"];[/newclass] [newclass=a]color:[var="aoife2primary"];font-weight:bold;[/newclass] [newclass=".aoic2-main-container"]width:600px;height:700px;padding:0px;margin:auto;background-color:[var="aoife2secondary"];[/newclass] [newclass=".aoic2-lrg-header"]width:600px;height:140px;overflow:hidden;position:relative;[/newclass] [newclass=".aoic2-lrg-header-title"]width:600px;height:140px;color:[var="aoife2secondary"];margin:0 auto;font-size:68px;text-align:center;font-family:'Rubik Mono One', sans-serif;float:left;font-variant:small-caps;-webkit-text-stroke:1px [var="aoife2tertiary"];margin-top:30px;position:absolute;top:0px;left:0px; [/newclass] [newclass=".aoic2-sidebar-container"]width:180px;height:560px;background-color:rgba(0,0,0,0);float:left;[/newclass] [newclass=".aoic1-sidebar-table-info"]background-color:[var="aoife2primary"];width:180pxpx;font-variant:small-caps;[/newclass] [newclass=".aoic1-sidebar-table-info td, table.glance-table-info th"]padding: 0px 6px !important;[/newclass] [newclass=".aoic1-sidebar-table-info tr:nth-child(even)"]background: [var="aoife2secondary"];[/newclass] [newclass=".aoic2-side-stats-even"]background-color:[var="aoife2primary"];text-align:center;width:180px;height:37px;padding-top:10px;margin:0 auto;font-size:10px;font-variant:small-caps;color:[var="aoife2tertiary"];[/newclass] [newclass=".aoic2-side-stats-odd"]background:[var="aoife2secondary"];text-align:center;width:180px;height:38px;padding-top:10px;margin:0 auto;font-size:10px;font-variant:small-caps;[/newclass] [newclass=".aoic2-content-container"]width:420px;height:560px;background-color:[var="aoife2tertiary"];float:right;[/newclass] [newclass=".aoic2-desc-title"]clear:both;margin-bottom:12px;font-size:20px;font-variant:small-caps;text-align:center;-webkit-text-stroke:1px [var="aoife2tertiary"];text-shadow:3px 2px [var="aoife2fontshadows"];color:[var="aoife2font-coloring"];font-weight:bold;[/newclass] [newclass=".aoic2-desc-content"]display:flex;align-items:center;justify-content:center;width:390px;height:140px;margin:0 auto;margin-top:-20px;border:2px solid [var="aoife2primary"];background-color:[var="aoife2secondary"];text-algin:justify;padding:5px;vertial-align:top;[/newclass] [newclass=".aoic2-desc-textbox"]width:376px;height:126px;padding:2px;text-align:justify;font-size:9px;color:[var="aoife2primary"];overflow-y:auto;[/newclass] [newclass=".aoic2-history-title"]clear:both;margin-bottom:12px;font-size:20px;font-variant:small-caps;text-align:center;-webkit-text-stroke:1px [var="aoife2tertiary"];text-shadow:3px 2px [var="aoife2fontshadows"];color:[var="aoife2font-coloring"];font-weight:bold;[/newclass] [newclass=".aoic2-history-content"]display:flex;align-items:center;justify-content:center;width:390px;height:140px;margin:0 auto;margin-top:-20px;border:2px solid [var="aoife2primary"];background-color:[var="aoife2secondary"];text-algin:justify;padding:5px;vertial-align:top;[/newclass] [newclass=".aoic2-history-textbox"]width:376px;height:126px;padding:2px;text-align:justify;font-size:9px;color:[var="aoife2primary"];overflow-y:auto;[/newclass] [newclass=".aoic2-ship-title"]clear:both;margin-bottom:12px;font-size:20px;font-variant:small-caps;text-align:center;-webkit-text-stroke:1px [var="aoife2tertiary"];text-shadow:3px 2px [var="aoife2fontshadows"];color:[var="aoife2font-coloring"];font-weight:bold;[/newclass] [newclass=".aoic2-ship-content"]display:flex;align-items:center;justify-content:center;width:390px;height:180px;margin:0 auto;margin-top:-20px;border:2px solid [var="aoife2primary"];background-color:[var="aoife2secondary"];text-algin:justify;padding:5px;vertial-align:top;[/newclass] [newclass=".aoic2-ship-profiles"]width:108px;height:180px;padding:5px;margin:3px 3px;background-color:[var="aoife2tertiary"];text-align:center;[/newclass] [newclass=".aoic2-ship-textbox"]width:376px;height:166px;padding:2px;text-align:justify;font-size:9px;color:[var="aoife2primary"];overflow-y:auto;[/newclass] [newclass=".aoic2-scroll::-webkit-scrollbar"]width:6px;[/newclass] [newclass=".aoic2-scroll::-webkit-scrollbar-track"]background:rgba(0,0,0,0);[/newclass] [newclass=".aoic2-scroll::-webkit-scrollbar-thumb"]background-color:[var="aoife2primary"];border-radius:0px;border:0px none [var="aoife2tertiary"];[/newclass] [newclass=".aoic2-credits"]text-align:center;color:rgba(0,0,0,0.3);font-size:10px;font-family:'Rubik Mono One', sans-serif;margin-top:2px;[/newclass] [newclass=".aoic2-cat-img"]border:2px solid [var="aoife2tertiary"];margin-left:6px;border-radius:75px;width:150px;height:150px;[/newclass] [newclass=".aoic2-ship-cat-img"]border:2px solid [var="aoife2primary"];margin-left:6px;border-radius:35px;width:70px;height:70px;[/newclass] [var name="aoife2primary" value="#AB4967"] [var name="aoife2secondary" value="#d9d0de"] [var name="aoife2tertiary" value="#fff8fb"] [var name="aoife2font-coloring" value="#a04668"] [var name="aoife2container-bg" value="#bc8da0"] [var name="aoife2fontshadows" value="#ce9ab1"]
|
|
|