/**********************************************************************************************************************************/ /* WEBDAY 2010 CSS . Copyright by BIND . www.bind.pt . All rights reserved. */ /**********************************************************************************************************************************/ @import "/Themes/webdays10/skin.css"; body, html { height:100%; } body { margin: 0; padding:0; position: relative; font-size:12px; background: #4a4a44 url(images/page.bg.gif) repeat-x left top; } body #Form { margin: 0; padding:0; height:100%; } table, tr, td, p, div, ul, li { font-family: arial; font-size: 14px; font-weight: normal; color: #f0f0ea; line-height: 140%; } p { display: block; margin:0; padding: 0 0 15px 0; } ul { padding-left:30px; } ol li { list-style: decimal; } li { margin: 5px 0; } img { border:0; } /*========================================================*/ /* 2. Design Elements */ /*========================================================*/ #Wrapper { background:transparent url(images/header.bg.gif) no-repeat center top; min-height:100%; position:relative; } .PageWidth { width:960px; margin:0 auto; text-align:left; } .admin_Main { padding-top:165px; padding-bottom:120px; } #admin_Logo { float:left; background:url(images/logo.png) no-repeat; margin-top:30px; margin-left:90px; } #admin_Logo a { border:none; } #admin_Logo a span { display:block; width:216px; height:92px; } #admin_Header { height:70px; width:100%; position:absolute; top:0; text-align:center; } #admin_Header .PageWidth { height:70px; } #admin_Nav { } #admin_NavAux { float:right; margin: 12px 0 0 0; width:400px; position:relative; } #admin_NavAux div { margin-left: 0; float:right; } #Login { } #Login:hover { } #Login a:hover { cursor:pointer; } #Login a span { display:block; width:40px; height:17px; } #Logout { background:url(images/btn.logout.off.gif) no-repeat; } #Logout:hover { background:url(images/btn.logout.on.gif) no-repeat; } #Logout a:hover { cursor:pointer; } #Logout a span { display:block; width:45px; height:17px; } #Register { display:none; background:url(images/register.btn.off.png) no-repeat; } #Register:hover { background:url(images/register.btn.on.png) no-repeat; } #Register a:hover { cursor:pointer; } #Register a span { display:block; width:155px; height:30px; } #Profile { background:url(images/profile.btn.off.png) no-repeat; } #Profile:hover { background:url(images/profile.btn.on.png) no-repeat; } #Profile a:hover { cursor:pointer; } #Profile a span { display:block; width:155px; height:30px; } #ContentArea { margin:0; padding:20px 0 50px; width:960px; } #Footer { width:100%; position:absolute; bottom:0; height:120px; background:#343434; text-align:center; } #Footer .PageWidth { padding-top:15px; } #Footer .logo { float:left; margin-right:25px; } #Footer .copyright { color:#aaa; font-size:10px; margin-top:4px; } /*HOMEPAGE*/ h1.home { background:transparent; font-size: 50px; } h2.home { font-size: 30px; } p.home { font-family:Georgia; font-size:16px; color:#fff; font-style:italic; } /*LINEUP*/ #Lineup { } #Lineup .Session { border-bottom: 1px #6c6c64 solid; clear:both; padding: 10px 0 0; margin:0; overflow:hidden; } #Lineup .Track { float:left; margin-right:20px; width:80px; display:none; } #Lineup .SessionTitle { font-size:20px; line-height:110%; margin-bottom:3px; } #Lineup .SessionTitle a:link, #Lineup .SessionTitle a:visited, #Lineup .SessionTitle a:active { color:#b9b98b !important; font-family:Arial; font-weight:bold; letter-spacing:-1px; } #Lineup .SpeakerName { color:#ffffff; letter-spacing:-0.02em; font-size:14px; margin-left:90px; padding:0; } #Lineup .SpeakerName a { color:#ffffff; } #Lineup .Day { display:none; } #Lineup .Hour { color:#b9b98b; font-family:Arial; font-weight:bold; letter-spacing:-1px; display:inline-block; float:right; font-size:20px; text-align:center; } #Lineup .Room { border-right:1px #ddd solid; color:#aaa; font-size:11px; padding-right:10px; position:relative; text-transform: uppercase; top:-18px; } #Lineup .Duration { color:#7e7e6a; font-family:Arial; font-weight:bold; letter-spacing:-1px; display:inline-block; float:right; font-size:16px; margin-right:10px; text-align:center; } #TrackSessionsFilter { display:none; } #TrackSessionsFilter .track { display:block; } #TrackSessionsFilter .track a img { width: 40px; } /*SESSION DETAILS*/ #SessionDetails { padding-top:20px; } #SessionDetails #SpeakerPhotoColumn { display:none; } #SessionDetails .SessionTitle { border:none; margin:0; width:auto; } #SessionDetails .SpeakerName { border-bottom: 1px #6c6c64 solid; color:#b9b98b; letter-spacing:-0.02em; font-size:14px; padding:10px 0 10px 90px; } #SessionDetails .SpeakerName a { color:#b9b98b !important; } #SessionDetails .Track { display:none; } #SessionDetails .Room { border-right:1px #ddd solid; color:#aaa; font-size:11px; padding-right:10px; position:relative; text-transform: uppercase; top:-29px; } #SessionDetails .Day { display:none; } #SessionDetails .Hour { color:#999999; display:block; float:right; font-size:30px; font-weight:bold; height:30px; letter-spacing:-2px; line-height:100%; margin-right:10px; position:relative; top:-80px; _top:-100px } #SessionDetails p { font-size:14px; } #SessionDetails a.twit { background: transparent url(images/ico.twit.gif) no-repeat scroll left center; color:#d2981e; display:block; margin-top:5px; padding:3px 0 3px 32px; } #SessionDetails a.blog { background: transparent url(images/ico.blog.gif) no-repeat scroll left center; color:#d2981e; display:block; margin-top:5px; padding:3px 0 3px 32px; } /*LIST OF SPEAKERS*/ #SpeakersList { } #SpeakersList .Speaker { border-bottom: 1px #6c6c64 solid; padding: 10px 0; margin:0 20px 0 0; overflow:hidden; float:left; width:460px; } #SpeakersList .Photo { border:5px #5d5d56 solid; float:left; margin-right:20px; width:80px; height:80px; overflow:hidden; } #SpeakersList img.Photo { border:none; height:auto; } #SpeakersList .SpeakerName { margin-bottom:3px; } #SpeakersList .SpeakerName a:link, #SpeakersList .SpeakerName a:visited, #SpeakersList .SpeakerName a:active { color:#b9b98b !important; font-family:Arial; font-weight:bold; letter-spacing:-1px; } #SpeakersList .SpeakerTitle { color:#ffffff; letter-spacing:-0.02em; font-size:14px; } #SpeakersList .SpeakerTitle a { color:#ffffff; } #RightCol { clear:both; } /*SPEAKER DETAILS*/ #SpeakerDetails { padding-top:20px; } #SpeakerDetails #SpeakerPhotoColumn { background:#eee; float:right; margin: 60px 0 0 15px; padding:10px; width:190px; } #SpeakerDetails .Name { margin:0; width:auto; } #SpeakerDetails .SpeakerTitle { border-bottom: 1px #6c6c64 solid; color:#b9b98b; letter-spacing:-0.02em; font-size:14px; padding:10px 0; margin-bottom:15px; margin-right:230px; } #SpeakerDetails p { font-size:14px; } #SpeakerDetails a.twit { background: transparent url(images/ico.twit.gif) no-repeat scroll left center; display:block; margin-top:5px; padding:3px 0 3px 32px; } #SpeakerDetails a.blog { background: transparent url(images/ico.blog.gif) no-repeat scroll left center; display:block; margin-top:5px; padding:3px 0 3px 32px; } #SpeakerDetails a.twit:hover, #SpeakerDetails a.blog:hover { color:#4a4a44; } .session_title { display:block; } .session_title a { color:#B9B98B !important; } .session_title + a, .session_title + a + a, .session_title + a + a + a { color:#ffffff !important; } div,p { margin-top:0 }/*clear top margin for mozilla*/ .left { float: left; } .right { float: right; } .clear { clear: both; } .dummy { display: none; } table { } th { background:#5d5d56; padding:5px 10px; color:#B9B98B; } td { border-bottom:1px #5d5d56 solid; padding: 5px 20px 5px 15px; } /*========================================================*/ /* 5. Text */ /*========================================================*/ /* Headings */ h1 { font-family: arial; font-size: 40px; font-weight: 900; line-height: 130%; color:#ffffff; border: none; margin-top:20px; letter-spacing:-2px; padding-left:10px; vertical-align: top; margin-bottom: 10px; background:#5d5d56; } h2 { font-family: arial; font-size: 24px; font-weight: 900; line-height: 130%; color:#b9b98b; border: none; margin-top:0; letter-spacing:-1px; } h3 { font-family: arial; font-size: 12px; font-weight: 900; line-height: 130%; color:#22ACDB; border: none; margin-top:0; text-transform:uppercase; } h4 { font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 700; line-height: 130%; color: #cc0000; border: none; margin-top:0; margin-bottom:5px; text-transform:uppercase; } h5 { font-family: Helvetica, Arial, sans-serif; font-size: 115%; font-weight: 700; line-height: 130%; color: #000000; border: none; margin-top:0; margin-bottom:5px; } h6 { font-family: Georgia, Times, Serif; font-size: 115%; font-weight: 700; line-height: 130%; color: #000000; border: none; margin-top:0; margin-bottom:5px; font-style:italic; } blockquote { color:#777; font-family: Georgia, Times, Serif; font-size:100%; font-style:italic; } hr { background:#ddd; border:none; clear:both; height:1px; } /*========================================================*/ /* 6. Links */ /*========================================================*/ a:active, a:visited, a:link { background:transparent; color:#22acdb; text-decoration: none; } a:hover { background:transparent; color:#ffffff; text-decoration: underline; } /*========================================================*/ /* 7. Forms */ /*========================================================*/ fieldset { background:#f7f7f7; border:1px #dcdcdc solid; padding:0px 9px 11px; } legend { font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 700; color: #247bb3; text-transform:uppercase; } form dl { background:transparent; border:none; clear:both; color:#000 !important; padding:5px 0 0; } form dl dt { float:left; width:150px; padding: 12px 0 0; position:relative; text-align:left; color:#000; clear:both; font-family:Helvetica, Arial, sans-serif; font-size:14px; font-weight:500; } form dl dd { float:left; width:400px; padding: 0; position:relative; text-align:left; } form span.input, form span.checkbox, form span.textarea { background:#eaeaea none repeat scroll 0 0; display:inline-block; margin:0 3px 8px 0; padding:5px; } form input.text { font-size:19px; font-weight:bold; letter-spacing:-0.5px; width:380px; } form input.checkbox { margin: 8px 8px 8px 0; } form select.dropdown { font-size:15px; font-weight:bold; } form input.button { background:#247BB3; border: 2px #154A6C solid; color:#fff; font-size:18px; padding:7px; } input, select, textarea { border:1px #ccc solid; color:#000; margin:0; padding:5px; } .StandardButton { background:#247BB3; border: 2px #154A6C solid; color:#fff; font-size:18px; padding:7px; } .NormalTextBox { color: #666; background: #FFF; border: solid 1px #EBE4DD; padding-left: 4px; line-height: 12px; font-weight: normal; } td.NormalTextBox, span.NormalTextBox{ padding: 0; margin: 0; background: transparent; border: 0; } /* Label formatting in DNN admin forms */ .SubHead label span { font-family: Helvetica, Arial, sans-serif; font-size:14px; font-weight:500; } /*========================================================*/ /* 8. Main Menu */ /*========================================================*/ #Sidebar { float: right; width: 257px; } /* menu styles */ #jsddm { margin:0 0 0 0px; padding:0; } #jsddm li { display:inline-block; float:left; margin:0; padding:0; } #jsddm li a { color:#5D5D56; /*color:#C3C3B8;*/ display:block; font-family:Arial Black; font-style:normal !important; font-size:30px; letter-spacing:-3px; line-height:30px; margin-right:12px; padding-right:3px; text-transform:uppercase; } #jsddm li a:hover { color:#ffffff; text-decoration:none; } #jsddm li a.registo { margin-left:120px; } #jsddm li.selected a { color:#22acdb; } #jsddm li ul { margin:0; padding:5px; position:absolute; top:110px; visibility: hidden; width:200px; background:#fff; border-right:#c9c9c9 1px solid; border-bottom:#c9c9c9 1px solid; border-left:#c9c9c9 1px solid; } #jsddm li ul li { float:none !important; display:block; height:30px; border-bottom: 1px #eaeaea solid; } #jsddm li ul li:hover { border-top: none; border-right: none; border-left: none; } #jsddm li ul li a { width: auto; margin:0px; padding: 4px 10px; color:#888;} #jsddm li ul li a:hover { background:#ffffcc; color:#000; text-decoration:none; }