| /* Main Layout tags */ |
| #widecontainer { |
| background: transparent url('images/userBG.jpg') top left repeat-x; |
| } |
| |
| #help { |
| height:385px; |
| } |
| |
| |
| .pillar { |
| width:270px; |
| } |
| |
| .pillar .heading { |
| padding-left:5px; |
| vertical-align: super; |
| } |
| |
| .left, .right { |
| width:49%; |
| float:left; |
| clear:none; |
| } |
| |
| #left, #middle, #right { |
| width:30%; |
| float:left; |
| clear:none; |
| } |
| |
| .bottomContent { |
| clear:both; |
| width:100%; |
| } |
| |
| /* Header Box Markup */ |
| .headerBox { |
| background:transparent url('images/boxHeader.png') top left no-repeat; |
| padding:10px; |
| margin:10px 10px; |
| } |
| |
| .headerBox a.header { |
| color:#333366; |
| font-size:107%; |
| z-index:12; |
| } |
| |
| .headerBox ul { |
| list-style-type: none; |
| position:relative; |
| top:-30px; |
| clear:both; |
| } |
| |
| .headerBox ul li { |
| padding:5px 0px; |
| } |
| |
| .headerBox .posted { |
| color:#555; |
| font-size:80%; |
| } |
| |
| .headerBoxIcons { |
| position:relative; |
| float:left; |
| top:-30px; |
| z-index:10; |
| padding-right:5px; |
| } |
| |
| .rssIcon { |
| margin-left:10px; |
| } |
| |
| /* Floating Icons Markup */ |
| |
| .floatingIcon { |
| width:180px; |
| text-align:center; |
| position:absolute; |
| clear:none; |
| } |
| |
| .floatingIcon img { |
| margin:0px; |
| padding:0px; |
| } |
| |
| .floatingIcon .heading { |
| font-size:120%; |
| margin:0px; |
| padding:0px; |
| color:#28145f; |
| font-weight:bold; |
| } |
| |
| .floatingIcon p.subText { |
| margin:0px; |
| padding:0px; |
| font-size:80%; |
| } |
| |
| /* Floating Icons Layout */ |
| |
| #project { |
| top:200px; |
| left:150px; |
| } |
| |
| #portals { |
| top:200px; |
| left:570px; |
| } |
| |
| #resources { |
| top:150px; |
| left:400px; |
| } |
| |
| #events { |
| top:340px; |
| left:490px; |
| } |
| |
| #training { |
| top:275px; |
| left:290px; |
| } |
| |
| #documentation { |
| top:390px; |
| left:120px; |
| } |
| |
| /* Swap View Markup */ |
| .swap { |
| width:260px !important; |
| text-align:left !important; |
| } |
| |
| #toggleText { |
| font-size:180%; |
| color:#222; |
| } |
| |
| #toggleLink { |
| color:#636; |
| cursor:pointer; |
| } |
| |
| .visible { |
| visibility:visible; |
| } |
| |
| .invisible { |
| opacity:0; |
| visibility: hidden; |
| } |
| |
| |
| |