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.
Late Harvest
zoom.jpg
» Narrow | Wide
Orange Juice
zoom.jpg
» Narrow | Wide
Cherry Red
zoom.jpg
» Narrow | Wide
Pretty Pink
zoom.jpg
» Narrow | Wide
Royal Purple
zoom.jpg
» Narrow | Wide
Deep Blue
zoom.jpg
» Narrow | Wide
Sky Blue
zoom.jpg
» Narrow | Wide
Tropical Seas
zoom.jpg
» Narrow | Wide
Green Grass
zoom.jpg
» Narrow | Wide
Midnight Coal
zoom.jpg
» Narrow | Wide
Silent Silver
zoom.jpg
» Narrow | Wide
Pale Snow
zoom.jpg
» Narrow | Wide