CSS Stylesheet Prallewelt

Preview

CSS Code

#html-body
{
 
    margin: 0 0;
    padding: 0 0;
 
    background: #224455 url(http://prallewelt.wikidot.com/local--files/css:prallewelt/grid5.gif) repeat scroll 50% 50%;
    text-align:center;
}
 
#container
{
    margin: 25px auto 0px auto;
    padding: 0px 0px 0px 0px;
 
    width: 1024px;
 
    background: transparent url(http://prallewelt.wikidot.com/local--files/css:prallewelt/header-a64-d100-f224455.gif) no-repeat scroll 0px 0px;
 
    text-align:left;
 
}
 
/*********************************************************
header
**********************************************************/
 
#header
{
    margin: 0 0;
    padding: 0 0;
 
    position: relative;
    top: 0px;
    left: 0px;
    height: 128px;
    width: 1024px;
 
    z-index:1;
 
    background-color: transparent;
 
    color:white;
    font-family:Cursive;
 
}
 
#header a
{
    color:white;
    text-decoration:none;
    background-color:transparent;
}
 
#header a:hover
{
    color:gold;
    text-decoration:none;
    background-color:transparent;
}
 
#header a:active
{
    color:tomato;
    text-decoration:none;
    background-color:transparent;
}
 
#header-extra-div-1 
{
    margin: 0 0;
    padding: 0 0;
 
    position:absolute;
    top:-25px;
    left:0px;
    height:24px;
    width:100%;
 
    z-index:-1;
 
    background:transparent url(http://prallewelt.wikidot.com/local--files/css:prallewelt/plank1.gif) repeat-x scroll 0px 0px;    
    border-bottom:solid 1px #224455;
}
 
#header h1, #header h2
{
    margin: 0 0;
    padding: 0 0;
 
    position:relative;
    top:-24px;
    left:32px;
    display:inline;
 
    z-index:3;
 
    font-family:Cursive;
    font-weight:bold;
}
 
#header h2
{
    margin-left:0.5em;
    vertical-align:super;
    font-size:small;
}
 
#search-top-box 
{
    margin: 0 0;
    padding: 0 0;
 
    position:absolute;
    top:134px;
    right:0px;
 
    z-index:4;
}
 
#search-top-box .button
{
    background-color: transparent;
    color: white;
}
 
#search-top-box .text
{
    background-color: transparent;
    color: white;
}
 
#login-status
{
    margin: 0 0;
    padding: 0 0;
 
    position: absolute;
    top: -24px;
    right: 0px;
 
    color:White;
}
 
#login-status a
{
    font-weight:bold;
}
 
/*fannel ocean*/
#account-options a, #account-options, a#account-topbutton{
    color: black;
    font-weight: normal;
}
 
/*********************************************************
top-bar
**********************************************************/
 
#top-bar
{
    margin: 0 0;
    padding: 0 0;
 
    position: absolute;
    top: 0px;
    left: 0px;
    height: 128px;
 
    z-index: 2;
 
    font-size: small;
}
 
#top-bar a
{
    position:absolute;
    font-weight: bold;
    color: white;
    opacity:0.0;
    display:block;
    overflow:hidden;
 
    font-weight:normal;
    text-decoration:none;
 
}
 
#top-bar a:hover
{
    font-weight:normal;
    text-decoration:none;
}
 
/*prallhausen ******************************************/
 
#top-bar div {}
#top-bar div a
{    
    top:0px;
    left:0px;
    height:64px;
    width:176px;
 
    padding: 64px 0px 0px 16px;
    text-align:left;
}
 
#top-bar div a:hover 
{
    color:gold;
    opacity:1;    
    background: transparent url(http://prallewelt.wikidot.com/local--files/css:prallewelt/prz-anim.gif) no-repeat scroll 64px 64px;
}
 
/*ring der prallen ***************************************/
 
#top-bar div div {}
#top-bar div div a
{
    top:0px;
    left:192px;
    height:40px;
    width:128px;
 
    padding: 88px 0px 0px 0px;
    text-align:right;
}
 
#top-bar div div a:hover 
{
    color:gold;
    opacity:1;
    background: transparent;
}
 
/*absurdistan ******************************************/
 
#top-bar div div div {}
#top-bar div div div a
{
    top:0px;
    left:320px;
    height:80px;
    width:192px;
 
    padding: 48px 0px 0px 0px;
    text-align:right;
}
 
#top-bar div div div a:hover 
{
    color:gold;
    opacity:1;
    background: transparent;
}
 
/*kommunien ******************************************/
 
#top-bar div div div div {}
#top-bar div div div div a
{
    top:0px;
    left:512px;
    height:124px;
    width:176px;
 
    padding: 4px 0px 0px 80px;
    text-align:left;
    color:Black;
}
 
#top-bar div div div div a:hover 
{
    color:tomato;
    opacity:1;
    background: transparent url(http://prallewelt.wikidot.com/local--files/css:prallewelt/kom-anim.gif) no-repeat scroll 0px 0px;
}
 
/*warpgate ******************************************/
 
#top-bar div div div div div {}
#top-bar div div div div div a
{
    top:0px;
    left:768px;
    height:32px;
    width:128px;
 
    padding: 96px 0px 0px 0px;
    text-align:right;
}
 
/*********************************************************
content-wrap
**********************************************************/
 
#content-wrap 
{
    margin:0 0;
    padding:0 0;
    margin-left:192px;
 
    position:relative;
    top:0px;
    left:0px;
 
    z-index:0;
 
    /*background-color:white;*/
 
    font-family:Verdana,Sans-serif;
    text-align:left;
 
}
 
#side-bar
{
    margin:0 0;
    padding:0 0;         
 
    position:absolute;
    top:128px;
    left:-192px;
    width:1024px;
 
    z-index:-1;    
 
    color:Black;
    font-family:Cursive;
    font-weight:bolder;
    background:transparent url(http://prallewelt.wikidot.com/local--files/css:prallewelt/grid4.gif) repeat scroll 0% 0%;
}
 
#side-bar a
{
    color:Black;
    text-decoration:none;
}
 
#side-bar a:hover
{
    color:red;
    text-decoration:none;
    background-color:Transparent;
}
 
/*main-content **********************************************************/
 
#main-content 
{
    margin:0 0;
    padding:0 0; 
 
    position:relative;
    top:0px;
    left:0px;
 
    z-index:0;    
 
    background-color:white;
 
    color:Black;
}
 
#page-title
{
    margin:0 0;
    padding:0 0;
 
    padding-left:1em;
    padding-right:1em;
 
    overflow:hidden;
 
    background:transparent url(http://prallewelt.wikidot.com/local--files/css:prallewelt/plank1.gif) repeat-x scroll 0px 0px;
    border-top:solid 1px black;
    border-bottom:solid 1px black;
 
    color:white;
    font-size:x-large;
 
}
 
#page-content 
{    
    margin:0 0;
    padding:0 0;
 
    padding-left:16px;
    padding-right:16px;
 
    background-color:white;
 
    font-size:90%;
}
 
#page-info
{
    margin:0 0;
    padding:0px 16px; 
 
    background-color:white;
 
    font-size:xx-small;
    text-align:right;
 
}
 
#page-options-bottom
{
    margin:0 0;
    padding:16px 16px; 
    background-color:white;
}
 
/* INTERFACE ETC. fannel ocean*/
 
.page-options-bottom a
{
    color: #224;
    background-color: #EEE;
    text-decoration: none;
}
.page-options-bottom a:hover
{
    background-color: #DDD;
}
 
a.action-area-close
{
    color: #224;
    background-color: #EEE;
    text-decoration: none;
}
 
div.buttons input, input.button, button, file, a.button, .owindow .button-bar a
{
    background-color: #F4F4F4;
    border: 1px solid #AAA;
    color: #020250;
}
div.buttons input:hover, input.button:hover, button:hover,  a.button:hover, .owindow .button-bar a:hover
{
    background-color: #DDD;
    color: #020250;
}
 
.owindow .title{
    background-color: #E3E3EA;
}
 
/*********************************************************
footer
**********************************************************/
 
#footer
{    
    margin:0px 0px 0px 192px;
    padding:0px 16px;  
 
    position:relative;
    top:0px;
    left:0px;
 
    z-index:4;
 
    height:16px;
 
    background:transparent url(http://prallewelt.wikidot.com/local--files/css:prallewelt/plank1.gif) repeat-x scroll left top;
    border-top:solid 1px black;
 
    color:white;
    font-size:x-small;
}
 
#footer a, #license-area a /*fannel ocean*/
{
    color: #EEF;
}
#footer a:hover, #license-area a:hover /*fannel ocean*/
{
    background-color: #669;
}
 
#footer .options
{
}
 
#license-area 
{
    margin:0px 0px 0px 192px;
    padding:0px 16px;  
 
    position:relative;
    top:0px;
    left:0px;
 
    height:16px;
 
    z-index:5;
 
    background:transparent url(http://prallewelt.wikidot.com/local--files/css:prallewelt/plank1.gif) repeat-x scroll left bottom;
    border-bottom:solid 1px black;
 
    color:white;
    font-size:x-small;
}

Background Images

  • grid4.gif
  • grid5.gif
  • plank1.gif
  • header-a64-d100-f224455.gif
  • prz-anim.gif
  • kom-anim.gif

To Do

  • strange margin on the right in IE
  • color fine tuning
  • forum styles

Comments

Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-Share Alike 2.5 License.