Theme

This is just a storage page for my custom CSS, image files, etc.

Complete CoSchvennFull

This is the full CSS Style sheet, created as a new template, starting with "Basic" as the base. I then added the "Co" template modified with my changes from "CoSchvenn" to create the theme currently in use on this site.

/* Global Properties */
 
body {margin: 0px;
    font-size: 80%;
    font-family: Arial, Helvetica;
    background-color:beC2ae;
    background-image:url(http://schvenn.wikidot.com/local--files/_theme/Background.png);
    background-repeat:repeat;
    background-attachment:fixed;}
 
a {color: #4E4F43;}
 
a:hover {color: #2D2E2A;
    background-color: transparent; /* background-color: #eeeeee; */ /* Replace this line for the no-sidebar variant - 1 of 3 */
    text-decoration: none;}
 
/* Top mini-navigation */
 
#top-bar {background-color: #4D5C63;
/*padding: 2px 100px 2px 30%; */
    padding: 0;margin:0;
    border-bottom: 2px solid #2A343D;
    color: #E7E9DC;
    left: 0; right:0;
    width: 100%;}
 
#top-bar ul{padding: 2px 100px 2px 30%;}
 
#top-bar  a, #top-bar li ul li a {color: #E7E9DC;
    text-decoration: none;
    background-color:#4D5C63;}
 
#top-bar a:hover, #top-bar li ul li a:hover {text-decoration: underline;
    background-color:#4D5C63;}
 
/* Banner */
 
#header {color: #ede9cd;
    background-image:url(http://schvenn.wikidot.com/local--files/_theme/TopBackground.png);
    background-color: #172028;
    background-repeat: repeat-y;
    border-bottom: 2px solid #2A343D;
    /*padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 75px;*/
    height: 7em;}
 
#header h1 {font-family: trebuchet ms;
    color: #E7E9DC;
    font-weight: normal;
    font-size: 220%;
    margin: 0px 75px;}
 
#header h1 a,#header h1 a:hover{color: #E7E9DC;
    width: 55px;
    height: 60px;
    left: 5px; top: 0px; bottom: 0px; right: 0px;
    background: url("http://schvenn.wdfiles.com/local--files/schvenn%3Alogo/Small%20Round%20Profile.png") no-repeat;
    position: absolute;
    top: 5px; left: 5px;
    text-indent: 70px;
    font-size:30px;
    font-family:"Script MT Bold",Serif;
    font-weight: bold;}
 
#header h2{color: #dcdcdc;
    position: absolute;
    margin: 5px 75px;
    top: 40px;
    left: 0px;
    font-family:"Times New Roman",Serif;
    font-size:20px;
    font-style: italic;
    font-weight: bold;}
 
#header #login-status, #login-status a {color: #EEE;
    font-weight:bold;}
 
#account-options a,#account-options, a#account-topbutton{color: #333;
    font-weight: normal;}
 
/* The entire left column */
 
#side-bar {width: 20%;
    /* display: none; */ /* Add this line for the no-sidebar variant - 2 of 3*/
    float: left;
    background-color: #C7C9B8;
    border-right: 1px solid #BBBEAB;
    border-bottom: 1px solid #BBBEAB;
    color: #4E4F43;
    padding: 0.5em;
    margin:0;
    background-image:url(http://schvenn.wikidot.com/local--files/_theme/SidebarBackground.png);
    background-repeat:repeat;}
 
/* The links on the left side */
 
#side-bar ul{display: block;
    padding: 0;
    list-style: none;}
 
#side-bar ul li{margin: 0;
    display:block;}
 
#side-bar li a {margin: 0;
    padding-top: 2px;
    padding-bottom: 2px;
    display: block;
    padding-left: 1em;
    border-bottom: 1px solid #BBBEAB;
    border-top: 1px solid #D2D3C6;
    color: #1E2B31;
    text-decoration: none;}
 
#side-bar li a:hover {background-color: #D1D3C3;}
 
#side-bar li a:active {background-color: #DDDDDD;}
 
#site-manager-menu li a.active {background-color: #f5fff5;}
 
/* The headings on the left */
 
#site-manager-menu .head {color: #4e4f43}
 
#side-bar h1 {font-size: 140%;
    margin: 0px;
    padding-left: 0.5em;
    margin-top: 3px;
    margin-bottom: 0px;}
 
/* Left paragraph text */
 
#side-bar p {padding: 5px;
    margin: 0px;
    margin-bottom: 3px;
    margin: 0px;}
 
/* The entire center column */
 
#page-title {text-shadow:rgba(0,0,0,0.2) 3px 3px 3px;}
 
#main-content {color: #4E4F43;
    margin-left: 22%;} /* margin-left: 1em; margin-right: 1em; */  /* Replace this line for the no-sidebar variant - 3 of 3 */
 
/* Center column headers */
 
#main-content h1 {font-size: 175%;
    color: 4E4F43;}
 
/* Console styling */
 
div.console {background-color:rgba(0,0,0,0.9);
    color:white;
    font-family:lucida console,serif;
    height=500px;
    padding: 10px;
    -moz-border-radius:10px;
    -webkit-border-radius:20px;
    -opera-border-radius:20px;
    -khtml-border-radius:20px;
    border-radius:20px;
    box-shadow:rgba(5,5,5,0.4) 10px 10px 10px;}
 
div.console a {color:green;}
 
div.console a:hover {color:lime;}
 
/* Blog styling */
 
