#content { width: 950px; } #content h4 { font-size: 12pt; font-weight: bold; color:#FFFFFF; background: blue url(/oilspill/20130213215248oe_/http://developer.dol.gov/open/images/VerticalGradBlue.jpg) repeat-x 0 0; padding-left: 5px; } #content h4 span { font-size: 10pt; font-weight: normal; color:#FFFFFF;} #FirstColumn { width:250px; float:left; padding-top: 20px;} #FourthFirstColumn { width:220px; float:left; padding-top: 10px; padding-left:10:px} #FourthSecondColumn { width:220px; float:left; padding-top: 10px; padding-left:10:px} #FourthThirdColumn { width:220px; float:left; padding-top: 10px; padding-left:10:px} #FourthFourthColumn { width:220px; float:left; padding-top: 10px; padding-left:10:px} #SecondColumn { width:400px; float:left; padding-left: 10px; padding-top: 24px;} #SecondColumnMore { width:680px; float:left; padding-left: 10px; padding-top: 24px;} #ThirdColumn { width:280px; float:left; padding-left: 10px; padding-top: 24px;} #FourthColumn { width:930px; height:220px; padding-top: 10px; position:static; } #RoundedBoxa { width:400px; height:70px; margin:0 auto; background-image:url("/oilspill/20130213215248oe_/http://developer.dol.gov/open/images/VerticalGradGrey.jpg"); background-repeat:repeat-x; -moz-border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px; border-radius: 15px; margin-bottom:2px} #RoundedBox { width:400px; padding-bottom: 10px; margin:5px; auto; background: #e8e8e8; /* Old browsers */ background: -moz-linear-gradient(top, #e8e8e8 0%, #f6f6f6 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8e8e8), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #e8e8e8 0%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #e8e8e8 0%,#f6f6f6 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #e8e8e8 0%,#f6f6f6 100%); /* IE10+ */ background: linear-gradient(top, #e8e8e8 0%,#f6f6f6 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */ -moz-border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px; border-radius: 15px; margin-bottom:2px} #RoundedBox2 { width:280px; padding-bottom:10px; margin:0 auto; background: #e8e8e8; /* Old browsers */ background: -moz-linear-gradient(top, #e8e8e8 0%, #f6f6f6 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8e8e8), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #e8e8e8 0%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #e8e8e8 0%,#f6f6f6 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #e8e8e8 0%,#f6f6f6 100%); /* IE10+ */ background: linear-gradient(top, #e8e8e8 0%,#f6f6f6 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */ -moz-border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px; border-radius: 15px; margin-bottom:5px} #RoundedBox3 { width:930px; padding-bottom:10px; margin:5px auto; background: #e8e8e8; /* Old browsers */ background: -moz-linear-gradient(top, #e8e8e8 0%, #f6f6f6 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8e8e8), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #e8e8e8 0%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #e8e8e8 0%,#f6f6f6 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #e8e8e8 0%,#f6f6f6 100%); /* IE10+ */ background: linear-gradient(top, #e8e8e8 0%,#f6f6f6 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */ -moz-border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px; border-radius: 15px; margin-bottom:5px} #RoundedBox2a { width:280px; padding-bottom:10px; margin:0 auto; background-image:url("/oilspill/20130213215248oe_/http://developer.dol.gov/open/images/VerticalGradGrey.jpg"); background-repeat:repeat-x; -moz-border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px; border-radius: 15px; margin-bottom:5px} #HR{ position:relative; margin-left:12px; margin-top:12px; margin-bottom:10px; } #BoxHeader { font-weight: bold; color:#000000; margin-left:12px; position:relative; margin-bottom:15px; top: 10px;} #DOLDatasets { color: #003399; font-size: 14pt; font-weight: bold; margin-left: 10px; margin-bottom: 5px;} #SDKSampleCode { color: #003399; font-size: 14pt; font-weight: bold; margin-left: 10px; margin-bottom: 5px;} #LeftNavList { color: #003399; font-size: 10pt; font-weight: bold; margin-left: 12px; margin-bottom: 5px;} #LeftNavList a { text-decoration:none; color: #003399; } #LeftNavList a:hover { text-decoration:underline; color: #003399;} #LeftNavList a:visited { text-decoration:none; color: #003399; } #LeftNavText { font-size: 12pt; font-weight: normal; margin-left: 0px; margin-bottom: 5px;} #LeftNavList a { text-decoration:none; } #LeftNavList a:hover { text-decoration:underline; } #LeftNavList a:visited { text-decoration:none; } .categoryList { font-size: 10pt; color: #333; margin-left:13px;} .list { margin-left:16px;} #FirstColumn a, #FirstColumn a:focus, #FirstColumn a:hover, #FirstColumn a[href]:active, #SecondColumn a:focus, #SecondColumn a:hover, #SecondColumn a[href]:active {text-decoration: underline; color:#003399; } #SecondColumn a[href]:visited {text-decoration: underline; color:#003399; } #ThirdColumn a:focus, #ThirdColumn a:hover, #ThirdColumn a[href]:active {text-decoration: underline; color:#003399; } #ThirdColumn a[href]:visited {text-decoration: underline; color:#003399; } .BoxHeader { font-size: 12pt; font-weight: bold; color:#333333;} /* Headers */ h1{ color:#039; } h2{ color: #003399;} h3{ color:#000; } /* * Contain floats: h5bp.com/q */ .cf:before, .cf:after { content: ""; display: table; } .cf:after { clear: both; } .cf { *zoom: 1; } /* CSS code to make code pretty *********************** ******************************************************** */ pre,code,kbd,samp,tt { font:100%/1 Consolas,monaco,monospace; *font-size:108%; } code, pre { padding: 0 3px 2px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } code { color: #D14; background-color: #f7f7f9; border: 1px solid #e1e1e8; } pre { display: block; padding: 8.5px; margin: 0 0 9px; line-height: 18px; word-break: break-all; word-wrap: break-word; white-space: pre; white-space: pre-wrap; background-color: #f5f5f5; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.15); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } pre.prettyprint { margin-bottom: 18px; } /* This part is from google-code-prettify *********************** More information at: http://code.google.com/p/google-code-prettify/ ******************************************************** */ .com { color: #93a1a1; } .lit { color: #195f91; } .pun, .opn, .clo { color: #93a1a1; } .fun { color: #dc322f; } .str, .atv { color: #D14; } .kwd, .linenums .tag { color: #1e347b; } .typ, .atn, .dec, .var { color: teal; } .pln { color: #48484c; } .prettyprint { padding: 8px; background-color: #f7f7f9; border: 1px solid #e1e1e8; } .prettyprint.linenums { -webkit-box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0; -moz-box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0; box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0; } /* Specify class=linenums on a pre to get line numbering */ ol.linenums { margin: 0 0 0 33px; /* IE indents via margin-left */ } ol.linenums li { padding-left: 12px; color: #bebec5; line-height: 18px; text-shadow: 0 1px 0 #fff; } /* END google-code-prettify */ /* End CSS for examples in styleguides */