final record: This document validates as CSS level 3

body {
background : #aba;
margin : 0;
padding : 20px 10px;
text-align : center;
font : x-small/1.5em "Trebuchet MS", Verdana, Arial, Sans-serif;
color : #333;
font-size : small;
font-size : small;
}
@media all {
#content {
width : 740px;
margin : 0 auto;
text-align : left;
}
#main {
width : 485px;
float : left;
background : url("http://www.blogblog.com/rounders/corners_main_bot.gif") left bottom no-repeat #fff;
margin : 15px 0 0;
padding : 0 0 10px;
color : #000;
font-size : 97%;
line-height : 1.5em;
}
#main2 {
float : left;
width : 100%;
background : url("http://www.blogblog.com/rounders/corners_main_top.gif") left top no-repeat;
padding : 10px 0 0;
}
#main3 {
background : url("http://www.blogblog.com/rounders/rails_main.gif") repeat-y;
padding : 0;
}
#sidebar {
width : 240px;
float : right;
margin : 15px 0 0;
font-size : 97%;
line-height : 1.5em;
}
}
@media handheld {
#content {
width : 90%;
}
#main {
width : 100%;
float : none;
background : #fff;
}
#main2 {
float : none;
background : none;
}
#main3 {
background : none;
padding : 0;
}
#sidebar {
width : 100%;
float : none;
}
}
a:link {
color : #258;
}
a:visited {
color : #666;
}
a:hover {
color : #c63;
}
a img {
border-width : 0;
}
@media all {
#header {
background : url("http://www.blogblog.com/rounders/corners_cap_top.gif") left top no-repeat #456;
margin : 0 0 0;
padding : 8px 0 0;
color : #fff;
}
#header div {
background : url("http://www.blogblog.com/rounders/corners_cap_bot.gif") left bottom no-repeat;
padding : 0 15px 8px;
}
}
@media handheld {
#header {
background : #456;
}
#header div {
background : none;
}
}
#blog-title {
margin : 0;
padding : 10px 30px 5px;
font-size : 200%;
line-height : 1.2em;
}
#blog-title a {
text-decoration : none;
color : #fff;
}
#description {
margin : 0;
padding : 5px 30px 10px;
font-size : 94%;
line-height : 1.5em;
}
.date-header {
margin : 0 28px 0 43px;
font-size : 85%;
line-height : 2em;
text-transform : uppercase;
letter-spacing : 0.2em;
color : #357;
}
.post {
margin : 0.3em 0 25px;
padding : 0 13px;
border : #bbb dotted 1px;
border-width : 1px 0;
}
.post-title {
margin : 0;
font-size : 135%;
line-height : 1.5em;
background : url("http://www.blogblog.com/rounders/icon_arrow.gif") 10px 0.5em no-repeat;
display : block;
border : #bbb dotted 1px;
border-width : 0 1px 1px;
padding : 2px 14px 2px 29px;
color : #333;
}
a.title-link, .post-title strong {
text-decoration : none;
display : block;
}
a.title-link:hover {
background-color : #ded;
color : #000;
}
.post-body {
border : #bbb dotted 1px;
border-width : 0 1px 1px;
border-bottom-color : #fff;
padding : 10px 14px 1px 29px;
}
html > body .post-body {
border-bottom-width : 0;
}
.post p {
margin : 0 0 0.75em;
}
p.post-footer {
background : #ded;
margin : 0;
padding : 2px 14px 2px 29px;
border : #bbb dotted 1px;
border-width : 1px;
border-bottom : 1px solid #eee;
font-size : 100%;
line-height : 1.5em;
color : #666;
text-align : right;
}
html > body p.post-footer {
border-bottom-color : transparent;
}
p.post-footer em {
display : block;
float : left;
text-align : left;
font-style : normal;
}
a.comment-link {
background : url("http://www.blogblog.com/rounders/icon_comment.gif") 0 45% no-repeat;
padding-left : 14px;
}
html > body a.comment-link {
background : url("http://www.blogblog.com/rounders/icon_comment.gif") 0 45% no-repeat;
padding-left : 14px;
}
.post img {
margin : 0 0 5px 0;
padding : 4px;
border : #ccc solid 1px;
}
blockquote {
margin : 0.75em 0;
border : #ccc dotted 1px;
border-width : 1px 0;
padding : 5px 15px;
color : #666;
}
.post blockquote p {
margin : 0.5em 0;
}
#comments {
margin : -25px 13px 0;
border : #ccc dotted 1px;
border-width : 0 1px 1px;
padding : 20px 0 15px 0;
}
#comments h4 {
margin : 0 0 10px;
padding : 0 14px 2px 29px;
border-bottom : 1px dotted #ccc;
font-size : 120%;
line-height : 1.4em;
color : #333;
}
#comments-block {
margin : 0 15px 0 9px;
}
.comment-data {
background : url("http://www.blogblog.com/rounders/icon_comment.gif") 2px 0.3em no-repeat;
margin : 0.5em 0;
padding : 0 0 0 20px;
color : #666;
}
.comment-poster {
font-weight : bold;
}
.comment-body {
margin : 0 0 1.25em;
padding : 0 0 0 20px;
}
.comment-body p {
margin : 0 0 0.5em;
}
.comment-timestamp {
margin : 0 0 0.5em;
padding : 0 0 0.75em 20px;
color : #666;
}
.comment-timestamp a:link {
color : #666;
}
.deleted-comment {
font-style : italic;
color : gray;
}
.paging-control-container {
float : right;
margin : 0 6px 0 0;
font-size : 80%;
}
.unneeded-paging-control {
visibility : hidden;
}
@media all {
#profile-container {
background : url("http://www.blogblog.com/rounders/corners_prof_bot.gif") left bottom no-repeat #cdc;
margin : 0 0 15px;
padding : 0 0 10px;
color : #345;
}
#profile-container h2 {
background : url("http://www.blogblog.com/rounders/corners_prof_top.gif") left top no-repeat;
padding : 10px 15px 0.2em;
margin : 0;
border-width : 0;
font-size : 115%;
line-height : 1.5em;
color : #234;
}
}
@media handheld {
#profile-container {
background : #cdc;
}
#profile-container h2 {
background : none;
}
}
.profile-datablock {
margin : 0 15px 0.5em;
border-top : 1px dotted #aba;
padding-top : 8px;
}
.profile-img {
display : inline;
}
.profile-img img {
float : left;
margin : 0 10px 5px 0;
border : #fff solid 4px;
}
.profile-data strong {
display : block;
}
#profile-container p {
margin : 0 15px 0.5em;
}
#profile-container .profile-textblock {
clear : left;
}
#profile-container a {
color : #258;
}
.profile-link a {
background : url("http://www.blogblog.com/rounders/icon_profile.gif") 0 0.1em no-repeat;
padding-left : 15px;
font-weight : bold;
}
ul.profile-datablock {
list-style-type : none;
}
@media all {
.box {
background : url("http://www.blogblog.com/rounders/corners_side_top.gif") left top no-repeat #fff;
margin : 0 0 15px;
padding : 10px 0 0;
color : #666;
}
.box2 {
background : url("http://www.blogblog.com/rounders/corners_side_bot.gif") left bottom no-repeat;
padding : 0 13px 8px;
}
}
@media handheld {
.box {
background : #fff;
}
.box2 {
background : none;
}
}
.sidebar-title {
margin : 0;
padding : 0 0 0.2em;
border-bottom : 1px dotted #9b9;
font-size : 115%;
line-height : 1.5em;
color : #333;
}
.box ul {
margin : 0.5em 0 1.25em;
padding : 0 0;
list-style : none;
}
.box ul li {
background : url("http://www.blogblog.com/rounders/icon_arrow_sm.gif") 2px 0.25em no-repeat;
margin : 0;
padding : 0 0 3px 16px;
margin-bottom : 3px;
border-bottom : 1px dotted #eee;
line-height : 1.4em;
}
.box p {
margin : 0 0 0.6em;
}
#footer {
clear : both;
margin : 0;
padding : 15px 0 0;
}
@media all {
#footer div {
background : url("http://www.blogblog.com/rounders/corners_cap_top.gif") left top no-repeat #456;
padding : 8px 0 0;
color : #fff;
}
#footer div div {
background : url("http://www.blogblog.com/rounders/corners_cap_bot.gif") left bottom no-repeat;
padding : 0 15px 8px;
}
}
@media handheld {
#footer div {
background : #456;
}
#footer div div {
background : none;
}
}
#footer hr {
display : none;
}
#footer p {
margin : 0;
}
#footer a {
color : #fff;
}
#postfeeds {
padding : 0 15px 0;
}

Congratulations! No Error Found. This document validates as CSS level 3 ! To show your readers that you've taken the care to create an interoperable Web page, you may display this icon on any page that validates. Here is the XHTML you could use to add this icon to your Web page: Valid CSS!

Valid CSS!

final record

среда, 2 сентября 2015 г.

This document validates as CSS level 3

Обо мне

Предыдущие сообщения

final record

среда, 2 сентября 2015 г.

This document validates as CSS level 3

Обо мне

Предыдущие сообщения

среда, 2 сентября 2015 г.