W3C CSS Validator results for http://raibledesigns.com (CSS level 2)

Sorry! We found the following errors (54)

URI : https://raibledesigns.com/wro/light-20171121.css

1 #nav-1 ul li a Value Error : display inline-block is not a display value : inline-block
1 a:hover#menu-icon Property border-radius doesn't exist in CSS level 2 but exists in [css3] : 4px 4px 0 0
1 #nav-3 .icon Value Error : display inline-block is not a display value : inline-block
1 .comments-form .status Property border-radius doesn't exist in CSS level 2 but exists in [css3] : 5px
1 .comments-form input.text, .comments-form input.number, .comments-form input.url, .comments-form input.email, input.password, .comments-form textarea, #commentAuthenticator input, #mail input.text, #mail textarea, #searchAgain input.text Property border-radius doesn't exist in CSS level 2 but exists in [css3] : 5px
1 #body-content .quote Value Error : background Too many values or values are not recognized : whiteSmoke
1 #theme-chooser .theme Value Error : display inline-block is not a display value : inline-block
1 #right-column .box.twitter #status_updates .loader Value Error : display inline-block is not a display value : inline-block
1 .s9 Property filter doesn't exist in CSS level 2 but exists in [css3] : alpha(opacity=90)
1 .s9 Property opacity doesn't exist in CSS level 2 but exists in [css3] : 0.9
1 .s8 Property filter doesn't exist in CSS level 2 but exists in [css3] : alpha(opacity=85)
1 .s8 Property opacity doesn't exist in CSS level 2 but exists in [css3] : 0.85
1 .s7 Property filter doesn't exist in CSS level 2 but exists in [css3] : alpha(opacity=80)
1 .s7 Property opacity doesn't exist in CSS level 2 but exists in [css3] : 0.80
1 .s6 Property filter doesn't exist in CSS level 2 but exists in [css3] : alpha(opacity=75)
1 .s6 Property opacity doesn't exist in CSS level 2 but exists in [css3] : 0.75
1 .s5 Property filter doesn't exist in CSS level 2 but exists in [css3] : alpha(opacity=70)
1 .s5 Property opacity doesn't exist in CSS level 2 but exists in [css3] : 0.70
1 .s4 Property filter doesn't exist in CSS level 2 but exists in [css3] : alpha(opacity=60)
1 .s4 Property opacity doesn't exist in CSS level 2 but exists in [css3] : 0.6
1 .s3 Property filter doesn't exist in CSS level 2 but exists in [css3] : alpha(opacity=55)
1 .s3 Property opacity doesn't exist in CSS level 2 but exists in [css3] : 0.55
1 .s2 Property filter doesn't exist in CSS level 2 but exists in [css3] : alpha(opacity=50)
1 .s2 Property opacity doesn't exist in CSS level 2 but exists in [css3] : 0.50
1 .s1 Property filter doesn't exist in CSS level 2 but exists in [css3] : alpha(opacity=40)
1 .s1 Property opacity doesn't exist in CSS level 2 but exists in [css3] : 0.4
1 .s0 Property filter doesn't exist in CSS level 2 but exists in [css3] : alpha(opacity=30)
1 .s0 Property opacity doesn't exist in CSS level 2 but exists in [css3] : 0.30
1 #logo Property background-size doesn't exist in CSS level 2 but exists in [css3] : contain
1 #menu-icon Value Error : display inline-block is not a display value : inline-block
1 #nav-2 ul, #nav-2:active ul Property border-radius doesn't exist in CSS level 2 but exists in [css3] : 4px 0 4px 4px
1 #nav-2 ul, #nav-2:active ul Property opacity doesn't exist in CSS level 2 but exists in [css3] : 0.9
1 Mediarestrictor not defined in this CSS level screen and (min-device-width:768px) and (max-device-width:1024px){}
1 In CSS2, the media type in @media is mandatory
1 .alert Value Error : text-shadow rgba(255,255,255,0.5) can not be used with this version of CSS : css2 )
1 .alert Property border-radius doesn't exist in CSS level 2 but exists in [css3] : 4px
1 #lightboxOverlay Property opacity doesn't exist in CSS level 2 but exists in [css3] : 0.85
1 .lb-outerContainer Property border-radius doesn't exist in CSS level 2 but exists in [css3] : 4px
1 .lb-dataContainer Property border-bottom-left-radius doesn't exist in CSS level 2 but exists in [css3] : 4px
1 .lb-dataContainer Property border-bottom-right-radius doesn't exist in CSS level 2 but exists in [css3] : 4px
1 form li Value Error : display inline-block is not a display value : inline-block
1 form li div Value Error : display inline-block is not a display value : inline-block
1 form .info Value Error : display inline-block is not a display value : inline-block
1 form .section Value Error : display inline-block is not a display value : inline-block
1 input.text, input.number, input.url, input.email, input.password, input.file Property border-radius doesn't exist in CSS level 2 but exists in [css3] : 5px
1 textarea.textarea Property border-radius doesn't exist in CSS level 2 but exists in [css3] : 5px
1 Mediarestrictor not defined in this CSS level screen and (-webkit-min-device-pixel-ratio:2), only screen and (min--moz-device-pixel-ratio:2), only screen and (-o-min-device-pixel-ratio:2/1), only screen and (min-device-pixel-ratio:2), only screen and (min-resolution:192dpi), only screen and (min-resolution:2dppx){h1#logo{background:url("../themes/darklight/images/rd-logo-light2x.png") no-repeat;background-size:contain;}}
1 In CSS2, the media type in @media is mandatory
1 #body-content pre Value Error : background Too many values or values are not recognized : whiteSmoke
1 .syntaxhighlighter a, .syntaxhighlighter div, .syntaxhighlighter code, .syntaxhighlighter table, .syntaxhighlighter table td, .syntaxhighlighter table tr, .syntaxhighlighter table tbody, .syntaxhighlighter table thead, .syntaxhighlighter table caption, .syntaxhighlighter textarea Property box-sizing doesn't exist in CSS level 2 but exists in [css3] : content-box
1 .syntaxhighlighter a, .syntaxhighlighter div, .syntaxhighlighter code, .syntaxhighlighter table, .syntaxhighlighter table td, .syntaxhighlighter table tr, .syntaxhighlighter table tbody, .syntaxhighlighter table thead, .syntaxhighlighter table caption, .syntaxhighlighter textarea Value Error : min-height auto is not a min-height value : auto
1 .syntaxhighlighter table td.code .container textarea Property box-sizing doesn't exist in CSS level 2 but exists in [css3] : border-box
1 .syntaxhighlighter .script Value Error : background-color none is not a color value : none
1 .syntaxhighlighter .script Value Error : background-color none is not a color value : none

↑ Top

Warnings (39)

URI : https://raibledesigns.com/wro/light-20171121.css

1 progid:DXImageTransform.Microsoft.Alpha(opacity=90) is a vendor extension
1 progid:DXImageTransform.Microsoft.Alpha(opacity=85) is a vendor extension
1 progid:DXImageTransform.Microsoft.Alpha(opacity=80) is a vendor extension
1 progid:DXImageTransform.Microsoft.Alpha(opacity=75) is a vendor extension
1 progid:DXImageTransform.Microsoft.Alpha(opacity=70) is a vendor extension
1 progid:DXImageTransform.Microsoft.Alpha(opacity=60) is a vendor extension
1 progid:DXImageTransform.Microsoft.Alpha(opacity=55) is a vendor extension
1 progid:DXImageTransform.Microsoft.Alpha(opacity=50) is a vendor extension
1 progid:DXImageTransform.Microsoft.Alpha(opacity=40) is a vendor extension
1 progid:DXImageTransform.Microsoft.Alpha(opacity=30) is a vendor extension
1 max-width is a vendor extension
1 max-device-width is a vendor extension
1 max-width is a vendor extension
1 min-width is a vendor extension
1 max-width is a vendor extension
1 orientation is a vendor extension
1 min-width is a vendor extension
1 -webkit-border-radius is a vendor extension
1 -moz-border-radius is a vendor extension
1 progid:DXImageTransform.Microsoft.Alpha(Opacity=85) is a vendor extension
1 *zoom is a CSS hack
1 -webkit-border-radius is a vendor extension
1 -moz-border-radius is a vendor extension
1 -ms-border-radius is a vendor extension
1 -o-border-radius is a vendor extension
1 *zoom is a CSS hack
1 -moz-border-radius-bottomleft is a vendor extension
1 -webkit-border-bottom-left-radius is a vendor extension
1 -ms-border-bottom-left-radius is a vendor extension
1 -o-border-bottom-left-radius is a vendor extension
1 -moz-border-radius-bottomright is a vendor extension
1 -webkit-border-bottom-right-radius is a vendor extension
1 -ms-border-bottom-right-radius is a vendor extension
1 -o-border-bottom-right-radius is a vendor extension
1 max-width is a vendor extension
1 max-device-width is a vendor extension
1 max-width is a vendor extension
1 -moz-border-radius is a vendor extension
1 -webkit-border-radius is a vendor extension

↑ Top

Valid CSS information

body {
font-family : "Myriad Pro", Verdana, Arial, sans-serif;
font-size : 11px;
margin : 0;
padding : 0;
width : 100%;
height : 100%;
text-align : center;
}
a {
text-decoration : none;
}
a:hover {
color : white;
text-decoration : underline;
}
h1, h2, h3, h4, h5, h6 {
display : inline;
font-weight : normal;
}
h1 {
font-family : "Myriad Pro", Verdana, Arial, sans-serif;
color : #000000;
font-size : 11px;
display : inline;
padding : 0;
margin : 0;
}
h2 {
color : #000000;
font-size : 11px;
font-weight : normal;
display : inline;
padding : 0;
margin : 0;
}
.float-left {
float : left;
margin-right : 12px;
margin-bottom : 12px;
}
.no-float {
margin-bottom : 12px;
}
#logo {
display : block;
position : absolute;
left : 0;
top : 28px;
text-indent : -10000px;
min-width : 349px;
height : 78px;
margin : 0 auto;
}
#outer-container {
position : relative;
width : 100%;
height : 100%;
text-align : center;
}
#site-container {
position : relative;
max-width : 970px;
width : 100%;
height : 100%;
margin : 0 auto;
text-align : left;
}
#header-outer {
position : absolute;
left : 0;
top : 0;
background : transparent url("../themes/darklight/images/header-bg-dark.png") repeat;
width : 100%;
height : 134px;
text-align : center;
z-index : 1000;
}
#header-inner {
position : relative;
max-width : 970px;
width : 100%;
height : 100%;
margin : 0 auto;
text-align : center;
z-index : 1000;
}
#header-inner ul, #footer-contents ul {
list-style-type : none;
padding : 0;
margin : 0;
}
#header-inner ul li {
display : inline;
}
#nav-1 {
position : absolute;
right : -5px;
top : 100px;
height : 33px;
}
#nav-1 ul li {
line-height : 33px;
}
#nav-1 ul li a {
font-size : 14px;
padding : 0 5px;
color : #FFFFFF;
text-transform : uppercase;
}
#nav-1 ul li a:hover {
color : #9EADCC;
}
#nav-1 ul li a.on {
background : #3d00a5;
color : #FFFFFF;
}
#nav-2 {
position : absolute;
right : 0;
top : 70px;
height : 26px;
}
#nav-2 ul {
padding : 0;
margin : 0;
}
#nav-2 ul li {
line-height : 26px;
margin-left : 8px;
text-align : right;
}
#nav-2 ul li a {
text-align : right;
padding : 0;
margin : 0;
font-size : 12px;
color : #9EADCC;
}
#nav-2 ul li.selected a, #nav-2 ul li a.on {
text-decoration : underline;
}
#nav-2 ul li a:hover {
color : #FFFFFF;
}
#menu-icon {
display : none;
width : 40px;
height : 40px;
position : absolute;
top : -53px;
right : 10px;
}
#nav-3 {
position : absolute;
right : 0;
top : 20px;
max-width : 300px;
width : 100%;
height : 26px;
}
#nav-3 ul {
float : right;
}
#nav-3 ul li {
margin-left : 4px;
}
#nav-3 .icon {
width : 24px;
height : 26px;
}
#nav-3 .facebook {
background : url("../themes/darklight/images/rd-sprite.png") no-repeat -420px -68px;
}
#nav-3 .twitter {
background : url("../themes/darklight/images/rd-sprite.png") no-repeat -420px -158px;
}
#nav-3 .linkedin {
background : url("../themes/darklight/images/rd-sprite.png") no-repeat -420px -98px;
}
#nav-3 .youtube {
background : url("../themes/darklight/images/rd-sprite.png") no-repeat -420px -38px;
}
#nav-3 .feed {
background : url("../themes/darklight/images/rd-sprite.png") no-repeat -420px -128px;
}
.next-previous {
text-align : center;
padding-bottom : 5px;
max-width : 608px;
width : 100%;
position : absolute;
margin-top : -20px;
}
.next-previous h3 {
display : block;
margin-bottom : 10px;
font-weight : bold;
}
#searchAgain {
margin-bottom : 10px;
font-size : 12px;
padding : 10px;
}
.next-previous.search {
position : relative;
margin-top : 0;
}
#body-content {
position : relative;
max-width : 970px;
width : 100%;
padding-top : 160px;
text-align : left;
z-index : 1;
}
#body-content #left-column {
max-width : 608px;
width : 100%;
}
#body-content #right-column {
float : right;
max-width : 330px;
width : 100%;
margin : 0;
padding : 0;
}
#body-content #left-column h2 {
color : #9EADCC;
font-size : 16px;
padding-bottom : 5px;
}
#body-content #left-column .article {
margin-bottom : 25px;
}
#body-content #left-column .page {
margin-bottom : 25px;
}
#body-content #left-column .article .header {
height : 20px;
overflow : hidden;
}
#body-content #left-column .article .header .corner {
float : left;
width : 21px;
height : 20px;
background : transparent url("../themes/darklight/images/rd-sprite.png") no-repeat -421px 0;
}
#body-content #left-column .article .header .date {
float : left;
height : 20px;
width : 100%;
margin-left : 18px;
margin-top : -20px;
line-height : 20px;
text-indent : 7px;
color : #FFFFFF;
font-size : 12px;
background : #1a1a1a;
}
#body-content #left-column .article .contents, #body-content #left-column .comments, #body-content #left-column .comments-form, #body-content #left-column .page {
padding : 15px;
padding-left : 27px;
padding-right : 27px;
font-size : 13px;
line-height : 16px;
}
#body-content #left-column .comments {
margin-top : -10px;
}
#body-content #left-column .comments-form {
margin : 20px 0;
}
.comments-form .status {
margin-top : 10px;
display : block;
background-color : #dff0d8;
padding : 10px;
color : #468847;
border : #d6e9c6 solid 1px;
}
div.java {
overflow : auto;
}
div.java table td {
font-size : 11px;
line-height : 1;
}
.comments-head {
font-size : 20px;
}
.comment {
padding : 5px 10px;
margin : 10px 0;
}
.comment .comment-details {
padding-left : 3px;
margin-bottom : 0;
font-size : 12px;
}
.comments-syntax-indicator {
font-weight : bold;
}
.comments-syntax-indicator .enabled {
color : green;
font-style : italic;
}
.comments-syntax-indicator .disabled {
color : red;
font-style : italic;
}
div#commentAuthenticator p {
font-size : 11px;
}
.comments-form ul {
list-style : none;
}
.comments-form textarea {
width : 100%;
}
.comments-form input.text, .comments-form input.number, .comments-form input.url, .comments-form input.email, input.password, .comments-form textarea, #commentAuthenticator input, #mail input.text, #mail textarea, #searchAgain input.text {
padding : 5px;
}
span.error {
background-color : #ffffcc;
font-weight : normal;
padding : 3px;
margin-bottom : 10px;
border : red solid 5px;
display : block;
font-size : 20px;
}
#body-content #left-column .article .contents .smiley {
vertical-align : bottom;
}
#body-content .picture {
float : right;
margin-left : 10px;
margin-bottom : 5px;
border : 0;
}
#body-content .quote {
border : #EEEEEE solid 1px;
border-left : 5px solid #C0C0C0;
padding : 5px;
padding-left : 10px;
text-align : left;
font-style : normal;
}
#body-content .smokey {
background : #eeeeee;
border : #000000 solid 1px;
padding : 5px 5px 5px 7px;
padding-bottom : 5px !important ;
}
table.comparison {
border-collapse : collapse;
margin-bottom : 10px;
margin-left : auto;
margin-right : auto;
max-width : 400px;
width : 100%;
}
table.comparison td {
padding : 5px;
}
table.comparison th {
padding : 5px;
}
#body-content #left-column .article .contents .info {
padding-top : 5px;
font-size : 12px;
}
#body-content #left-column .article .contents .commentsLink {
font-weight : bold;
margin-left : 5px;
}
#body-content #left-column .article .fb-like {
margin-top : 5px;
width : 100% !important ;
}
#body-content #left-column .article .entry {
margin-bottom : 10px;
}
.entry h3 + p {
margin-top : 5px;
}
#body-content #left-column .article .contents .commentsLink:after {
content : "\2192";
}
.slideshow {
height : 300px;
}
.photo {
float : left;
width : 400px;
margin-right : 10px;
}
.photo-nav {
float : left;
width : 100px;
}
.photo-nav ul li {
display : block;
padding-bottom : 10px;
}
.clear-both {
clear : both;
height : 1px;
}
#body-content pre {
overflow : auto;
border : silver solid 1px;
padding : 5px;
}
#footer {
position : relative;
max-width : 970px;
width : 100%;
height : 60px;
text-align : center;
margin : 0 auto;
padding : 0;
color : #999999;
font-size : 11px;
}
#footer-contents {
position : absolute;
left : 0;
bottom : 12px;
}
#footer-contents ul {
margin : 0;
padding : 0;
}
#footer-contents ul li {
margin-right : 15px;
display : inline;
}
#footer-contents ul li a {
font-size : 11px;
}
#theme-chooser {
position : absolute;
right : 0;
margin-top : -20px;
padding : 0;
}
#theme-chooser .theme {
width : 25px;
height : 5px;
border : silver solid 1px;
cursor : pointer;
}
#theme-chooser .dark {
background : black;
}
#theme-chooser .light {
background : white;
}
.search-box {
width : 330px;
height : 31px;
line-height : 25px;
border : none;
border-style : none;
text-indent : 15px;
outline : none;
margin-bottom : 10px;
}
#right-column .avatar {
float : left;
padding-right : 10px;
}
#right-column .badge {
width : 149px;
height : 150px;
display : block;
}
#right-column .box {
width : 300px;
padding : 15px;
margin-bottom : 20px;
line-height : 16px;
font-size : 13px;
padding-bottom : 20px;
}
#right-column .box h2 {
font-size : 16px;
padding-bottom : 5px;
line-height : 24px;
}
#right-column .box .rEntriesList {
margin : 0;
padding : 0;
}
#right-column .box ul li {
display : block;
padding-bottom : 10px;
}
#right-column .box.twitter ul li {
padding-bottom : 15px;
margin-left : -40px;
}
#right-column .box.twitter #status_updates .loader {
width : 16px;
height : 11px;
}
#right-column .box.twitter ul li .date {
font-size : 10px;
}
#right-column .box.twitter .follow {
float : right;
font-size : 10px;
margin-top : -15px;
}
.s10 {
font-size : 22px;
}
.s9 {
font-size : 21px;
}
.s8 {
font-size : 20px;
}
.s7 {
font-size : 19px;
}
.s6 {
font-size : 18px;
}
.s5 {
font-size : 17px;
}
.s4 {
font-size : 16px;
}
.s3 {
font-size : 15px;
}
.s2 {
font-size : 14px;
}
.s1 {
font-size : 13px;
}
.s0 {
font-size : 12px;
}
td.hCalendarMonthYearRowBig {
font-size : 26px;
font-weight : bold;
padding : 15px !important ;
}
table.hCalendarTableBig td {
padding : 3px;
line-height : 11px;
}
th.hCalendarDayNameRowBig {
vertical-align : top;
text-align : center;
}
td.hCalendarDayCurrentBig {
vertical-align : top;
width : 14.3%;
height : 100px;
overflow : auto;
text-align : left;
}
div.hCalendarDayTitleBig {
font-weight : bold;
margin : -4px 0 0 -4px;
width : 15px;
padding : 2px;
font-size : 0.9em;
padding-bottom : 5px;
}
@media handheld, screen, screen {
#header-outer {
height : 80px;
}
#logo {
width : 70%;
height : 70%;
margin-left : 10px;
margin-top : -15px;
min-width : 90%;
}
.next-previous {
margin-left : 15px;
width : auto;
margin-top : -22px;
}
#body-content {
padding-top : 110px;
}
#body-content #right-column, #nav-1, #nav-3 {
display : none;
}
#body-content #left-column {
max-width : none;
}
#body-content #left-column .article .contents img {
max-width : 100%;
}
iframe {
width : 100% !important ;
}
#header-inner ul li {
display : block;
}
#nav-2 ul, #nav-2:active ul {
display : none;
position : absolute;
padding : 0 20px;
right : 10px;
top : -14px;
width : 80px;
}
#nav-2 ul li {
line-height : normal;
}
#nav-2 li {
text-align : right;
width : 100%;
margin-left : 0;
padding : 10px 0;
}
#nav-2 li a {
width : 100%;
}
#nav-2:hover ul {
display : block;
}
#theme-chooser {
right : 10px;
margin-top : 2px;
}
#body-content #left-column .article .header .date {
text-indent : 0;
}
#body-content #left-column .article .contents {
padding-right : 15px;
padding-left : 17px;
}
#body-content #left-column .article .contents .info {
overflow : hidden;
}
#footer {
margin-left : 20px;
width : auto;
}
#footer-contents ul li {
display : block;
text-align : left;
}
}
@media screen {
#body-content #left-column .article .contents {
font-size : 9px;
}
}
@media screen {
#site-container, #body-content, #header-inner {
max-width : 1170px;
}
#body-content #left-column, .next-previous {
max-width : 808px;
}
}
.alert {
padding : 8px 35px 8px 14px;
margin-bottom : 20px;
background-color : #fcf8e3;
border : #fbeed5 solid 1px;
}
.alert-danger, .alert-error {
color : #b94a48;
background-color : #f2dede;
border-color : #eed3d7;
}
.alert-success {
color : #468847;
background-color : #dff0d8;
border-color : #d6e9c6;
}
.alert-info {
color : #3a87ad;
background-color : #d9edf7;
border-color : #bce8f1;
}
#right-column .book {
float : right;
width : 90px;
border : silver solid 1px;
margin-left : 5px;
}
#lightboxOverlay {
position : absolute;
top : 0;
left : 0;
z-index : 9999;
background-color : black;
display : none;
}
#lightbox {
position : absolute;
left : 0;
width : 100%;
z-index : 10000;
text-align : center;
line-height : 0;
font-family : "lucida grande", tahoma, verdana, arial, sans-serif;
font-weight : normal;
}
#lightbox img {
width : auto;
height : auto;
}
#lightbox a img {
border : none;
}
.lb-outerContainer {
position : relative;
background-color : white;
width : 250px;
height : 250px;
margin : 0 auto;
}
.lb-outerContainer:after {
content : "";
display : table;
clear : both;
}
.lb-container {
padding : 10px;
}
.lb-loader {
position : absolute;
top : 40%;
left : 0%;
height : 25%;
width : 100%;
text-align : center;
line-height : 0;
}
.lb-nav {
position : absolute;
top : 0;
left : 0;
height : 100%;
width : 100%;
z-index : 10;
}
.lb-container > .nav {
left : 0;
}
.lb-nav a {
outline : none;
}
.lb-prev, .lb-next {
width : 49%;
height : 100%;
background-image : url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
display : block;
}
.lb-prev {
left : 0;
float : left;
}
.lb-next {
right : 0;
float : right;
}
.lb-prev:hover {
background : url(../themes/darklight/images/prev.png) no-repeat left 48%;
}
.lb-next:hover {
background : url(../themes/darklight/images/next.png) no-repeat right 48%;
}
.lb-dataContainer {
margin : 0 auto;
padding-top : 5px;
width : 100%;
}
.lb-dataContainer:after {
content : "";
display : table;
clear : both;
}
.lb-data {
padding : 0 10px;
color : #bbbbbb;
}
.lb-data .lb-details {
width : 85%;
float : left;
text-align : left;
line-height : 1.1em;
}
.lb-data .lb-caption {
font-size : 13px;
font-weight : bold;
line-height : 1em;
}
.lb-data .lb-number {
display : block;
clear : left;
padding-bottom : 1em;
font-size : 11px;
}
.lb-data .lb-close {
width : 35px;
float : right;
padding-bottom : 0.7em;
outline : none;
}
.lb-data .lb-close:hover {
cursor : pointer;
}
form ul {
position : relative;
list-style : none;
}
form li {
line-height : 2em;
margin : 0;
padding : 1px 1px 6px 9px;
margin-left : -35px;
}
form li.focused {
background-color : #fff7c0 !important ;
}
form li p {
font-size : 9px;
line-height : 13px;
}
.comments-form form li {
display : block;
}
form[id] li {
display : block;
}
form[id] li div {
display : inline;
}
form .left {
float : left !important ;
margin : 0;
}
form .right {
float : right !important ;
margin : 0;
}
form .clear {
clear : both;
}
form li div p {
margin : 0 0 5px 0;
}
form div.left {
margin-right : 2px !important ;
}
form div.left[class] {
margin-right : 4px !important ;
}
form div.left img {
margin : 0 0 -2px 0;
}
form h2 {
font-size : 1.8em;
clear : left;
}
form .info {
margin : 0 0 10px -35px;
padding : 0 0 4px 0;
border-bottom : 1px dotted #ccc !important ;
}
form .info[class] {
display : block;
}
form .info p {
font-size : 1em;
line-height : 1.3em;
margin : 0 0 8px 0;
}
form .section {
border-top : 1px dotted #ccc !important ;
margin-top : 15px !important ;
padding-top : 12px !important ;
padding-bottom : 0 !important ;
}
form .section[class] {
display : block;
}
form .first {
border-top : none !important ;
margin-top : 0 !important ;
padding-top : 1px !important ;
}
form .section h3 {
font-size : 1.25em;
}
form .section p {
font-size : 11px;
line-height : 13px;
}
label.desc {
margin : 4px 0 3px 0;
border : 0;
font-size : 1em;
line-height : 1.3em;
display : block;
font-weight : bold;
}
input.text, input.number, input.url, input.email, input.password, input.file, textarea.textarea, select.select {
font-size : 12px;
}
input.text, input.number, input.url, input.email, input.password, input.file {
padding : 5px;
max-width : 400px;
width : 100%;
}
input.currency {
text-align : right;
}
input.checkbox, input.radio {
display : block;
line-height : 1.4em;
margin : 8px 0 0 3px;
width : 13px;
height : 13px;
}
label.choice {
display : block;
line-height : 1.4em;
margin : -19px 0 0 25px;
padding : 4px 0 5px 0;
width : 80%;
}
textarea.textarea {
font-size : 12px;
margin-bottom : 1px;
padding : 5px;
}
select.select {
padding : 1px 0 0 0;
margin : 1px 0 3px 0;
}
select.select[class] {
margin : 0;
padding : 1px 0 1px 0;
}
form .small {
width : 70px;
}
form .medium {
width : 170px;
}
form textarea.large, form textarea.textarea {
width : 100%;
max-width : 500px;
}
form .tags {
width : 320px;
}
form textarea.small {
height : 5.5em;
}
form textarea.medium {
height : 10em;
}
form textarea.large {
height : 20em;
}
form li.error {
background-color : #FFDFDF;
margin : 3px 0 !important ;
}
input.error, textarea.error {
border : #EF5959 solid 1px;
border-left : 1px solid #FF8F8F;
border-top : 1px solid #FF8F8F;
background : #fff;
}
p.error, li.error label.desc {
color : red !important ;
}
p.error {
font-size : 9px !important ;
margin : 1px 0;
}
.req {
font-size : 1em !important ;
color : red;
font-weight : bold;
}
fieldset {
margin : 0 0 5px 0;
padding : 0 10px 10px 10px;
border : #FFD8CF solid 1px;
}
fieldset.choices {
padding : 10px 5px 10px 10px;
}
fieldset.fieldset {
padding : 0 0 10px 0;
}
legend {
font-weight : bold;
margin : 0 0 0 -10px;
}
#formProperties[id] legend, .choices[class] legend {
margin : 0 0 0 -5px;
}
.fieldset legend {
margin : 0;
}
.fieldset[class] legend {
margin : 0 0 0 5px;
}
#formProperties fieldset div {
margin-bottom : 7px;
}
fieldset div .number {
margin : 7px 15px 0 0;
}
fieldset p {
margin : 10px;
}
.choices input {
width : 200px;
margin-right : 3px;
}
.choices ol {
margin : 10px 0 0 0;
}
.choices[class] ol {
margin : 0 !important ;
}
.choices img {
margin : 0 0 1px 0;
}
fieldset ol li {
display : list-item !important ;
margin : 0 5px 2px 3px !important ;
padding : 0 !important ;
list-style : decimal inside;
}
input.button, button {
padding : 2px 2px 0 0;
}
li > input.button, li > button, input.button > input.button, button > button {
padding : 2px;
}
body {
color : #333333;
background-color : #fff;
}
a {
color : #5923e3;
}
a:hover {
color : #4518bc;
}
h1#logo {
background : transparent url("../themes/darklight/images/rd-logo-light.png") no-repeat;
}
#outer-container {
background : transparent url("../themes/darklight/images/site-bg-light.png");
}
#header-outer {
background : transparent url("../themes/darklight/images/header-bg-light.png");
}
#nav-1 ul li a {
color : #333333;
}
#nav-1 ul li a:hover {
color : #9EADCC;
}
#nav-1 ul li.selected a, #nav-1 ul li a.on {
background : #3d00a5;
color : #FFFFFF;
}
#nav-2 ul li a {
color : #3828A2;
}
#nav-2 ul li a:hover {
color : #000000;
}
#menu-icon {
background : #373737 url(../themes/darklight/images/icon-menu.png) center;
}
a:hover#menu-icon {
background-color : #444;
}
#nav-3 .facebook {
background : url("../themes/darklight/images/rd-sprite.png") no-repeat -390px -68px;
}
#nav-3 .twitter {
background : url("../themes/darklight/images/rd-sprite.png") no-repeat -390px -158px;
}
#nav-3 .linkedin {
background : url("../themes/darklight/images/rd-sprite.png") no-repeat -390px -98px;
}
#nav-3 .youtube {
background : url("../themes/darklight/images/rd-sprite.png") no-repeat -390px -38px;
}
#nav-3 .feed {
background : url("../themes/darklight/images/rd-sprite.png") no-repeat -390px -128px;
}
#searchAgain {
background : white;
border : #E9E9E9 solid 1px;
}
#body-content #left-column h2 {
color : #3828A2;
}
#body-content #left-column .article .header .corner {
background : transparent url("../themes/darklight/images/rd-sprite.png") no-repeat -390px 0;
}
#body-content #left-column .article .header .date {
color : #333333;
background : #e6e6e6;
}
#body-content #left-column .article .header .date a {
color : #333333;
}
#body-content #left-column .article .contents, #body-content #left-column .comments, #body-content #left-column .comments-form, #body-content #left-column .page {
background : white;
border : #E9E9E9 solid 1px;
}
.comments .odd {
background : transparent url("../themes/darklight/images/site-bg-light.png") repeat 0 0;
}
.comments-form input.text, .comments-form input.number, .comments-form input.url, .comments-form input.email, input.password, .comments-form textarea, #commentAuthenticator input, #mail input.text, #mail textarea, #searchAgain input.text {
background : transparent url("../themes/darklight/images/site-bg-light.png") repeat 0 0;
color : black;
border-top : 1px solid #666666;
border-left : 1px solid #808080;
border-right : 1px solid #808080;
border-bottom : 1px solid #8C8C8C;
}
#body-content #left-column .article .contents .info {
border-top : 1px dotted #333;
}
#body-content pre {
color : black;
}
table.comparison {
border : #000 solid 1px;
}
table.comparison td {
border : #000 solid 1px;
}
table.comparison th {
background : #eee;
border : #000 solid 1px;
color : #000;
}
#footer-contents ul li a {
color : #3828A2;
}
.search-box {
background : transparent url("../themes/darklight/images/rd-sprite.png") no-repeat 0 -226px;
color : #333333;
}
#right-column .tenyears {
background : transparent url("../themes/darklight/images/10yr-light.png") no-repeat 0 0;
}
#right-column .box {
background : #ebebeb;
border : white solid 1px;
}
#right-column .box h2 {
color : #333333;
}
#right-column .box.twitter {
background : #ebebeb url("../themes/darklight/images/twitter-corner-light.png") no-repeat right 0;
}
#right-column .box.twitter #status_updates .loader {
background : transparent url("../themes/darklight/images/ajax-loader-light.gif") no-repeat right 0;
}
#right-column .box.twitter ul li a {
color : #3828A2;
}
#right-column .box.twitter ul li .date {
color : #999999;
}
td.hCalendarMonthYearRowBig {
background : #3D00A5;
color : white;
}
td.hCalendarMonthYearRowBig a {
color : white;
}
table.hCalendarTableBig td {
border : silver solid 1px;
}
th.hCalendarDayNameRowBig {
background : #EBEBEB;
border-right : 1px solid silver;
border-left : 1px solid silver;
}
td.hCalendarDayCurrentBig {
background-color : #F7F7F7;
}
@media handheld, screen, screen {
#nav-2 ul, #nav-2:active ul {
background : #fff;
border : #444 solid 2px;
}
}
.syntaxhighlighter a, .syntaxhighlighter div, .syntaxhighlighter code, .syntaxhighlighter table, .syntaxhighlighter table td, .syntaxhighlighter table tr, .syntaxhighlighter table tbody, .syntaxhighlighter table thead, .syntaxhighlighter table caption, .syntaxhighlighter textarea {
background : none !important ;
border : 0 !important ;
bottom : auto !important ;
float : none !important ;
height : auto !important ;
left : auto !important ;
line-height : 1.1em !important ;
margin : 0 !important ;
outline : 0 !important ;
overflow : visible !important ;
padding : 0 !important ;
position : static !important ;
right : auto !important ;
text-align : left !important ;
top : auto !important ;
vertical-align : baseline !important ;
width : auto !important ;
font-family : "Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important ;
font-weight : normal !important ;
font-style : normal !important ;
font-size : 1em !important ;
min-height : inherit !important ;
}
.syntaxhighlighter {
width : 100% !important ;
margin : 1em 0 1em 0 !important ;
position : relative !important ;
overflow : auto !important ;
font-size : 1em !important ;
}
.syntaxhighlighter.source {
overflow : hidden !important ;
}
.syntaxhighlighter .bold {
font-weight : bold !important ;
}
.syntaxhighlighter .italic {
font-style : italic !important ;
}
.syntaxhighlighter .line {
white-space : pre !important ;
}
.syntaxhighlighter table {
width : 100% !important ;
}
.syntaxhighlighter table caption {
text-align : left !important ;
padding : 0.5em 0 0.5em 1em !important ;
}
.syntaxhighlighter table td.code {
width : 100% !important ;
}
.syntaxhighlighter table td.code .container {
position : relative !important ;
}
.syntaxhighlighter table td.code .container textarea {
position : absolute !important ;
left : 0 !important ;
top : 0 !important ;
width : 100% !important ;
height : 100% !important ;
border : none !important ;
background : white !important ;
padding-left : 1em !important ;
overflow : hidden !important ;
white-space : pre !important ;
}
.syntaxhighlighter table td.gutter .line {
text-align : right !important ;
padding : 0 0.5em 0 1em !important ;
}
.syntaxhighlighter table td.code .line {
padding : 0 1em !important ;
}
.syntaxhighlighter.nogutter td.code .container textarea, .syntaxhighlighter.nogutter td.code .line {
padding-left : 0 !important ;
}
.syntaxhighlighter.show {
display : block !important ;
}
.syntaxhighlighter.collapsed table {
display : none !important ;
}
.syntaxhighlighter.collapsed .toolbar {
padding : 0.1em 0.8em 0 0.8em !important ;
font-size : 1em !important ;
position : static !important ;
width : auto !important ;
height : auto !important ;
}
.syntaxhighlighter.collapsed .toolbar span {
display : inline !important ;
margin-right : 1em !important ;
}
.syntaxhighlighter.collapsed .toolbar span a {
padding : 0 !important ;
display : none !important ;
}
.syntaxhighlighter.collapsed .toolbar span a.expandSource {
display : inline !important ;
}
.syntaxhighlighter .toolbar {
position : absolute !important ;
right : 1px !important ;
top : 1px !important ;
width : 11px !important ;
height : 11px !important ;
font-size : 10px !important ;
z-index : 10 !important ;
}
.syntaxhighlighter .toolbar span.title {
display : inline !important ;
}
.syntaxhighlighter .toolbar a {
display : block !important ;
text-align : center !important ;
text-decoration : none !important ;
padding-top : 1px !important ;
}
.syntaxhighlighter .toolbar a.expandSource {
display : none !important ;
}
.syntaxhighlighter.ie {
font-size : 0.9em !important ;
padding : 1px 0 1px 0 !important ;
}
.syntaxhighlighter.ie .toolbar {
line-height : 8px !important ;
}
.syntaxhighlighter.ie .toolbar a {
padding-top : 0 !important ;
}
.syntaxhighlighter.printing .line.alt1 .content, .syntaxhighlighter.printing .line.alt2 .content, .syntaxhighlighter.printing .line.highlighted .number, .syntaxhighlighter.printing .line.highlighted.alt1 .content, .syntaxhighlighter.printing .line.highlighted.alt2 .content {
background : none !important ;
}
.syntaxhighlighter.printing .line .number {
color : #bbbbbb !important ;
}
.syntaxhighlighter.printing .line .content {
color : black !important ;
}
.syntaxhighlighter.printing .toolbar {
display : none !important ;
}
.syntaxhighlighter.printing a {
text-decoration : none !important ;
}
.syntaxhighlighter.printing .plain, .syntaxhighlighter.printing .plain a {
color : black !important ;
}
.syntaxhighlighter.printing .comments, .syntaxhighlighter.printing .comments a {
color : #008200 !important ;
}
.syntaxhighlighter.printing .string, .syntaxhighlighter.printing .string a {
color : blue !important ;
}
.syntaxhighlighter.printing .keyword {
color : #006699 !important ;
font-weight : bold !important ;
}
.syntaxhighlighter.printing .preprocessor {
color : gray !important ;
}
.syntaxhighlighter.printing .variable {
color : #aa7700 !important ;
}
.syntaxhighlighter.printing .value {
color : #009900 !important ;
}
.syntaxhighlighter.printing .functions {
color : #ff1493 !important ;
}
.syntaxhighlighter.printing .constants {
color : #0066cc !important ;
}
.syntaxhighlighter.printing .script {
font-weight : bold !important ;
}
.syntaxhighlighter.printing .color1, .syntaxhighlighter.printing .color1 a {
color : gray !important ;
}
.syntaxhighlighter.printing .color2, .syntaxhighlighter.printing .color2 a {
color : #ff1493 !important ;
}
.syntaxhighlighter.printing .color3, .syntaxhighlighter.printing .color3 a {
color : red !important ;
}
.syntaxhighlighter.printing .break, .syntaxhighlighter.printing .break a {
color : black !important ;
}
.syntaxhighlighter {
background-color : white !important ;
}
.syntaxhighlighter .line.alt1 {
background-color : white !important ;
}
.syntaxhighlighter .line.alt2 {
background-color : white !important ;
}
.syntaxhighlighter .line.highlighted.alt1, .syntaxhighlighter .line.highlighted.alt2 {
background-color : #e0e0e0 !important ;
}
.syntaxhighlighter .line.highlighted.number {
color : black !important ;
}
.syntaxhighlighter table caption {
color : black !important ;
}
.syntaxhighlighter .gutter {
color : #afafaf !important ;
}
.syntaxhighlighter .gutter .line {
border-right : 3px solid #6ce26c !important ;
}
.syntaxhighlighter .gutter .line.highlighted {
background-color : #6ce26c !important ;
color : white !important ;
}
.syntaxhighlighter.printing .line .content {
border : none !important ;
}
.syntaxhighlighter.collapsed {
overflow : visible !important ;
}
.syntaxhighlighter.collapsed .toolbar {
color : blue !important ;
background : white !important ;
border : #6ce26c solid 1px !important ;
}
.syntaxhighlighter.collapsed .toolbar a {
color : blue !important ;
}
.syntaxhighlighter.collapsed .toolbar a:hover {
color : red !important ;
}
.syntaxhighlighter .toolbar {
color : white !important ;
background : #6ce26c !important ;
border : none !important ;
}
.syntaxhighlighter .toolbar a {
color : white !important ;
}
.syntaxhighlighter .toolbar a:hover {
color : black !important ;
}
.syntaxhighlighter .plain, .syntaxhighlighter .plain a {
color : black !important ;
}
.syntaxhighlighter .comments, .syntaxhighlighter .comments a {
color : #008200 !important ;
}
.syntaxhighlighter .string, .syntaxhighlighter .string a {
color : blue !important ;
}
.syntaxhighlighter .keyword {
color : #006699 !important ;
}
.syntaxhighlighter .preprocessor {
color : gray !important ;
}
.syntaxhighlighter .variable {
color : #aa7700 !important ;
}
.syntaxhighlighter .value {
color : #009900 !important ;
}
.syntaxhighlighter .functions {
color : #ff1493 !important ;
}
.syntaxhighlighter .constants {
color : #0066cc !important ;
}
.syntaxhighlighter .script {
font-weight : bold !important ;
color : #006699 !important ;
}
.syntaxhighlighter .color1, .syntaxhighlighter .color1 a {
color : gray !important ;
}
.syntaxhighlighter .color2, .syntaxhighlighter .color2 a {
color : #ff1493 !important ;
}
.syntaxhighlighter .color3, .syntaxhighlighter .color3 a {
color : red !important ;
}
.syntaxhighlighter .keyword {
font-weight : bold !important ;
}
.syntaxhighlighter {
background-color : white !important ;
}
.syntaxhighlighter .line.alt1 {
background-color : white !important ;
}
.syntaxhighlighter .line.alt2 {
background-color : white !important ;
}
.syntaxhighlighter .line.highlighted.alt1, .syntaxhighlighter .line.highlighted.alt2 {
background-color : #e0e0e0 !important ;
}
.syntaxhighlighter .line.highlighted.number {
color : black !important ;
}
.syntaxhighlighter table caption {
color : black !important ;
}
.syntaxhighlighter .gutter {
color : #afafaf !important ;
}
.syntaxhighlighter .gutter .line {
border-right : 3px solid #6ce26c !important ;
}
.syntaxhighlighter .gutter .line.highlighted {
background-color : #6ce26c !important ;
color : white !important ;
}
.syntaxhighlighter.printing .line .content {
border : none !important ;
}
.syntaxhighlighter.collapsed {
overflow : visible !important ;
}
.syntaxhighlighter.collapsed .toolbar {
color : blue !important ;
background : white !important ;
border : #6ce26c solid 1px !important ;
}
.syntaxhighlighter.collapsed .toolbar a {
color : blue !important ;
}
.syntaxhighlighter.collapsed .toolbar a:hover {
color : red !important ;
}
.syntaxhighlighter .toolbar {
color : white !important ;
background : #6ce26c !important ;
border : none !important ;
}
.syntaxhighlighter .toolbar a {
color : white !important ;
}
.syntaxhighlighter .toolbar a:hover {
color : black !important ;
}
.syntaxhighlighter .plain, .syntaxhighlighter .plain a {
color : black !important ;
}
.syntaxhighlighter .comments, .syntaxhighlighter .comments a {
color : #008200 !important ;
}
.syntaxhighlighter .string, .syntaxhighlighter .string a {
color : blue !important ;
}
.syntaxhighlighter .keyword {
color : #006699 !important ;
}
.syntaxhighlighter .preprocessor {
color : gray !important ;
}
.syntaxhighlighter .variable {
color : #aa7700 !important ;
}
.syntaxhighlighter .value {
color : #009900 !important ;
}
.syntaxhighlighter .functions {
color : #ff1493 !important ;
}
.syntaxhighlighter .constants {
color : #0066cc !important ;
}
.syntaxhighlighter .script {
font-weight : bold !important ;
color : #006699 !important ;
}
.syntaxhighlighter .color1, .syntaxhighlighter .color1 a {
color : gray !important ;
}
.syntaxhighlighter .color2, .syntaxhighlighter .color2 a {
color : #ff1493 !important ;
}
.syntaxhighlighter .color3, .syntaxhighlighter .color3 a {
color : red !important ;
}
.syntaxhighlighter .keyword {
font-weight : bold !important ;
}
#right-column {
display : none;
}
#body-content #left-column, .next-previous {
max-width : 100%;
}
#logo {
top : 10px;
left : 10px;
}
#nav-1, #nav-2, #nav-3 {
right : 10px;
}

↑ Top