Themes Administration
The following code block defines the default CSS theme for this site:
/* ================== Theme: CT-theme Author: Matteo Zanda License: CC BY-SA 3.0 contact: website: https://gand988.github.io/portfolio/ ================== */ /* Global */ @font-face{ font-family: "CChicago"; src: url('http://chrono.wikidot.com/local--files/css/CChicago.ttf'), url('http://chrono.wikidot.com/local--files/css/CChicago.ttf'); /* IE */ } body { background: #942744; /* Old browsers */ background: -webkit-linear-gradient(top, #942744 44%,#3b2c2f 99%); /* Chrome10-25,Safari5.1-6 */ background: -moz-linear-gradient(top, #942744 44%, #3b2c2f 99%); /* FF3.6-15 */ background: linear-gradient(to bottom, #942744 44%,#3b2c2f 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ font-family: 'Roboto', sans-serif; } body a { color: #66b9b9; text-decoration: none; } body a:hover { color: #f8f8ff; text-decoration: none; background-color: #212121; } h1, h2, h3, h4, h5, h6 { font-weight: normal; } /* Container */ #container { background-color: #212121; margin: 10px auto; width: 950px; border-radius: 5px; padding-left: 20px; padding-right: 20px; position: relative; color: #f8f8ff; font-size: 110%; line-height: 170%; } @media only screen and (max-device-width: 480px) { #container { width: 100%; } } /* Header */ #header { height: 120px; } #header h1 { display: block; height: 100px; padding-top: 30px; padding-left: 30px; font-size: 200%; text-shadow: 2px 0px 2px #858585; letter-spacing: 2px; } #header h1 a:hover { background: none; text-decoration: none; } #header h2 { position: absolute; top: 80px; left: 80px; letter-spacing: 2px; font-size: 120%; } /* Top Bar */ #top-bar { margin-top: 10px; width: 70%; height: 30px; position: relative; left: 0; bottom: 0; margin-left: 15px; } #top-bar a { color: #849293; text-decoration: none; letter-spacing: 1px; } #top-bar a:hover { color: #f8f8ff; text-decoration: none; background-color: #212121; letter-spacing: 1px; } #top-bar li ul{ border: 1px solid #B28D35; } #top-bar li ul li a { background-color: #212121; } sfhover { background-color: black; } /* Account option */ #account-options{ border: 1px solid #B28D35; } #account-options ul li a{ color: #849293; background-color: #212121; } #account-options ul li a:hover{ color: #F8F9FB; background-color: #212121; } /* Search bar */ #search-top-box-input, #search-top-box-form .button{ color: #F8F9FB; background-color: #212121; } #search-top-box-form .button:hover{ background-color: #DDD; } /* Side Bar */ #side-bar { float: right; /*border: 1px solid #B28D35;*/ width: 200px; padding-left: 20px; padding-right: 20px; margin-right: 10px; } table.wiki-content-table th { background-color: black; color: #dfdfe6; } .wiki-content-table tr td{ border: 1px solid #B28D35; } /* Content */ #main-content { margin: 30px 260px 20px 5px; padding: 30px; } #page-content a{ padding: 2px 5px; } #main-content #page-content div a:hover{ background-color: #212121; } #page-content a:hover{ background-color: #942744; } /* Page Title */ #page-title { font-size: 120%; padding-bottom: 5px; } /* Table of Content */ #toc { background-color: black; border: 1px solid #dfdfe6; padding: 20px; border-radius: 5px; } /* Code Block */ .code { background-color: #dfdfe6; color: black; padding: 5px 20px 5 px 20px; border-radius: 5px; } /* Basic Table */ table{ border-collapse: collapse; counter-reset: rowNumber; } tr{ counter-increment: rowNumber; border-bottom: 1px solid #404040; } td { vertical-align: top; } th { /*border-bottom: 1px solid #303030;*/ text-align: center; } /* Quote */ blockquote { font-family: "Courier New", Courier, monospace; background-color: rgba(148,39,68, .2); border: 1px solid #B28D35; color: #dfdfe6; padding: 5px 20px 5 px 20px; margin-left: 0px; margin-right: 0px; } /* ================== */ /* ================== */ Stuff added by redslash :> /* ================== */ ol { margin-start: 0; margin-before: 0; margin-top: 0; margin-bottom: 2px; padding: 0; background: #212121; border: 0px 0px 0px 0px; } ul { margin: 0; margin-bottom: 2px; padding: 0; padding-left: 15px; background: #212121; border: 0px 0px 0px 0px; } ol li { margin-top: 0px; /* top, right, bottom, left margins */ margin-bottom: 2px; padding: 0px; padding-left: 5px; color: #e0e0e0; border-bottom: 1px dashed #505050; } ul li { margin: 0; margin-bottom: 2px; padding: 0px; padding-left: 5px; color: #e0e0e0; } tt { color: #999999; } .collapsible-block-folded{ color: #a4b2b3; vertical-align: bottom; font-weight: bold; } .collapsible-block-folded-link{ color: #a4b2b3; vertical-align: bottom; font-weight: bold; } .collapsible-block-unfolded-link{ color: #a4b2b3; vertical-align: bottom; font-weight: bold; } .nobreak p{display:inline;margin:0px;padding:0px} .target { font-weight: normal; } .all { color: white ; font-weight: normal; font-family: Verdana, Geneva, sans-serif; } .n { color: white ; font-weight: bold; font-family: Verdana, Geneva, sans-serif; } .bold { color: white ; font-weight: bold; font-family: Verdana, Geneva, sans-serif; } .get { color: orange; font-weight: bold; font-family: Verdana, Geneva, sans-serif; } .crono { color: yellow; font-weight: bold; font-family: Verdana, Geneva, sans-serif; } .marle { color: cyan; font-weight: bold; font-family: Verdana, Geneva, sans-serif; } .lucca { color: red; font-weight: bold; font-family: Verdana, Geneva, sans-serif; } .frog { color: #00d000; font-weight: bold; font-family: Verdana, Geneva, sans-serif; } .robo { color: #9999ff; font-weight: bold; font-family: Verdana, Geneva, sans-serif; } .ayla { color: salmon; font-weight: bold; font-family: Verdana, Geneva, sans-serif; } .magus { color: #ef1274; font-weight: bold; font-family: Verdana, Geneva, sans-serif; } .boss { color: #0080d0; font-weight: bold; font-family: Verdana, Geneva, sans-serif; } .enemy { color: #0080d0; font-weight: bold; font-family: Verdana, Geneva, sans-serif; } .all { color: white ; font-weight: normal; font-family: Verdana, Geneva, sans-serif; } .bold { color: white ; font-weight: bold; font-family: Verdana, Geneva, sans-serif; } .get { color: orange; font-weight: bold; font-family: Verdana, Geneva, sans-serif; } .c{ color: yellow; font-weight: bold; font-family: Verdana, Geneva, sans-serif; } .c:before { content: "c "; } .m{ color: cyan; font-weight: bold; font-family: Verdana, Geneva, sans-serif; } .m:before { content: "m "; } .l{ color: red; font-weight: bold; font-family: Verdana, Geneva, sans-serif; } .l:before { content: "l "; } .f{ color: #00d000; font-weight: bold; font-family: Verdana, Geneva, sans-serif; } .f:before { content: "f "; } .r{ color: #9999ff; font-weight: bold; font-family: Verdana, Geneva, sans-serif; } .r:before { content: "r "; } .a{ color: salmon; font-weight: bold; font-family: Verdana, Geneva, sans-serif; } .a:before { content: "a "; } .s{ color: #ef1274; font-weight: bold; font-family: Verdana, Geneva, sans-serif; } .s:before { content: "g "; } .g{ color: #ef1274; font-weight: bold; font-family: Verdana, Geneva, sans-serif; } .g:before { content: "g "; } .b{ color: #0080d0; font-weight: bold; font-family: Verdana, Geneva, sans-serif; } .b:before { content: ""; } .b:after{ content: ""; } .e{ color: #0080d0; font-weight: bold; font-family: Verdana, Geneva, sans-serif; } .e:before { content: ""; } .e:after{ content: ""; } .cset{ color: yellow; font-weight: normal; font-family: Verdana, Geneva, sans-serif; } .cset:before { content: " c → "; } .mset{ color: cyan; font-weight: normal; font-family: Verdana, Geneva, sans-serif; } .mset:before { content: " m → "; } .lset{ color: red; font-weight: normal; font-family: Verdana, Geneva, sans-serif; } .lset:before { content: " l → "; } .fset{ color: #00d000; font-weight: normal; font-family: Verdana, Geneva, sans-serif; } .fset:before { content: " f → "; } .rset{ color: #9999ff; font-weight: normal; font-family: Verdana, Geneva, sans-serif; } .rset:before { content: " r → "; } .aset{ color: salmon; font-weight: normal; font-family: Verdana, Geneva, sans-serif; } .aset:before { content: " a → "; } .sset{ color: #ef1274; font-weight: normal; font-family: Verdana, Geneva, sans-serif; } .sset:before { content: " g → "; } .gset{ color: #ef1274; font-weight: normal; font-family: Verdana, Geneva, sans-serif; } .gset:before { content: " g → "; } .cz{ color: yellow; font-weight: bold; font-family: Verdana, Geneva, sans-serif; } .mz{ color: cyan; font-weight: bold; font-family: Verdana, Geneva, sans-serif; } .lz{ color: red; font-weight: bold; font-family: Verdana, Geneva, sans-serif; } .fz{ color: #00d000; font-weight: bold; font-family: Verdana, Geneva, sans-serif; } .rz{ color: #9999ff; font-weight: bold; font-family: Verdana, Geneva, sans-serif; } .az{ color: salmon; font-weight: bold; font-family: Verdana, Geneva, sans-serif; } .gz{ color: #ef1274; font-weight: bold; font-family: Verdana, Geneva, sans-serif; }
When you edit the above code block, it takes effect immediately. Press Shift-Reload to get the new theme. Only site admins can edit this page.
This theme exists in different colors. To choose a different color, right-click on Narrow or Wide below, and "Copy link address". Then edit this page and paste the copied link address into the code block above, @import url(here);.
You can customize this theme in several other ways:
- Select a different external theme
- Add your own CSS code after the @import in the above theme.
page revision: 103, last edited: 17 Feb 2019 03:45