| @CHARSET "UTF-8"; |
| |
| a img { border: none; } |
| blockquote:before, blockquote:after, q:before, q:after { content: ""; } |
| blockquote, q { quotes: "" ""; } |
| |
| /* Inline-block cross-browser */ |
| .dib { |
| display: inline-block; |
| vertical-align: top; |
| *display: inline; |
| *zoom: 1; |
| } |
| |
| .db { |
| display: block !important; |
| } |
| |
| /* GRID */ |
| .line,.lastUnit{overflow:hidden; *overflow:visible;*zoom:1;} |
| .unit{float:left;} |
| .unitRight{float:right;} |
| .size1of1{float:none;} |
| .size1of2{width:50%;} |
| .size1of3{width:33.33333%;} |
| .size2of3{width:66.66666%;} |
| .size1of4{width:25%;} |
| .size3of4{width:75%;} |
| .size1of5{width:20%;} |
| .size2of5{width:40%;} |
| .size3of5{width:60%;} |
| .size4of5{width:80%;} |
| .lastUnit{float:none;width:auto;_position:relative;_left:-3px;_margin-right:-3px;} |
| |
| .unit .gutter { padding-right: 20px; } |
| |
| |
| /* Shorter clearfix 'hack': http://nicolasgallagher.com/micro-clearfix-hack/ */ |
| /* For modern browsers */ |
| .cf:before, |
| .cf:after { |
| content:""; |
| display:table; |
| } |
| |
| .cf:after { |
| clear:both; |
| } |
| |
| /* For IE 6/7 (trigger hasLayout) */ |
| .cf { |
| zoom:1; |
| } |
| |
| |
| /* spacing helpers |
| p,m = padding,margin |
| a,t,r,b,l,h,v = all,top,right,bottom,left,horizontal,vertical |
| s,m,l,n = small(5px),medium(10px),large(20px),none(0px) |
| */ |
| |
| .ptn,.pvn,.pan{padding-top:0px !important} |
| .pts,.pvs,.pas{padding-top:5px !important} |
| .ptm,.pvm,.pam{padding-top:10px !important} |
| .ptl,.pvl,.pal{padding-top:20px !important} |
| .prn,.phn,.pan{padding-right:0px !important} |
| .prs,.phs,.pas{padding-right:5px !important} |
| .prm,.phm,.pam{padding-right:10px !important} |
| .prl,.phl,.pal{padding-right:20px !important} |
| .pbn,.pvn,.pan{padding-bottom:0px !important} |
| .pbs,.pvs,.pas{padding-bottom:5px !important} |
| .pbm,.pvm,.pam{padding-bottom:10px !important} |
| .pbl,.pvl,.pal{padding-bottom:20px !important} |
| .pln,.phn,.pan{padding-left:0px !important} |
| .pls,.phs,.pas{padding-left:5px !important} |
| .plm,.phm,.pam{padding-left:10px !important} |
| .pll,.phl,.pal{padding-left:20px !important} |
| .mtn,.mvn,.man{margin-top:0px !important} |
| .mts,.mvs,.mas{margin-top:5px !important} |
| .mtm,.mvm,.mam{margin-top:10px !important} |
| .mtl,.mvl,.mal{margin-top:20px !important} |
| .mrn,.mhn,.man{margin-right:0px !important} |
| .mrs,.mhs,.mas{margin-right:5px !important} |
| .mrm,.mhm,.mam{margin-right:10px !important} |
| .mrl,.mhl,.mal{margin-right:20px !important} |
| .mbn,.mvn,.man{margin-bottom:0px !important} |
| .mbs,.mvs,.mas{margin-bottom:5px !important} |
| .mbm,.mvm,.mam{margin-bottom:10px !important} |
| .mbl,.mvl,.mal{margin-bottom:20px !important} |
| .mln,.mhn,.man{margin-left:0px !important} |
| .mls,.mhs,.mas{margin-left:5px !important} |
| .mlm,.mhm,.mam{margin-left:10px !important} |
| .mll,.mhl,.mal{margin-left:20px !important} |
| |
| |
| |
| #novawrapper { |
| min-height: 100%; |
| width: 980px; |
| margin: 0 auto; |
| } |
| |
| .lyo-header { |
| background: url("images/bluealum.png"); |
| color: white; |
| padding: 10px 0 12px; |
| } |
| |
| .logo-image { |
| width: 130px; |
| height: 111px; |
| background: transparent url("images/logo-oslc-lyo.png") no-repeat 0 0; |
| } |
| |
| .logo-text { |
| margin-left: 5px; |
| color: white; |
| font-family: sans-serif; |
| } |
| |
| .logo-top { |
| margin-top: 25px; |
| font-size: 30px; |
| text-shadow: 0 -1px 1px rgba(0,0,0,0.3); |
| font-weight: bold; |
| line-height: 36px; |
| } |
| |
| .logo-bottom { |
| font-size: 16px; |
| position: relative; |
| left: 1px; |
| } |
| |
| .oslc-main-content { |
| background-color: white; |
| } |
| |
| .oslc-introtext { |
| font-size: 1.2em; |
| line-height: 1.3; |
| color: #555; |
| } |
| |
| .h2, .h3 { |
| font-weight: bold; |
| font-family: sans-serif; |
| } |
| |
| .h2 { |
| color: #9AA2AD; |
| font-size: 2em; |
| padding: 0; |
| margin: 0.5em 0; |
| } |
| |
| .h3 { |
| font-size: 1em; |
| margin-top: 1em; |
| margin-bottom: 0; |
| color: #9c1d1d; |
| } |
| |
| .oslc-sidebar .h3 { |
| color: #9AA2AD; |
| margin-bottom: 0; |
| padding-bottom: 2px; |
| border-bottom: 1px solid #ddd; |
| } |
| |
| .nobullets { |
| margin-left: 0; |
| padding-left: 0; |
| list-style-type: none; |
| } |
| |
| .nobullets li+li { |
| margin-top: 10px; |
| } |
| |
| .module { |
| margin-bottom: 3em; |
| } |
| |
| |
| |
| |
| #novaContent { |
| background: url("images/backgroundMain.png") no-repeat; |
| padding-top: 210px; |
| } |
| |
| #midcolumn { |
| width: 640px; |
| padding: 0 10px 10px 10px; |
| } |
| |
| #rightcolumn { |
| width: 260px; |
| } |
| |
| |
| h3 { |
| clear: both; |
| } |
| |
| h7 { |
| font-weight: bold; |
| padding: 5px; |
| } |
| |
| a strong { |
| text-decoration: underline; |
| } |
| |
| |
| #novaContent { |
| background: url("images/backgroundMain.png") no-repeat white; |
| padding-top: 170px; |
| } |
| |
| #introText p.left { |
| width: 48%; |
| float: left; |
| } |
| |
| #introText p.right { |
| width: 48%; |
| float: right; |
| } |
| |
| #feature_1 { |
| float: left; |
| width: 30%; |
| margin-right: 3%; |
| } |
| |
| #feature_2 { |
| float: left; |
| width: 30%; |
| margin-right: 3% |
| } |
| |
| #feature_3 { |
| float: left; |
| width: 30%; |
| } |
| |
| #feature_4 { |
| clear: both; |
| float: left; |
| width: 63%; |
| margin-right: 3%; |
| } |
| |
| #feature_more { |
| float: left; |
| width: 30%; |
| } |
| |
| #bigbuttons { |
| position: relative; |
| left: 420px; |
| top: -170px; |
| } |
| #bigbuttons h3{ |
| visibility: hidden; |
| } |
| |
| #bigbuttons a { |
| } |
| |
| #bigbuttons ul li { |
| display:block; |
| list-style-type:none; |
| background-color: red; |
| padding: 0; |
| margin: 0; |
| } |
| |
| #bigbuttons a:hover { |
| text-decoration: none; |
| } |
| |
| #bigbuttons a { |
| display: block; |
| height:77px; width:250px; |
| padding: 0; |
| margin: 20px; |
| text-indent: -9000px; |
| position: absolute; |
| } |
| |
| #buttonDownload { |
| background:transparent url("images/buttonDownload.png") no-repeat 0 0; |
| top: 0px; |
| left: 0px; |
| } |
| |
| #buttonDownload:hover { |
| background:transparent url("images/buttonDownload_sel.png") no-repeat 0 0; |
| } |
| |
| |
| #buttonDocumentation { |
| background:transparent url("images/buttonDocumentation.png") no-repeat 0 0; |
| top: 87px; |
| left: 0px; |
| } |
| |
| #buttonDocumentation:hover { |
| background:transparent url("images/buttonDocumentation_sel.png") no-repeat 0 0; |
| } |
| |
| #buttonSupport { |
| background:transparent url("images/buttonSupport.png") no-repeat 0 0; |
| top: 0px; |
| left: 280px; |
| } |
| |
| #buttonSupport:hover { |
| background:transparent url("images/buttonSupport_sel.png") no-repeat 0 0; |
| } |
| |
| #buttonInvolved { |
| background:transparent url("images/buttonInvolved.png") no-repeat 0 0; |
| top: 87px; |
| left: 280px; |
| } |
| |
| #buttonInvolved:hover { |
| background:transparent url("images/buttonInvolved_sel.png") no-repeat 0 0; |
| } |
| |
| #bigbuttons a * { |
| visibility: hidden; |
| } |
| |
| #headlines { |
| } |
| |
| #headlines ul li { |
| margin: 0 0; |
| list-style-type: none; |
| list-style-image: none; |
| } |
| |
| |
| #headlines div.title { |
| display: inline; |
| margin-right: 0.5em; |
| } |
| |
| #headlines div.meta { |
| display: inline; |
| color: #444444; |
| font-size: smaller; |
| } |
| |
| #headlines div.item { |
| display: block; |
| } |
| |
| #screencast { |
| margin-bottom: 10px; |
| } |
| |
| #newAndNoteworthy a { |
| display: block; |
| width:218px; |
| height:51px; |
| padding: 0; |
| text-indent: -9000px; |
| background:transparent url("images/bannerNewAndNoteworthy08M4.png") no-repeat 0 0; |
| margin-top: 10px; |
| } |
