| @CHARSET "UTF-8"; |
| |
| /* For testing. Duped by Eclipse.org visual.css file. Comment out for production */ |
| /*html { |
| font: 12px/16px Arial, sans-serif; |
| }*/ |
| |
| 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; |
| } |
| |
| /* Hide the standard banner */ |
| #novaContent { |
| background: white !important; |
| padding-top: 0 !important; |
| } |
| |
| .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; |
| border: none; |
| } |
| |
| .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; |
| } |
| |
| |
| .button { |
| display: inline-block; |
| vertical-align: middle; |
| white-space: nowrap; |
| text-decoration: none; |
| cursor: pointer; |
| color: white; |
| font-weight: bold; |
| font-size: 1em; |
| line-height: 2em; |
| background-color: #5E85BA; |
| padding: 0 0.65em; |
| background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.35)), to(rgba(255,255,255,0))); /* Saf4+, Chrome */ |
| background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.35), rgba(255,255,255,0)); /* Chrome 10+, Saf5.1+ */ |
| background-image: -moz-linear-gradient(top, rgba(255,255,255,0.35), rgba(255,255,255,0)); /* FF3.6 */ |
| background-image: -ms-linear-gradient(top, rgba(255,255,255,0.35), rgba(255,255,255,0)); /* IE10 */ |
| background-image: -o-linear-gradient(top, rgba(255,255,255,0.35), rgba(255,255,255,0)); /* Opera 11.10+ */ |
| background-image: linear-gradient(top, rgba(255,255,255,0.35), rgba(255,255,255,0)); |
| -moz-border-radius: 4px; /* FF1-3.6 */ |
| -webkit-border-radius: 4px; /* Saf3-4, iOS 1-3.2, Android <1.6 */ |
| border-radius: 4px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */ |
| border: 1px solid #777; |
| -webkit-background-clip: padding-box; |
| /* Consider bumping up this opacity... */ |
| -webkit-box-shadow: 0 0 1px rgba(255,255,255,0.25) inset, 0 1px 2px rgba(0,0,0,0.1); |
| -moz-box-shadow: 0 0 1px rgba(255,255,255,0.25) inset, 0 1px 2px rgba(0,0,0,0.1); |
| box-shadow: 0 0 1px rgba(255,255,255,0.25) inset, 0 1px 2px rgba(0,0,0,0.1); |
| text-shadow: 0px -1px 1px rgba(0,0,0,0.33); |
| } |
| |
| /* http://stairwellblog.com/2009/10/taming-firefoxs-button-element/ */ |
| .button::-moz-focus-inner { |
| padding: 0; |
| border: 0; |
| } |
| |
| /* So, Firefox makes it impossible via browser style sheet to reset line height on inputs. |
| http://www.cssnewbie.com/input-button-line-height-bug/ |
| So, for those, I'm using padding instead. |
| */ |
| [type="submit"].button { |
| padding-top: .5em; |
| padding-bottom: .65em; |
| line-height: 1; |
| } |
| |
| .button em { |
| font-size: 14px; |
| } |
| |
| /* Re-do color for links */ |
| .button:visited { |
| color: white; |
| } |
| |
| .button:hover, |
| .button:focus { |
| background-color: #82A0C9; |
| text-decoration: none; |
| } |
| |
| .button:active { |
| -moz-box-shadow: inset 0px 1px 8px rgba(0,0,0,0.7); /* FF3.5+ */ |
| -webkit-box-shadow: inset 0px 1px 8px rgba(0,0,0,0.7); /* Saf3.0+, Chrome */ |
| box-shadow: inset 0px 1px 8px rgba(0,0,0,0.7); /* Opera 10.5, IE9, Chrome 10+ */ |
| } |
| |
| .button[disabled], |
| .button.disabled { |
| cursor: default; |
| cursor: not-allowed; |
| opacity: .55; /* Opacity is easier than defining colors for everything */ |
| background-image: none; /* Flatten the gradient */ |
| /* Remove the bevel */ |
| -moz-box-shadow: none; /* FF3.5+ */ |
| -webkit-box-shadow: none; /* Saf3.0+, Chrome */ |
| box-shadow: none; /* Opera 10.5, IE9, Chrome 10+ */ |
| } |
| |
| /* @group Button extensions */ |
| |
| /* @group Tiny button */ |
| .button.tiny-button, |
| .button.button-tiny { |
| font-size: 85%; |
| } |
| /* @end */ |
| |
| /* @group Hero button */ |
| .button.hero { |
| font-size: 130%; |
| } |
| /* @end */ |
| |
| /* @group Less colorful buttons */ |
| |
| .button.alt { |
| border-color: #555; |
| color: #555; |
| background-color: #f2f2f2; |
| text-shadow: 0px 1px 1px rgba(255,255,255,0.33); |
| } |
| |
| .button.alt:hover { |
| background-color: #fafafa; |
| } |
| |
| .button.nw { |
| border-color: #444; |
| color: #444; |
| background-color: #EEE; |
| text-shadow: 0px 1px 1px rgba(255,255,255,0.33); |
| } |
| |
| .button.nw:hover { |
| background-color: white; |
| } |
| |
| /* @end */ |
| |
| /* @group Negative action buttons */ |
| |
| .button.neg { |
| background-color: #BA5E5E; |
| } |
| |
| .button.neg:hover { |
| background-color: #C98282; |
| -moz-box-shadow: 0 0 1px hsla(0, 100%, 1%, 0.61); |
| -webkit-box-shadow: 0 0 1px hsla(0, 100%, 1%, 0.61); |
| box-shadow: 0 0 1px hsla(0, 100%, 1%, 0.61); |
| } |
| |
| /* @end */ |
| |
| /* @group Buttons for Forum Table headings */ |
| .tableHeadingButton { |
| border-color: #404040; |
| -moz-box-shadow: 0 1px 0px rgba(255,255,255,0.20); |
| -webkit-box-shadow: 0 1px 0px rgba(255,255,255,0.20); |
| box-shadow: 0 1px 0px rgba(255,255,255,0.20); |
| background-color: #3F5169; |
| } |
| |
| .tableHeadingButton:hover, |
| .tableHeadingButton:focus { |
| background-color: #4D6380 |
| } |
| |
| .tableHeadingButton:active { |
| -moz-box-shadow: 0 1px 0px rgba(255,255,255,0.20), |
| inset 0px 1px 8px rgba(0,0,0,0.7); |
| -webkit-box-shadow: 0 1px 0px rgba(255,255,255,0.20), |
| inset 0px 1px 8px rgba(0,0,0,0.7); |
| box-shadow: 0 1px 0px rgba(255,255,255,0.20), |
| inset 0px 1px 8px rgba(0,0,0,0.7); |
| } |
| |
| /* @end */ |
| |
| .button.pm { |
| margin-left: 5px; |
| } |
| |
| /* @group Icons */ |
| .button:before { |
| float: left; |
| width: 1em; |
| font-size: 1.4em; |
| text-align: center; |
| background-color: hsla(0,0%,10%,0.2); |
| margin: 0 .5em 0 -.5em; |
| padding: 0 .3em; |
| -moz-border-radius: 3px 0 0 3px; /* FF1-3.6 */ |
| -webkit-border-radius: 3px 0 0 3px; /* Saf3-4, iOS 1-3.2, Android <1.6 */ |
| border-radius: 3px 0 0 3px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */ |
| -webkit-box-shadow: 1px 0 0 rgba(0,0,0,0.5), 2px 0 0 rgba(255,255,255,0.2); |
| -moz-box-shadow: 1px 0 0 rgba(0,0,0,0.5), 2px 0 0 rgba(255,255,255,0.2); |
| box-shadow: 1px 0 0 rgba(0,0,0,0.5), 2px 0 0 rgba(255,255,255,0.2); |
| |
| } |
| |
| /* These look kind of crappy bold on Windows */ |
| .ie8 .button:before, |
| .ie7 .button:before { |
| font-weight: normal; |
| } |
| |
| .download:before { |
| content: "\21E9"; |
| } |
| |
| .checkmark:before { |
| content: "\2714"; |
| } |
| |
| .source-control:before { |
| content: "\21C4"; |
| font-weight: normal; |
| } |
| |
| .write:before { |
| content: "\271A"; |
| } |
| |
| .edit:before { |
| content: "\270E"; |
| } |
| |
| .delete:before { |
| content: "\2718"; |
| } |
| |
| .quote:before { |
| /*content: "\201C";*/ |
| content: "\275D"; |
| font-weight: normal; |
| } |
| |
| .split:before { |
| /*content: "\2016";*/ |
| content: "\2702"; |
| } |
| |
| .merge:before { |
| content: "\2211"; |
| } |
| |
| .move:before { |
| content: "\27A5"; |
| } |
| |
| .rss-feed { |
| background-color: #E88C30; |
| } |
| |
| .rss-feed:hover, |
| .rss-feed:focus { |
| background-color: #EDA65E; |
| } |
| |
| .rss-feed:before { |
| content: '\0000a0'; /* Escaped unicode for "non-breaking space" */ |
| background-image: url('/images/rss_white.png'); |
| background-repeat: no-repeat; |
| background-position: 4px 4px; |
| padding: 0 .25em; |
| } |
| |
| /* @end */ |
| |
| /* @end */ |
| |
| |
| |
| #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; |
| } |
| .lyoDownloadButton { |
| display: block; |
| width: 250px; |
| background-color: #4D6380; |
| color: #FFFFFF; |
| text-align: center; |
| text-decoration: none; |
| padding: 20px; |
| -moz-border-radius: 5px; |
| -webkit-border-radius: 5px; |
| border-radius: 5px; |
| font-size: 16pt; |
| margin: 20px 0; |
| } |
| .lyoDownloadButton:hover { |
| background-color: #82A0C9; |
| } |
| |
| .lyoDownloadSmallText { |
| font-size: 9pt; |
| text-align: center; |
| padding-top: 5px; |
| font-weight: normal; |
| } |
| |
| .lyoLinkButton, .lyoLinkButton:visited { |
| display: inline-block; |
| width: 150px; |
| background-color: #4D6380; |
| color: #FFFFFF; |
| text-align: center; |
| text-decoration: none; |
| padding: 20px; |
| -moz-border-radius: 5px; |
| -webkit-border-radius: 5px; |
| border-radius: 5px; |
| font-size: 16pt; |
| margin: 20px 10px; |
| } |
| .lyoLinkButton:hover { |
| background-color: #82A0C9; |
| } |
| |
| .horizontalCenter { |
| width: 90%; |
| margin: 0 auto; |
| } |
