CSS Playground

Test Me Pleace

Downton

RssTest

Newlines via CSS
span.middle:before {content: '\a'; white-space: pre;}
span.middle:after {content: ' Kanjo'; white-space: pre;}

ngoglobaal

19

demo

fdsa
asdf

ModalDialog.CSS

Gomo Test
/* LAYOUT */

#container {
margin: 0 0;
}

#header{
/*background: none;*/
height: 9em;
border-bottom: 3px solid #444444;
background-image: url(../../../local--files/start/budy%C5%84.jpg); /* tło nagłówka */
background-repeat: repeat-x;
background-position: 0 2.1em;
}


#header h1{
margin: 0 auto 0 10px;
padding-top: 0.9em;
text-align: center;
width: 650px;
font-size: 3em;
border: none;
font-family: Verdana,"Trebuchet MS";
}
#header h1 a{
color: #DDD;
}
#header h1 a:hover{
background: none;
}

#header h2{
margin: 0 auto 0 10px;
text-align: center;
width: 650px;
font-size: 1.5em;
color: #DDD;
}

#header-extra-div-1{
position: absolute;
top:0; left:0; right:0;
width: 100%;
height: 2em;
background-color: #222222;
background-image: url(../../../local--files/start/budy%C5%84.jpg); /* tło strony */
}
#header #login-status, #login-status a {
color: #DDD;
font-weight:bold;
}

#account-options a,#account-options, a#account-topbutton{
color: #DDD;
font-weight: normal;
}

#login-status{
top: 3px;
}

#login-status .printuser a{
display:none;
}
#login-status a:hover{
background-color: #222222;
}
#account-options a:hover{
background-color: #222;
}

#top-bar{
right: 10em;
}


#content-wrap{
margin: 1em 2em;
}

#side-bar{
background-color: #222222;
border-top: 1px solid #444444;
border-bottom: 1px solid #444444;

}

#side-bar h1, #side-bar h2,#side-bar h3{
/*border-top: 1px dotted #777;*/
border-bottom: 1px dotted #777;
}

#side-bar h1{
font-size: 170%;
}
#side-bar h2{
font-size: 150%;
}
#side-bar h3{
font-size: 120%;
}

#side-bar a:hover{
background-color: #222;
}

#side-bar ul{
display: block;
padding: 0;
list-style: none;
}
#side-bar ul li{
display:block;
}
#side-bar ul li a{
display:block;
}

/* bottom elements */
#page-info{
color: #DDD;
}


/* footer */
/*
#footer{
background-color: #DDD;
}

#footer .options a{
color: #844;
}
*/

#footer{
background-color: #333333; /* kolor paska dolnego z linkami do pomocy etc */
color: #EEE;
background-image: url(../images/flannel-ocean-bg-2.png);
}

#footer a{
color: #EEE;
}
#footer a:hover{
background-color: #222;
}


/* ELEMENTS */

body{

/*background-image: url(http://themes.wikidot.com/local--files/ia-theme/wiki_template.jpg);*/
background-position: top center;
background-repeat: no-repeat;
background-color: black;
color: white;


}

h1, h2, h3, h4, h5, h6, #page-title{
/*font-family: "Palatino","Palatino Linotype", serif;*/
font-family: Georgia, "Times New Roman", times, serif;
}

#page-title{
color: #EEEEEE; /*kolor tytułu strony*/
font-size: 220%;
}

h1,h2,h3{
color: #DDD;
}

h1{
border-bottom: 1px dotted #444;
}

a{
color: #DDDDDD;
}
a.newpage{
color: #888;
}


/*
a.newpage{
background-color: #BB8888;
padding: 0 2px;
color: #FFF;
}
a.newpage:hover{
background-color: #090930;
}
*/
/* INTERFACE ETC. */

.page-options-bottom a{
color: #DDD;
background-color: #222;
text-decoration: none;
}
.page-options-bottom a:hover{
background-color: #222;
}

a.action-area-close{
color: #DDD;
background-color: #222;
text-decoration: none;
}

div.buttons input, input.button, button, file, a.button, .owindow .button-bar a{
background-color: #222222;
border: 1px solid #444;
color: #DDDDDD;
}
div.buttons input:hover, input.button:hover, button:hover, a.button:hover, .owindow .button-bar a:hover{
background-color: #222;
color: #DDDDDD;
}

.owindow .title{
background-color: #222222;
}

/* FORUM COLORS */

.forum-group div.head{
background-color: #222222;
color: #DDD;
}

.thread-container .post .options a{
color: #888888;
}

.thread-container .post .long .changes a {
color: #888888;
}
.thread-container .post .short .options{
color: #888888;
}

#toc, blockquote{
background-color: #222222;
color: #aaa;
-moz-box-shadow: 3px 3px 6px #000;
-webkit-box-shadow: 3px 3px 6px #000;
}