div.blog {background-color:white;
    z-index:2;
    background:url(http://www.schvenn.net/local--files/_theme/BlogBackground.png);
    background-repeat:repeat-y;
    padding: 0px 50px 50px 50px;
    max-width:900px;}
 
div.blog a {color:rgb(30,30,120);text-shadow:rgba(200,200,255,0.6) 1px 1px 2px;font-size:110%;}
 
div.blog a:hover {color:rgb(30,30,255);text-shadow:rgba(255,255,0,1.0) 1px 1px 20px;}
 
/* Program styling */
 
div.program td {border:1px solid black;
    padding:10px;
    box-shadow:rgba(5,5,5,0.4) 2px 2px 2px;}
 
table.programtable {padding:0px;
    table-layout:fixed;
    width:750px;
    box-shadow:rgba(5,5,5,0.4) 2px 2px 2px;}
 
tr.programrow {padding:0px;}
 
td.programsite  {width:250px;
    text-align:center;
    background-color:rgba(200,250,255,0.3);}
 
td.programname  {width:500px;
    text-indent:25px;
    background-color:rgba(200,250,255,0.3);}
 
td.programimage {width:250px; text-align:center;}
 
td.programdescription{width:500px; background-color:rgba(255,255,255,1.0);}
 
/* Television styling */
 
div.television {background-color:rgba(0,0,0,.9);
    color:white;
    font-family:lucida console,serif;
    height=500px;
    padding: 10px;
    -moz-border-radius:10px;
    -webkit-border-radius:20px;
    -opera-border-radius:20px;
    -khtml-border-radius:20px;
    border-radius:20px;
    border-style:1;
    box-shadow:rgba(5,5,5,0.4) 10px 10px 10px;}
 
div.television td {padding:10px;}
 
div.television a {color:yellow;text-shadow:rgba(0,0,0,0.2) 3px 3px 3px;}
 
div.television a:hover {font-style: italic; font-weight: bold;}
 
tr.showrow {background-color:rgba(50,50,125,.9);}
 
td.shownotes {background-color:rgba(100,100,150,.9);
                   vertical-align:top;}
 
img.logo {right:10px; top:100px; position:fixed; opacity:100;
    -webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out;
    transition: opacity 1s ease-in-out;}
 
img.logo:hover {opacity:0;}
 
img.logo-on {right:10px; top:100px; position:fixed; opacity:100;}
 
/* Other Stylings */
 
div.whitebox {background-color:rgba(255,255,255,0.6);
    padding: 1px 20px 5px 20px;
    -moz-border-radius:20px;
    -webkit-border-radius:20px;
    -opera-border-radius:20px;
    -khtml-border-radius:20px;
    border-radius:20px;
    box-shadow:rgba(5,5,5,0.4) 10px 10px 10px;}
 
div.redbox {background-color:rgba(255,245,245,0.4);
    padding: 1px 20px 5px 20px;
    -moz-border-radius:20px;
    -webkit-border-radius:20px;
    -opera-border-radius:20px;
    -khtml-border-radius:20px;
    border-radius:20px;
    box-shadow:rgba(5,5,5,0.4) 10px 10px 10px;}
 
div.flatbox {background-color:rgba(255,255,255,0.6);
    padding: 1px 20px 5px 20px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    -opera-border-radius:10px;
    -khtml-border-radius:10px;
    border-radius:10px;
    box-shadow:rgba(0,0,0,0.4) 1px 1px 1px;}
 
div.subtlebox {background-color:rgba(240,240,240,0.6);
    padding: 1px 20px 5px 20px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -opera-border-radius:5px;
    -khtml-border-radius:5px;
    border-radius:5px;
    box-shadow:rgba(5,5,5,0.2) 1px 1px 2px;}
 
/* Index Card */
 
div.indexcard {background-repeat:no-repeat;
    background-image:url(http://schvenn.wikidot.com/local--files/_theme/IndexCard.png);
    overflow:hidden;
    width:600px;
    max-width:600px;
    height:400px;
    max-height:400px;
    padding-top:40px;
    padding-left:25px;}
 
div.indexblock {width:550px;
    max-width:550px;
    height:300px;
    max-height:300px;
    overflow:auto;
    overflow-x:hidden;}
 
/* Footer */
 
#footer {background-color: #4D5C63;
    padding-top: 3px;
    padding-bottom: 3px;
    border-top: 2px solid #2A343D;
    color: #E7E9DC;
    text-align: left;}
 
#footer p {padding-right: 100px;
    margin: 0px;}
 
#footer a {color: #E7E9DC;}
 
#footer a:hover {border-bottom: 0px;}
 
.page-options-bottom a, a.action-area-close{color: #242;
    background-color: #fdfcf6; 
    text-decoration: none;}
 
.forum-group table{background-color: #fdfcf6;}
 
.forum-category-box table{background-color: #fdfcf6;}
 
.thread-container .post .options a{color: #4E4F43;}
 
.thread-container .post  .long  .changes a {color: #4E4F43;}
 
.thread-container .post  .short  .options{color: #4E4F43;}
 
.thread-container .post .head{background-color: #C7C9B8; color: #4E4F43;}
 
.thread-container .post .body {color: #4E4F43;}

No-Sidebar Variant

In order to create a "no-sidebar" variant for use on the Site Manager pages, there are 3 changes mentioned inline above that will need to be made, for best results.

In case they ever deprecate the "Co" theme, I've included the original version of it and it's "no-sidebar" variant to this page, as well.


Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-NonCommercial-ShareAlike 3.0 License