Wikidot Page Structure

CSS with wikidot page structure skeleton:

/* 
   @filename    wikidot-skeleton.css
   @filetype    css
   @description CSS for displaying projects on 3 columns on SML Wiki
   @author      See-ming Lee <seeminglee@gmail.com>
   @revision    $Id: wikidot-skeleton.css 300 2009-06-23 02:52:24Z seeminglee $
   @license     GNU GPLv3
 
    This program is free software: you can redistribute it and/or modify
    it under the terms of the GNU General Public License as published by
    the Free Software Foundation, either version 3 of the License, or
    (at your option) any later version.
 
    This program is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU General Public License for more details.
 
    You should have received a copy of the GNU General Public License
    along with this program.  If not, see <http://www.gnu.org/licenses/>.
 
   ---------------------------------------------------------------------------*/
/* Basic styles
   ------------*/
body, * { 
    font-family:Minion, Minion Web Pro, Georgia, serif;
    color:#404040;
    padding:0; margin: 0;
}
 
p, body, li {
    font-family: Minion Web Pro, Minion, Georgia, serif;
    font-size: 14px;
    padding-right: 10%;
}
 
a:link, a.tag:link  { 
    color:#00aeef;
    text-decoration:none;
}
a:visited, a.tag:visited {
    color:#00688f;
    text-decoration:none;
}
a:hover,a.tag:hover, a:active, a.tag:active { 
    background-color:#ec008a;
    text-decoration:none;
    color:#fff;
}
 
h1,h2,h3,h4,h5,h6 { 
}
h1 { border-bottom:1px dotted #ccc; }
h2 { border-bottom:1px dotted #ccc; }
h3 { border-bottom:1px dotted #ccc; }
 
hr { background:#eee; margin-left:0; }
 
p { line-height:1.4em; }
 
li { line-height:1.4em; }
 
blockquote {; }
 
/* Block 0. #html-body 
   -------------------*/
#html-body {}
 
/* Block 1. #html-body > #container-wrap 
   -------------------------------------*/
#container-wrap {}
 
/* Block 2. #html-body > #container-wrap > #container 
   --------------------------------------------------*/
#container {}
 
/* Block 3. #html-body > #container-wrap > #container > #header
   ------------------------------------------------------------*/
#header {
    height: 80px;
    margin-top: 0;
    position: relative;
    z-index: 30;
}
 
/* Block 4. #html-body > #container-wrap > #container > #header > h1
   -----------------------------------------------------------------*/
#header h1 { 
    font-size:24px; 
    color:#000000; 
    margin:0 0 0 65px; 
    padding-top:14px;
    border:0;
}
 
/* Block 4. #html-body > #container-wrap > #container > #header > h2
   -----------------------------------------------------------------*/
#header h2 { 
    font-size:18px; 
    color:#666100; 
    margin:0 0 10px 65px; 
    border:0;
}
 
/* Block 4. #html-body > #container-wrap > #container > #header > #search-top-box
   ------------------------------------------------------------------------------*/
#search-top-box {}
 
/* Block 4. #html-body > #container-wrap > #container > #header > #top-bar
   -----------------------------------------------------------------------*/
#top-bar {}
 
/* Block 5. #html-body > #container-wrap > #container > #header > #top-bar > ul
   ------------------------------------------------------------------------------*/    
#top-bar ul {}
#top-bar ul li {}
 
/* Block 4. #html-body > #container-wrap > #container > #header > #login-status
   ----------------------------------------------------------------------------*/
#login-status {}
 
/* Block 4. #html-body > #container-wrap > #container > #header > #header-extra-div-1
   ----------------------------------------------------------------------------------*/
#header-extra-div-1 {}
#header-extra-div-2 {}
#header-extra-div-3 {}
 
/* Block 3. #html-body > #container-wrap > #container > #content-wrap
   ------------------------------------------------------------------*/
#content-wrap {
    margin:0; 
    padding:0;
}
/* Block 4. #html-body > #container-wrap > #container > #content-wrap > #main-content
   ----------------------------------------------------------------------------------*/
#main-content { 
    margin: 0;
}
/* Block 5. #html-body > #container-wrap > #container > #content-wrap > #main-content > #action-area-top
   -----------------------------------------------------------------------------------------------------*/
#action-area-top {}
/* Block 5. #html-body > #container-wrap > #container > #content-wrap > #main-content > #page-title
   ------------------------------------------------------------------------------------------------*/
#page-title {
    font-family: Gentium, Georgia, serif;
    border-bottom: 1px dotted #666; /* base style overwrite 1px solid #666 */
    font-size:240%; /* base style overwrite 200% */
    margin: 0; /* base style overwrite 0 0 0.5em */
    padding-top: 0; /* base style overwrite 0.5em */ 
}
/* Block 5. #html-body > #container-wrap > #container > #content-wrap > #main-content > #page-content
   ------------------------------------------------------------------------------------------------*/
#page-content {}
/* Block 5. #html-body > #container-wrap > #container > #content-wrap > #main-content > .page-tags
   ------------------------------------------------------------------------------------------------*/
.page-tags {}
/* Block 5. #html-body > #container-wrap > #container > #content-wrap > #main-content > #page-info
   ------------------------------------------------------------------------------------------------*/>
#page-info {}
/* Block 5. #html-body > #container-wrap > #container > #content-wrap > #main-content > .page-watch-options
   --------------------------------------------------------------------------------------------------------*/>
.page-watch-options {}
/* Block 5. #html-body > #container-wrap > #container > #content-wrap > #main-content > #page-options-bottom
   ----------------------------------------------------------------------------------------------------------*/>
#page-options-bottom {}
 
/* Block 3. #html-body > #container-wrap > #container > #footer
   inline { display: block; visibility: visible; }-------------*/
#footer {}
/* Block 3. #html-body > #container-wrap > #container > #license-area
   ------------------------------------------------------------------*/
#license-area {}
 
/* Block 3. #html-body > #container-wrap > #container > #extrac-div-1
   ------------------------------------------------------------------*/
#extrac-div-1 {}
#extrac-div-2 {}
#extrac-div-3 {}   
/* Block 1. #html-body > #extra-div-1
   ------------------------------------------------------------------*/
#extrac-div-1 {}
#extrac-div-2 {}
#extrac-div-3 {} 
#extrac-div-4 {}
#extrac-div-5 {}
#extrac-div-6 {}
/* Block 2. #html-body > #container-wrap > #odialog-hovertips
   inline { position: absolute; z-index: 100; top: 0pt; width: 100%; } */  
#odialog-hovertips {}
Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License