Systemtheme

The system theme is exactly like the main theme except it does not call for padding within the maincontent area to ensure that the Homepage (which is part of system) stretches across the maximum amount of space. Some adjustments have been made to the margins around Page Title and Headers.

@import url(http://www.wikidot.com/common--theme/base/css/style.css);
 
/* LAYOUT */
 
body{
    background-color:#585858;
        font-size: 0.76em;
}
 
#container {
    background-color:#585858;
    max-width:1000px;
    margin: 0 auto;
   /*-moz-box-shadow:#202020 10px 5px 5px;*/
   -moz-box-shadow: 0 0 2.5em #202020;
   -webkit-box-shadow: 0 0 2.5em #202020;
 
}
 
#main-content{background-color:#ffffff;
    max-width:1000px;
    margin: 0 auto;
    padding:1em;
 
}
 
#page-content{
min-height:800px;
 
}
 
/* HEADER */
#header{background-color:#881c1c;
    max-width: 1000px;
    margin: 0 auto;
    padding:1em;
    height: 10em;
    color:white;
 
}
 
/* Side Bar */
 
#side-bar {
    display:none;
 
}
 
/* Website Title */
 
#header h1 {
    font-family: Verdana, arial, helvetica,sans-serif;
    color: white;
    font-weight: normal;
    font-size: 250%;
 
}
#header h2{
font-family: Verdana, arial, helvetica,sans-serif;
    color: white;
    font-weight: normal;
font-style: italic;
    font-size: 120%;
 
}
 
/* Header Links */
#header a{
    color:white;
text-decoration:none
}
 
/* TEXT */
h1,h2,h3,h4,h5,h6{
    font-family: Georgia, Trebuchet, Verdana, Arial, Helvetica;
}
 
/* LINKS */
 
/* Body links */
a{
    color: #881c1c;
}
 
a:hover {
    color: #2D2E2A;
    background-color: transparent;
    text-decoration: none;
}
 
/* Page Titles and Headings from Sahara */
 
#page-title {
    border: none;
    padding: 0.25px 5px 0.25px 0px;
    color: #881c1c;
    margin: 10px 0px 20px 0px;
    font-family: Georgia, Trebuchet, Verdana, Arial, Helvetica;
    font-size:2.5em;
}
 
div > #page-title
{
    padding-left: 20px;
    background: url(http://umass-sandbox.wikidot.com/local--files/files/reddot15007x7.png) repeat-y left center;
}
 
h1, h2, h3, h4{
    border: none;
    padding: 0px;
    color: #881c1c;
    margin: 30px 0px 0px 0px;
    font-family: Georgia, Trebuchet, Verdana, Arial, Helvetica;
}
 
/* FOOTER (help.terms of service. etc, but not below that Creative Commons*/
 
#footer a{
    color:white;
    font-size: 80%;
}
 
/* ACCOUNT OPTIONS */
#account-options{
    background-color: white;
    display: none;
    border: 1px solid #888;
 
}
 
#account-options ul{
    border: 1px solid #dddddd;
        color:black;
}
#account-options li{
        color:black;
}
#account-options li a{
        color:black;
}
 
#account-options li a:hover{
    color: white;
    background-color: black;
}
 
#account-topbutton{
 
    text-decoration: none;
    background-color: #881c1c;
}
 
/* TOP BAR */
#top-bar{
 
  padding: 0;
  text-align:right;
  background-color: black;
  color:white;
    left: 0; right: 0;
    width: 100%;
}
 
#top-bar  a {
    color:white;
    text-decoration: none;
 
}
 
#top-bar ul {
    float: right;
}
 
#top-bar li ul li a {
    background-color:#FFFFFF;
    border: 1px solid #dddddd;
    color:#000000;
    text-align:left;
    width:10em;
}
 
#top-bar a:hover {
    text-decoration: none;
    color:#ffffff;
    background-color:black;
}
 
#top-bar li ul li a:hover {
    text-decoration: underline;
    color:black;
    background-color:white;
}
 
/*LICENSE*/
#license-area {
    padding: 1em 0;
    color: white;
    font-size: 80%;
    text-align: center;
}
 
#license-area a{
color:white;
font-size: 80%;
}
 
/*Pretty Buttons for Comments Module and More*/
 
div.buttons input, input.button, button, file, a.button{
    background-image: url(http://www.umassenglishgrad.com/local--files/system:files/graybutton1.png);
    border: 1px solid #DDD;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    height: 26px;
}
div.buttons input:hover, input.button:hover, button:hover,  a.button:hover{
    background-image: url(http://www.umassenglishgrad.com/local--files/system:files/bluebutton2.png);
    border: 1px solid #DDD;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: #000;
    height: 26px;
}
 
/* Rounded Boxes */
 
.box {
   padding: 3px 15px;
    -moz-border-radius: 1em;
    -webkit-border-radius: 10px;
    height: auto;
    width: auto;
    background: #DDDDDD;
   margin: 10px;
 
}
 
/* Customized Links */
.blacklink a {
    color: #000000;
    font-weight: normal;
    font-size: 100%;
 
}
.blacklink a:hover {
    color: #881c1c;
    font-weight: normal;
    font-size: 100%;
 
}
 
.undeclink a {
    text-decoration: none;
}
.undeclink a:hover {
    color: #000000
    text-decoration: underline;
}
 
.blackundeclink a {
    color: #000000;
    font-weight: normal;
    font-size: 100%;
    text-decoration: none;
}
.blackundeclink a:hover {
    color: #881c1c;
    font-weight: normal;
    font-size: 100%;
    text-decoration: underline;
}
 
.boldlink a {
    color: #000000;
    font-weight: bolder;
    font-size: 100%;
    text-decoration: none;
    font-family:Verdana, arial, helvetica,sans-serif;
 
}
.boldlink a:hover {
    color: #881c1c;
    font-weight: bolder;
    font-size: 100%;
    text-decoration: underline;
        font-family:Verdana, arial, helvetica,sans-serif;
}
 
/*SYSTEM DIV*/
 
.system {
    font-family:Verdana, arial, helvetica,sans-serif;
    font-size:14px;
    color:#333;
    }
 
.system h1, h2, h3, h4 {
    font-family: Georgia, "Times New Roman", Times, serif;
    color:#881c1c;    
    font-weight:bold;
    text-transform:lowercase;
    margin:50px 0 -2px 0;
}
 
.system h1{
    font-size:20px;
    }
 
.system h2 {
    font-size:15px;
 
}
 
.system a {
    color:#881c1c;
    text-decoration:none;
    border-bottom:1px dotted #881c1c;
    }
 
.system a:hover {
    color:#666;
    text-decoration:none;
    }
 
.system img  {
    border-width: 0px;
    }
 
.rss a {
    background-image:url(http://lh3.ggpht.com/_gJY3AA8vJAk/Sy_ONJiDw3I/AAAAAAAAAWQ/PoS599pftm0/rsswithspace32x14.jpg);
    background-repeat:no-repeat;
    color:#881c1c;
    padding-left:18px;
    text-decoration:none;
    border-bottom:none;
    }
 
.link a {
    border:0px;
    }
 
.link img {
    border:0px;
    }
css
Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License