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 */
 
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;
}
tr{
  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;
}

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