Icon CSS

Icon Start Page

edit

/* CONTAINERS
=============================*/
 
div#container-wrap {
    background-color: #6C8889;
 
}
 
#container {
    background-color:#6C8889;
    background-image:url("/local--files/icon:css/bg.jpg");
    background-position:left top;
    background-repeat: no-repeat;
}
 
#content-wrap {
    background-color:transparent;
    margin:0 auto 9px;
    min-height:800px;
    width:740px;
}
 
body {
    background-color: #dddddd;
    font-size: 0.80em;
    color: #000;
}
 
/* COMMON
=============================*/
 
a {
    color:silver;
    cursor:pointer;
    text-decoration:none;
}
 
a:hover {
    background-color: transparent;
}
 
/* SEARCH BOX
=============================*/
 
#search-top-box {
    right:1em;
    top:7em;
}
 
/* SIDE BAR
=============================*/
#side-bar {
    display:none;
}
 
/* TOP BAR
=============================*/
#top-bar {
    top: 40px;
}
 
#top-bar li {
    background-image: url("http://vineyard.wikidot.com/local--files/icon:css/topbutton.png");
    background-repeat: no-repeat;
    height:25px;
    margin:0;
}
 
/* HEADER
=============================*/
 
#header {
    background-color:transparent
    background-position:center bottom;
    background-repeat: no-repeat;
    height:70px;
    margin:0 auto 9px;
    width:740px;
}
 
/* HEADINGS
=============================*/
 
#header h1 {
    padding:30px 0 0;
}
 
#header h1 a  {
    background-color: transparent;
    color: #dddddd;
    display:block;
    height:40px;
    opacity:0.75;
    overflow:hidden;
    text-shadow:0 1px 3px #000000;
    width:100px;
}
 
#header h2 {
    display:none;
}
 
#header-extra-div-1 {
    background-image:url("http://vineyard.wikidot.com/local--files/icon:css/line.png");
    background-repeat:no-repeat;
    height:5px;
    position:absolute;
    top:70px;
    width:740px;
}
 
/* COLUMNS
=============================*/
 
div.leftcolumn, div.centercolumn, div.rightcolumn {
    float: left;
    margin-left: 0;
    min-height:250px;
    padding: 0 10px;
    position:relative;
    width: 220px;
}
 
div.leftcolumn, div.centercolumn {
    border-right: 1px solid gray;
    overflow: hidden;
}
 
div.leftcolumn blockquote, div.centercolumn blockquote, div.rightcolumn blockquote, div .info p a, div .info p a:hover {
    background-color:transparent;
    border:medium none;
    color:#CCCCCC;
    font-family:Georgia,serif;
    font-size:140%;
    font-style:italic;
    margin:0 auto;
    padding:0;
    text-align:center;
    text-shadow:0 1px 3px #000000;
    width:200px;
}
 
div.leftcolumn p, div.centercolumn p, div.rightcolumn p {
    color: #dddddd;
    padding-top:3px;
    text-align: center;
}
 
div .info p a, div .info p a:hover {
    width: 220px;
}
 
div.leftcolumn h2, div.centercolumn h2, div.rightcolumn h2 {
    background-color:transparent;
    border:medium none;
    color:#CCCCCC;
    font-family:Georgia,serif;
    font-size:190%;
    font-style:italic;
    margin:0 auto;
    padding:0;
    text-align:center;
    text-shadow:0 1px 3px #000000;
    width:200px;
}
 
/* CODE
=============================*/
 
.code {
    background-color:#ffffff;
}
 
/* PAGE TITLE
=============================*/
 
#page-title {
    border-bottom:1px solid #EEEEEE;
    font-size:180%;
    margin-top:0;
    padding-bottom:2px;
}
 
/* CONTENT
=============================*/
 
#main-content {
    margin-left:0;
    padding:0;
    width:740px;
}
 
#page-content {
    margin-top: 50px;
    min-height:450px;
}
Site Design, Syntax and Examples by Rob Elliott 2008-2016