/* @override http://uploadlisboa.local/css/main.css */ /* @group Common */ h1 { margin-bottom: 10px; text-transform: uppercase; font-size: 30px; color: #235664; text-shadow: #fff 0 1px 0; font-weight: normal; } h2 { font-weight: bold; } h2 { color: #235664; text-transform: uppercase; text-shadow: 0 2px 0 #669999; font-weight: normal; } a, a:visited, #newsletter { color: #235664; text-decoration: none; cursor: pointer; font-size: 12px; font-style: italic; } a:hover, #newsletter:hover { color: #3d8396; } body { font-family: Georgia, "Times New Roman", Times, serif; position: relative } .LeagueGothic { font-weight: normal; font-style: normal; line-height: normal; text-transform: uppercase; } .no-fontface h1 { font-size: 10px; font-weight: bold; } .no-fontface .LeagueGothic { font-weight: bold; } .no-fontface #main_menu a { font-size: 10px; } p { line-height: 1.6em; } p.alt { line-height: 1.6em; color: #fff; text-shadow: 0 1px 0 #4A7E8C; } .blue_frame { background-color: #E1EFF0; padding: 20px; } .no_style, .no_style > li { list-style: none; margin: 0; } /* @end */ /* @group Document Header */ body > header { height: 52px; background: url(images/menu/bg.png) repeat-x; } body > header .wrapper { position: relative; } #logo { width: 276px; height: 94px; left: 0px; top: 0; float: left; position: absolute } #main_menu { float: right; position: relative; } #main_menu li { float: left; } #main_menu a, #main_menu li > span { float: left; padding: 15px 15px; text-transform: uppercase; font: 18px "league-gothic-1", "Lucida Grande", Lucida, Verdana, sans-serif; color: #E1EFF0; position: relative; z-index: 2; } #main_menu a:hover { color: #fff; } #main_menu #other { position: relative; } #main_menu #other:hover > ul { display: block; } #main_menu li ul { position: absolute; top: 50px; left: 0; background: #212121; overflow: visible; width: 110px; border-bottom: 1px solid #d2d2d2; display: none; } #main_menu li ul li { display: block; } #main_menu li ul li ul { position: absolute; top: 50px; left: 100px; overflow: hidden; } #main_menu #edition_2010 { width: 100%; cursor: pointer; } #main_menu #edition_2010 ul { display: none; width: 100px; } #main_menu #edition_2010:hover span { color: #fff } #main_menu #edition_2010:hover ul { display: block; } #blob { background: url(images/menu/active.png) no-repeat; height: 35px; position: absolute; z-index: 1; top: 0; } /* @end */ /* @group Home Page*/ /* @group Section: Intro */ #home_page #intro { background: url(images/intro/tile.jpg) left 0 repeat-x; } #home_page #intro .outer { background: url(images/intro/bg.jpg) center center no-repeat; } #home_page #intro .inner { padding-top: 80px; margin: 0 auto; height: 450px;} #home_page #intro .inner > time { background-image: url(images/intro/date.png); width: 340px; height: 64px; margin: 0 auto; } #home_page #intro h1 { background-image: url(images/intro/title.png); width: 672px; height: 126px; margin: 20px auto 20px; } #home_page #intro h2 { background-image: url(images/intro/slogan.png); width: 732px; height: 42px; margin: 0px auto; } #home_page #registration_button { background: url(images/intro/registration.png) no-repeat 0 0; width: 300px; height: 80px; margin: 0 320px; cursor: pointer; float: left; margin-top: 10px; } #registration_button span { background: url(images/intro/registration.png) no-repeat 0 -81px; width: 300px; height: 80px; display: block; opacity: 0; filter: alpha(opacity=0); } #registration_button > span:active { background-position: 0 -161px } html[lang=pt] #home_page #intro time { background-image: url(images/intro/date_pt.png); } html[lang=pt] #home_page #intro h2 { background-image: url(images/intro/slogan_pt.png); width: 635px;} html[lang=pt] #registration_button { background-image: url(images/intro/registration_pt.png) !important; } html[lang=pt] #registration_button span { background-image: url(images/intro/registration_pt.png); } /* @end */ /* @group Section: Info */ #home_page #info { position: relative; } #home_page #info .outer { background: url('images/intro/texture.png') no-repeat; } #home_page #speakers { position: absolute; top: -42px; width: 950px; height: 370px; } #home_page #speakers ul.speakers { width: 570px; margin: 0px; float: left; } #home_page #speakers ul.speakers li { float: left; margin-left: 10px; margin-bottom: 10px; } #home_page #info #speakers ul.featured { float: right; margin: 0 0 0 0px; } #home_page #speakers li { position: relative; list-style-type: none; height: 180px; box-shadow: #88b9c1 0px 0px 5px; -webkit-box-shadow: #88b9c1 0px 0px 5px; -moz-box-shadow: #88b9c1 0px 0px 5px; -moz-box-shadow: #88b9c1 0px 0px 5px; -o-box-shadow: #88b9c1 0px 0px 5px; width: 180px; overflow: hidden; behavior: url(PIE.htc); } #home_page #speakers li.last { height: 370px; width: 370px; } #home_page #speakers li img.color { position: absolute; top: 0; left: 0; opacity: 0; filter: alpha(opacity=0); } #home_page #speakers li .details { position: absolute; bottom: -300px; left: 0px; padding: 10px; } #home_page #speakers li.last .details { padding: 15px; } #home_page #speakers li .details p.name { font-size: 40px; color: #CDE3E7; line-height: 0.9em; text-shadow: 0 1px 1px #274E55; } #home_page #speakers li .details p.job { font-size: 16px; color: #fff; text-shadow: 0 1px 1px #274E55; } #home_page #speakers li .details span { background: url(images/info/ul_tag.png) no-repeat; width: 88px; height: 23px; display: block; margin-bottom: 10px; } #home_page #speakers li.ulpro .details span { background-image: url(images/info/ulpro_tag.png); width: 107px;} #home_page #speakers li.last .details p.name { font-size: 64px; } #home_page #speakers li.last .details p.job { font-size: 22px; } #home_page #blocks { margin-bottom: 60px; padding-top: 367px; } #home_page #blocks h2 { margin-bottom: 10px; font-size: 30px; text-shadow: #fff 0 1px 0; } #home_page #blocks p.intro { color: #333; margin-bottom: 20px } .no-fontface #home_page #blocks h2 { font-size: 20px; } /* @group Share */ #home_page #share { height: 425px} #home_page #share a, #home_page #newsletter { padding: 5px 0 0px 60px; display: block; background: url(images/info/social.png) no-repeat 0px 0; margin-bottom: 10px; width: 135px; height: 40px; line-height: 20px; font-style: italic; } #home_page #share a.facebook:hover { background-position: 0px -43px; } #home_page #share a.twitter { background-position: 0px -86px; } #home_page #share a.twitter:hover { background-position: 0px -129px; } #home_page #share a.youtube { background-position: 0px -172px; } #home_page #share a.youtube:hover { background-position: 0px -215px; } #home_page #newsletter { background-position: 0px -258px; position: relative; } #home_page #newsletter:hover { background-position: 0px -301px; } #home_page #newsletter form { display: none; position: absolute; top: 10px; left: 49px;} #home_page #newsletter label { display: block; margin-bottom: 5px;} #home_page #newsletter input[type='text'] { margin-bottom: 10px; width: 208px; border: 1px solid #AAA; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; font-size: 12px; padding: 5px; } #home_page #newsletter span.error { color: brown; font-style: italic; font-size: 12px; display: block; margin-top: 3px; } #home_page #newsletter form input[type='submit'] { float: right; padding: 2px 15px 3px; background: url(http://platform2.twitter.com/1.1.3/images/bg-btn.gif) 0px -200px; border: 1px solid #DDD; font-size: 15px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; font-family: 'helvetica neue', arial, sans-serif; text-shadow: white 1px 1px 0px; padding: 2px 15px 3px; } #home_page #newsletter form input[type='submit']:hover { border-color: #999 #999 #888 !important; } /* @end */ /* @group Location */ #home_page #location p.address { line-height: 1.5em; font-style: italic; font-size: 12px; } #home_page #location p.place { margin-bottom: 10px; font-size: 18px; text-transform: uppercase; } #home_page #location { height: 350px; } #home_page #location .content { padding: 20px 10px; background-color: #c9dbde; color: #235664; } #home_page #map { margin-top: 10px; width: 283px; height: 180px; } #home_page #location a.gmaps { float: right; padding-top: 5px; font-style: italic; color: #245764; text-shadow: 0 1px 0 #C9DBDE; display: none; } .no-fontface #home_page #location p.place { font-size: 9px; font-weight: bold; } /* @end */ /* @group Twitter */ #home_page #twitter .jta-tweet-list { line-height: 1.6em; } #home_page #twitter .jta-tweet-attributes { display: block; } #home_page #twitter .jta-tweet-attributes a { color: #3d8396; font-size: 12px; font-style: italic; } #home_page #twitter .tweet-text { margin-bottom: 2px; } #home_page #twitter .jta-tweet-profile-image { float: left; margin: 4px 3px 0px 0px; } #home_page #twitter .jta-tweet-profile-image img { width: 50px; height: 50px; } #home_page #twitter .jta-tweet-profile-image-link { display: block; } #home_page #twitter h3 { font-size: 12px; color: #3d8396; } #twitterwall .jta-tweet-location { font-size: 12px; } #twitterwall .jta-tweet-attributes { display: block; text-align: right; font-size: 20px;} #twitterwall .jta-tweet-list-item { margin-bottom: 60px; line-height: 1.5em; } #twitterwall .jta-tweet-user-screen-name-link, #twitterwall .jta-tweet-link, #twitterwall , #twitterwall .twitter-anywhere-user { font-size: 28px; } #twitterwall .jta-tweet-profile-image { float: left; width: 50px; height: 50px; display: inline; padding: 30px; border: 1px solid #D1E5E8; margin: 0px 60px 0 0px; -webkit-border-radius: 10px; -o-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } #twitterwall .jta-tweet-body { float: left; width: 728px; padding: 30px; position: relative; background-color: #D1E5E8; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; position: relative; } #twitterwall .jta-tweet-body:hover { background-color: #E7F6F8; } #twitterwall .jta-tweet-text, #twitterwall .jta-tweet-hashtag { font-size: 28px; } #twitterwall .jta-tweet-body .triangle { width: 41px; height: 20px; position: absolute; left: -41px; top: 33px; background: url(images/twitter/triangle.png) 0 0; word-wrap: "break-word"; } #twitterwall .jta-tweet-body .triangle.hover { background-position: 0 -20px; } #twitterwall .jta-tweet-profile-image-link img { width: 50px; height: 50px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px;} #loader, #twitterwall .jta-loading { display: block; background: url(images/loader.gif) no-repeat bottom; width: 48px; height: 48px; margin: 0px auto; padding-top: 60px; } #twitterwall .jta-error, #twitterwall .jta-nodata { display: none; } #wall { background: url(images/registrations/tile.jpg) repeat-x top left; } #wall .outer { background: url(images/registrations/bg.jpg) top center no-repeat; } #wall .inner { padding-top: 105px; padding-bottom: 40px; margin-bottom: 100px} #wall h1 { background: url(images/twitter/heading.png) no-repeat; height: 59px; margin-bottom: 120px} /* @end */ /* @end */ /* @group Section: Blog */ #blog .outer { background-image: url(images/blog/city.png); margin: 0 auto; overflow: hidden; } #blog .inner { height: 300px; } /* @end */ /* @group Footer */ body > footer { margin: 0 auto; background: #212121 url(images/footer/bg.jpg) no-repeat; min-height: 460px; } body > footer .inner { padding: 30px 0; } body > footer .left { float: left; margin-right: 20px; margin-bottom: 20px;} body > footer h1 { color: #fff; font-size: 24px; text-shadow: none;} body > footer h2 { color: #ccc; font: italic 12px Georgia, "Times New Roman", Times, serif; text-shadow: none; text-transform: none; } #contacts a { color: #fff; text-decoration: none; display: block; font-family: "Lucida Grande", Lucida, Verdana, sans-serif; } #contacts em { display: block; color: #ccc; font: italic 12px/16px Georgia, "Times New Roman", Times, serif; margin-bottom: 2px; } #contacts address { margin-top: 20px; } #contacts address:first-child { margin-top: 0; } #contacts .content { margin-top: 10px; background-color: #2b2a2a; padding: 20px 15px; background: url(images/footer/contact_bg.png) top left; height: 171px; } body > footer .hr { margin: 30px 0 20px 10px; background-image: url(images/footer/hr.png); height: 10px; } #copyright { color: #ccc; font-size: 11px; font-style: italic; margin-top: 7px} #copyright p { float: left; } #footer_menu { list-style: none; float: left; margin-left: 20px } #seegno p { float: left; } #seegno a { background: url(images/footer/seegno.png) center right no-repeat; padding: 10px 60px 10px 0px; width: 145px; display: block; color: #fff; font-size: 11px; } .ie7 #seegno a { font-size: 10px; } html[lang=pt] #seegno a { width: 160px; } body > footer .sponsors h2 { margin-bottom: 4px; } body > footer .sponsors .left { margin-right: 10px; } body > footer .sponsor { width: 120px; height: 50px; float:left; position: relative; cursor:pointer; margin: 3px 4px 3px 0; } body > footer .sponsor.big { width: 140px; height: 61px; } body > footer .sponsor.big.square { width: 67px; height: 61px; } body > footer .sponsor .flip { width: 100%; height: 100%; background: url("images/footer/sponsor_bg.png") no-repeat; text-align: center; position: relative; } body > footer .sponsor.big .flip { background: url("images/footer/sponsor_big_bg.png") no-repeat; } body > footer .sponsor.big.square .flip { background: url("images/footer/sponsor_big_square_bg.png") no-repeat; } body > footer .sponsor .flip img { position: absolute; top: 50%; left: 50%; } body > footer .sponsor .flip:hover { -moz-box-shadow: 0 0 10px #212121 inset; -webkit-box-shadow:0 0 10px #212121 inset; box-shadow: 0 0 10px #212121 inset; } body > footer .sponsor p.description { font-size: 10px; font-style:italic; padding: 12px 5px 0 5px; color: #ccc; display: block; line-height: 14px; } body > footer .sponsor.big p.description { padding-top: 20px; } body > footer .sponsor a.url { background: url(images/footer/link.png) no-repeat; width: 10px; height: 11px; position: absolute; right: 5px; bottom: 5px; } body > footer .sponsor.big a.url { font-size: 12px; } .no-fontface body > footer h1 { font-size: 15px; } /* @end */ /* @end */ /* @group Section: Upload Lisboa */ #uploadlisboa_page .inner { padding-top: 50px; } #uploadlisboa_page #overview .inner { background: url(images/uploadlisboa/globe_shadow.png) center bottom no-repeat; padding-top: 30px} /* @group Overview */ #uploadlisboa_page #overview { background: url(images/uploadlisboa/tile.png) repeat-x; } #uploadlisboa_page #overview .outer { background: url(images/uploadlisboa/bg.jpg) no-repeat center center; } #uploadlisboa_page .globe { background-position: 0 20px; background-repeat: no-repeat; height: 255px; width: 461px; float: left; position: relative; } #uploadlisboa_page .globe span { background: url(images/uploadlisboa/globe.png) no-repeat 0 -270px; display: block; height: 255px; width: 461px; opacity: 0; filter: alpha(opacity=0); } #uploadlisboa_page .globe { background-image: url(images/uploadlisboa/globe.png); } #uploadlisboa_page .globe .logo { position: absolute; background-image: url(images/uploadlisboa/logo.png); top: 130px; left: 95px; width: 276px; height: 83px;} /* @end */ /* @group Info */ #uploadlisboa_page #info { background: url(images/uploadlisboa/info/bg.jpg) no-repeat center; overflow: hidden; margin: 0 auto; } #uploadlisboa_page #title { margin: 55px 0 50px 0; text-align: center; padding: 0 90px; } #uploadlisboa_page #title p { font: 24px "league-gothic-1", "Lucida Grande", Lucida, Verdana, sans-serif; text-transform: uppercase; color: #5C95A8; text-shadow: 0 2px 0 #C6D9DF;} #uploadlisboa_page #description { margin-bottom: 60px; } #uploadlisboa_page #description .first.column { margin-left: 0px } #uploadlisboa_page #description .column { margin-left: 20px } .no-fontface #uploadlisboa_page #title p { font-size: 14px } /* @end */ /* @group Speakers */ #uploadlisboa_page #speakers { background: url(images/uploadlisboa/speakers/tile.jpg) repeat; color: #e1e1e1; position: relative; } #uploadlisboa_page #speakers .outer { background: url(images/uploadlisboa/speakers/bg.jpg) no-repeat; } #uploadlisboa_page #speakers h1 { background: url(images/uploadlisboa/speakers/heading.png) no-repeat; height: 60px; width: 942px; margin: 0 auto 70px; } #uploadlisboa_page #speakers .more_soon, #uploadlisboa_page #schedule .more_soon { font-size: 24px; font-style: italic; text-align: center; padding: 130px 0; } #uploadlisboa_page p { font-size: 14px; } #uploadlisboa_page .sizzle { background: url(images/uploadlisboa/info/sizzle.png) repeat-x; height: 25px; width: 100%; position: absolute; top: 0; left: 0; } #uploadlisboa_page .block { font-family: "Lucida Grande", Lucida, Verdana, sans-serif; float: left; width: 240px; margin-top: 135px; position: relative; } #uploadlisboa_page .date { margin-left: 10px; float: left; } #uploadlisboa_page .date time, #uploadlisboa_page .booking h2 { font-size: 36px; color: #255665; text-shadow: 0 2px 0 #88B2BE; text-transform: uppercase; } #uploadlisboa_page .date h3, #uploadlisboa_page .booking h3 { color: #235664; font-style: italic; font-weight: normal; font-size: 13px; text-shadow: 0 1px 0 #E3EEF0; } #uploadlisboa_page .ticket a { display: block; } #uploadlisboa_page .ticket { background: url(images/uploadlisboa/ticket.png) no-repeat; width: 171px; height: 97px; position: absolute; top: 50px; left: 25px; cursor: pointer; «} #uploadlisboa_page .title h2 { font-size: 35px; margin: 15px 0 0px 0; } #uploadlisboa_page .speaker .title h3 { font-size: 20px; margin-bottom: 15px; } #uploadlisboa_page .LeagueGothic { color: #E1EFF0; text-shadow: 0 1px 0 #437985; } #uploadlisboa_page .title ul, #about_page #bios ul { list-style: none; margin: 0px 0 30px 0; overflow: hidden; text-shadow: 0 1px 0 #666; } #uploadlisboa_page .speaker { margin-bottom: 70px } #uploadlisboa_page .speaker .content { color: #fff; text-shadow: 0 1px 0 #666; line-height: 1.5em; font-size: 14px; } #uploadlisboa_page .title li:first-child, #about_page #bios li:first-child { margin-left: 0; } #uploadlisboa_page .title li, #about_page #bios li { float: left; margin-left: 1px; padding: 2px; } #uploadlisboa_page .title a, #about_page #bios li a { color: #fff; font-style: italic; text-transform: 0 1px 0 #235664; } #uploadlisboa_page .title li.main:hover, #about_page #bios li.main:hover { border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; } #uploadlisboa_page .title li.main:hover, #about_page #bios li.main:hover { background-color: #235664; } #uploadlisboa_page .portrait { float: left; width: 210px; position: relative; height: 220px; } #uploadlisboa_page .portrait .image { background-position: -5px 0px; background-repeat: no-repeat; } #uploadlisboa_page .portrait .image span { background-position: -5px -223px; width: 210px; height: 200px; display: block; opacity: 0; filter: alpha(opacity=0); } #uploadlisboa_page .portrait .details { position: absolute; bottom: -20px; left: 0; background: url(images/uploadlisboa/speakers/details.png) no-repeat center center; width: 200px; height: 87px; text-align: center; color: #e1e1e1; } #uploadlisboa_page .portrait .details h3 { font-size: 12px; color: #e1e1e1; margin: 0 auto; width: 152px; font-style: italic; font-weight: normal; padding: 23px 10px; } html[lang=pt] #uploadlisboa_page #speakers h1 { background: url(images/uploadlisboa/speakers/heading_pt.png) no-repeat; } html[lang=pt] #uploadlisboa_page .ticket { background-image: url(images/uploadlisboa/ticket_pt.png); } html[lang=pt] #uploadlisboa_page .ticket:hover { background: url(images/uploadlisboa/ticket_pt.png) no-repeat 0 -99px; width: 171px; height: 97px; display: block; } .no-fontface #uploadlisboa_page .date time, .no-fontface #uploadlisboa_page .booking h2 { font-size: 20px; } .no-fontface #uploadlisboa_page .date time, .no-fontface #uploadlisboa_page .booking h2 { font-size: 19px; } .no-fontface #uploadlisboa_page .title h2 { font-size: 26px; } .no-fontface #uploadlisboa_page .speaker .title h4 { font-size: 13px; } .no-fontface #uploadlisboa_page .portrait .details h3 { font-size: 15px; } /* @end */ #uploadlisboa_page #schedule .header { background: url(images/uploadlisboa/speakers/tile.jpg) repeat; padding-bottom: 215px; width: 100%; } #uploadlisboa_page #schedule .outer { background: url(images/uploadlisboa/schedule/bg.jpg) no-repeat center 0; padding: 240px 0 70px 0; margin-top: -216px; } #uploadlisboa_page #schedule h1 { background: url(images/uploadlisboa/schedule/heading.png) no-repeat; height: 60px; width: 942px; margin: 0 auto 70px; } #uploadlisboa_page #schedule .title { background: url(images/uploadlisboa/schedule/first_period.png) no-repeat; width: 420px; height: 42px; text-align: center; line-height: 45px; color: #fff; font-size: 40px; margin: 0 auto; } #uploadlisboa_page #schedule .period_2 .title { background: url(images/uploadlisboa/schedule/second_period.png) no-repeat; } #uploadlisboa_page #schedule .keynote { position: relative; float: left; } #uploadlisboa_page #schedule .content { background-color: #DFEDEE; padding: 20px 10px 20px 45px; overflow: hidden; border-bottom: 2px solid #ABCBD2; margin-left: 20px; width: 365px;} #uploadlisboa_page #schedule .content p.name { color: #225664; text-transform: uppercase; font-size: 24px; line-height: 1.2em; } #uploadlisboa_page #schedule .content p.keynote { color: #5A95A3; font-style: italic; display: block; width: 100%; } #uploadlisboa_page #schedule .content p.description { float: left; margin-top: 10px; } #uploadlisboa_page #schedule time { position: absolute; top: 8px; left: -18px; width: 76px; height: 76px; background-image: url(images/uploadlisboa/schedule/time.png); text-align: center; color: #fff; font-size: 26px; text-shadow: none;} #uploadlisboa_page #schedule time span.hour { display: block; margin-top: 10px; } #uploadlisboa_page #schedule time span.minutes { display: block; margin-top: -3px; } #uploadlisboa_page #location { height: 569px; } #uploadlisboa_page #location .inner { position: relative; } #uploadlisboa_page #location .address { position: absolute; top: 200px; right: 30px; font-style: italic; } #uploadlisboa_page #location .address h1 { color: #fff; text-shadow: 0 1px 0 #427381; font-style: normal; } #uploadlisboa_page #location .address p { color: #fff; font-size: 16px; text-shadow: 0 1px 0 #427381; } #uploadlisboa_page #location .hr { margin: 15px 0; color: #fff; text-shadow: 0 1px 0 #427381; } #uploadlisboa_page #location .address a { color: #e1eff0; font-size: 13px; } html[lang=pt] #uploadlisboa_page #schedule h1 { background: url(images/uploadlisboa/schedule/heading_pt.png) no-repeat; } html[lang=pt] #uploadlisboa_page #location { background: url(images/uploadlisboa/location/bg_pt.jpg) center no-repeat; } .no-fontface #uploadlisboa_page #schedule time span.hour{ font-size: 18px; margin-top: 18px; } .no-fontface #uploadlisboa_page #schedule .title, .no-fontface #uploadlisboapro_page #schedule .title { font-size: 30px; } .no-fontface #uploadlisboa_page #schedule .content p.name, .no-fontface #uploadlisboapro_page #schedule .content p.name { font-size: 16px; } .no-fontface #uploadlisboa_page #schedule time span.minutes { font-size: 20px; } .no-fontface #uploadlisboa_page #location .address h1 { font-size: 16px; } /* @end */ /* @group Registrations */ #registrations_page { background: url(images/registrations/tile.jpg) repeat-x top left; } #registrations_page .outer { background: url(images/registrations/bg.jpg) top center no-repeat; } #registrations_page .inner { padding-top: 105px; height: 500px;} #registrations_page h1 { background-image: url(images/registrations/heading.png); width: 220px; height: 60px; margin-bottom: 3px; } #registrations_page h2 { font-size: 24px; color: #5997A4; text-shadow: none; } #registrations_page .content p { color: #333; line-height: 1.6em; margin-bottom: 10px; } #registrations_page .title { margin-bottom: 35px; } #registrations_page .form { background: url(images/registrations/panel.png) no-repeat; margin-top: -25px; height: 410px; } #registrations_page .form .closed { margin-top: 220px; margin-left: 100px; font-size: 26px; font-style: italic; color: #666; } #registrations_page iframe { margin: 45px 0 0 24px; width: 620px; padding: 15px; } html[lang=pt] #registrations_page h1 { background-image: url(images/registrations/heading_pt.png); } .no-fontface #registrations_page h2 { font-size: 16px; } /* @end */ /* @group Blog */ #blog_page { background: url(images/registrations/tile.jpg) repeat-x top left; } #blog_page .outer { background: url(images/registrations/bg.jpg) top center no-repeat; } #blog_page .inner { background: url(images/blog/city.png) right 91px no-repeat; padding-top: 105px; margin-bottom: 100px} #blog_page h1 { background: url(images/blog/heading.png) no-repeat; height: 59px; margin-bottom: 120px} #blog_page article h2 a { font-size: 28px; text-shadow: none; font-style: normal; } #blog_page article header p { color: #6E9AA5; font-style: italic; font-size: 12px} #blog_page article header { margin-bottom: 20px; } #blog_page article footer { margin-top: 20px; } #blog_page aside li:first-child { margin-top: 0px; } #blog_page aside li { margin-top: 15px; } #blog_page aside h3 { font-size: 22px; text-shadow: none; margin-bottom: 15px; color: #2A5A68; } #blog_page aside h4 { font-size: 12px; font-weight: normal; color: #255464; } #blog_page aside time { font-size: 12px; font-style: italic; color: #508192; margin-bottom: 5px; display: block; } #blog_page #posts .details { position: relative; overflow: hidden; display: block; cursor: pointer; } #blog_page #posts .details a { position: absolute; top: 20px; width: 80px; right: -80px; font-style: italic; } #blog_page .details span { background: url(images/blog/divider.png) no-repeat center; width: 536px; height: 16px; display: block; margin: 20px 0 20px 55px; } #blog_page nav { margin-bottom: 50px; } #blog_page nav a { font-size: 13px; } #blog_page #next { float: right; } #blog_page #prev { float: left; } #blog_page article .share { margin: 20px 0; } #blog_page article .share h5 { float: left; color: #598A99; font-weight: normal; margin-right: 30px; font-style: italic; } #blog_page article .share #facebook_share { bottom: 6px; position: relative; } #blog_page article .share .buttons { float: left; } #blog_page article > article { margin-bottom: 20px; } #blog_page article > article header { color: #598A99; border-bottom: 1px dotted #598A99; padding-bottom: 10px} #blog_page article > article h3 { font-size: 18px; font-weight: normal; line-height: 2em} #blog_page #comment_form { margin-top: 40px; } #blog_page #comment_form h4 { font-size: 24px; margin: 0px 0 20px 0; color: #235664; } #blog_page article > article p { font-size: 14px; } #blog_page #comment_form label { font-size: 14px; font-style: italic; color: #333; display: block; margin-bottom: 5px; } #blog_page #comment_form .float > .field { float: left; } #blog_page #comment_form .float > .field:first-child { margin-right: 20px } #blog_page #comment_form .error > label { color: brown; } #blog_page #comment_form .row { margin-bottom: 10px; } #blog_page #comment_name, #blog_page #comment_email { width: 290px; } #blog_page #comment_form .actions input:hover { background-position: 0 -34px } #blog_page #comment_form .actions input:active { background-position: 0 -68px } #blog_page #comment_body { display: block; width: 610px; height: 100px;} .actions .button { float: left; background: url(images/news/submit.png) 0 0 no-repeat; width: 140px; height: 34px; color: #fff; text-shadow: 0 -1px 0 #80A8B2; border: none; font-style: italic; font-family: "Georgia", "Lucida Grande", Lucida, Verdana, sans-serif; margin-top: 20px; } .no-fontface #blog_page article h2 a { font-size: 22px; } .no-fontface #blog_page aside h3 { font-size: 16px; } .no-fontface #blog_page #comment_form h4 { font-size: 18px; } .jqTransformInputInner div input { padding: 0 !important; height: 20px !important; padding-top: 6px !important; } .jqTransformSafari .jqTransformInputInner div input { padding-top: 10px !important; padding-left: 2px !important; height: 42px !important; } /* @end */ /* @group About */ html[lang=pt] #about_page #intro h1 { background-image: url(images/about/about_pt.png); } #about_page { background: url(images/about/top_tile.jpg) repeat-x; } #about_page #intro .outer { background: url(images/about/top_bg.jpg) no-repeat top center; padding-top: 80px;} #about_page #intro .inner .photo { background: url(images/about/photo.jpg) 401px 32px no-repeat; height: 450px; } #about_page #intro .wrapper { background: url(images/about/panel.png) no-repeat; margin-bottom: 50px; } #about_page #intro .wrapper .content { padding-top: 60px; } #about_page #intro h1 { background-image: url(images/about/about.png); height: 61px; } #about_page #intro h2 { text-shadow: none; color: #5B96A4; font-size: 22px } #about_page #intro #description { margin-top: 36px; } #about_page #intro #description .column:first-child { margin-right: 20px; } #about_page #team { background: url(images/uploadlisboa/speakers/tile.jpg) repeat; } #about_page #team .inner { background: url(images/uploadlisboa/speakers/bg.jpg) top bottom no-repeat; min-height: 570px; position: relative; margin-bottom: 55px } #about_page #team .wrapper { position: absolute; top: -80px; left: 0; } #about_page #portraits li:first-child { float: right; margin-top: 0; margin-left: 180px} #about_page #portraits li { float: right; margin-top: 10px; margin-left: 10px; height: 120px; width: 120px; background-repeat: no-repeat; cursor: pointer; } #about_page #portraits li.big { height: 200px; width: 199px; } #about_page #portraits li#coutinho.big span, #about_page #portraits li#pimenta.big span, #about_page #portraits li#beaumont.big span, #about_page #portraits li#silva.big span, #about_page #portraits li#quiterio.big span, #about_page #portraits li#spencer.big span { height: 200px; width: 199px; display: block; opacity: 0; filter: alpha(opacity=0); } #about_page #portraits li#coutinho span, #about_page #portraits li#pimenta span, #about_page #portraits li#beaumont span, #about_page #portraits li#silva span, #about_page #portraits li#quiterio span, #about_page #portraits li#spencer span { height: 120px; width: 120px; display: block; opacity: 0; filter: alpha(opacity=0); background-position: 0 -122px; } #about_page #portraits li#pimenta { background-image: url(images/team/pimenta_small.png); } #about_page #portraits li#pimenta span { background-image: url(images/team/pimenta_small.png); } #about_page #portraits li#pimenta.big { background-image: url(images/team/pimenta.png); } #about_page #portraits li#pimenta.big span { background: url(images/team/pimenta.png) 0 -207px; } #about_page #portraits li#coutinho { background-image: url(images/team/coutinho_small.png); } #about_page #portraits li#coutinho span { background-image: url(images/team/coutinho_small.png); } #about_page #portraits li#coutinho.big { background-image: url(images/team/coutinho.png); } #about_page #portraits li#coutinho.big span { background: url(images/team/coutinho.png) 0 -207px; } #about_page #portraits li#beaumont { background-image: url(images/team/beaumont_small.png); } #about_page #portraits li#beaumont span { background-image: url(images/team/beaumont_small.png); } #about_page #portraits li#beaumont.big { background-image: url(images/team/beaumont.png); } #about_page #portraits li#beaumont.big span { background: url(images/team/beaumont.png) 0 -207px; } #about_page #portraits li#silva { background-image: url(images/team/silva_small.png); } #about_page #portraits li#silva span { background-image: url(images/team/silva_small.png); } #about_page #portraits li#silva.big { background-image: url(images/team/silva.png); } #about_page #portraits li#silva.big span { background: url(images/team/silva.png) 0 -207px; } #about_page #portraits li#quiterio { background-image: url(images/team/quiterio_small.png); } #about_page #portraits li#quiterio span { background-image: url(images/team/quiterio_small.png); } #about_page #portraits li#quiterio.big { background-image: url(images/team/quiterio.png); } #about_page #portraits li#quiterio.big span { background: url(images/team/quiterio.png) 0 -207px; } #about_page #portraits li#spencer { background-image: url(images/team/spencer_small.png); } #about_page #portraits li#spencer span { background-image: url(images/team/spencer_small.png); } #about_page #portraits li#spencer.big { background-image: url(images/team/spencer.png); } #about_page #portraits li#spencer.big span { background: url(images/team/spencer.png) 0 -207px; } #about_page #team #lines { background: url(images/about/lines.png) bottom left no-repeat; width: 462px; height: 695px; position: absolute; top: 60px; left: 20px; } #about_page #team .glow { position: absolute; background: url(images/about/glow.png); float: left; width: 61px; height: 61px;} #about_page #team .item_1 { opacity: 0; filter: alpha(opacity=0); top: -15px; left: 74px; } #about_page #team .item_2 { opacity: 0; filter: alpha(opacity=0); top: 199px; left: -15px; } #about_page #team .item_3 { opacity: 0; filter: alpha(opacity=0); top: 258px; left: 133px; } #about_page #team .item_4 { opacity: 0; filter: alpha(opacity=0); top: 333px; left: -8px; } #about_page #team .item_5 { opacity: 0; filter: alpha(opacity=0); top: 459px; left: 94px; } #about_page #team .item_6 { opacity: 0; filter: alpha(opacity=0); top: 465px; left: 321px; } #about_page #team .item_7 { opacity: 0; filter: alpha(opacity=0); top: 533px; left: 235px; } #about_page #team .item_8 { opacity: 0; filter: alpha(opacity=0); top: 650px; left: 414px; } #about_page #team h1 { background-image: url(images/about/team.png); width: 275px; height: 79px; } #about_page #bios { margin-top: 16px; } #about_page #bios li { color: #fff; } #about_page #bios .scrollpane { position: relative; overflow: hidden; height: 550px; width: 100%; } #about_page #bios .items { position: absolute; height: 2000px; top: 0px; } #about_page #bios .item { float: left; height: 485px; display: block; margin-bottom: 80px;} #about_page #bios h2 { color: #fff; font-size: 30px; text-transform: 0 1px 0 #457B87; } .no-fontface #about_page #bios h2 { font-size: 22px; } #about_page #bios h3 { font-style: italic; color: #E2EDEF; font-weight: normal; text-shadow: 0 1px 0 #497A8B; margin-bottom: 10px; } #about_page #bios .content { margin-top: 15px; line-height: 1.6em; color: #fff; text-shadow: 0 1px 0 #4A7E8C; } #about_page #bios .content p { margin-bottom: 5px; } html[lang=pt] #about_page #team h1 { background-image: url(images/about/team_pt.png); } /* @end */ /* @group Press Kit */ #press_kit { background: url(images/about/bottom_tile.jpg) bottom center repeat-x; } #press_kit .outer { background: url(images/about/bottom_bg.jpg) bottom center no-repeat; padding-bottom: 120px; } #press_kit .inner { background: url(images/about/panel_bottom.png) no-repeat bottom center; width: 941px; padding-bottom: 100px; overflow: hidden; } #press_kit h2 { font-size: 30px; text-shadow: 0 2px 0 #C4D6DA; margin-bottom: 10px; } .no-fontface #press_kit h2 { font-size: 16px; } #press_kit .press_release { margin-bottom: 20px; } #press_kit a.download { background: url(images/about/bt.png) 0 0 no-repeat; width: 378px; height: 60px; display: block; margin-bottom: 5px; } html[lang=pt] #press_kit a.download { background-image: url(images/about/bt_pt.png); } #press_kit .press_release a:hover, #press_kit .press_release a:active { color: #3D8396; } #press_kit a.download span { width: 378px; height: 60px; background: url(images/about/bt.png) 0 -61px; display: block; opacity: 0; filter: alpha(opacity=0); } html[lang=pt] #press_kit a.download span { background-image: url(images/about/bt_pt.png); } #press_kit a.download span:active { background: url(images/about/bt.png) 0 -122px; } html[lang=pt] #press_kit a.download span:active { background-image: url(images/about/bt_pt.png)} #press_kit .press_release.not_available { margin: 0 auto; text-align: center; } #press_kit .press_release.not_available a { background: none; padding: 100px 10px; display: block; font-style: italic; font-size: 13px; } #press_kit .press_release.not_available time { display: none; } #press_kit .press_release a { color: #2B5F6C; padding-top: 1px; padding-left: 20px; background: url(images/about/pdf.png) no-repeat; line-height: 20px; } #press_kit .press_release time { display: block; color: #659EAA; font-style: italic; margin-bottom: 5px; } #press_kit .resources { margin-bottom: 35px; overflow: hidden; } #press_kit .resources p { font-style: italic; float: right; margin-right: -100% } #press_kit .contact { color: #2B5E6F; } #press_kit .contact p { font-size: 13px; margin-bottom: 5px; color: #3d8396; } #press_kit .contact .address { margin-top: 10px; } #press_kit .contact a { display: block; margin-bottom: 20px; font-style: italic; font-size: 16px; } #press_kit h1 { background: url(images/about/press_kit.png) no-repeat; width: 220px; height: 58px; margin-bottom: 20px; } /* @end */ /* @group Admin */ #sf_admin_container { width: 960px; margin: 0 auto; padding: 60px 0; overflow: hidden; } #sf_admin_container h1 { font: normal normal 30px "league-gothic-1", "Lucida Grande", Lucida, Verdana, sans-serif; } #sf_admin_content { width: 940px; margin: 0 10px; } #sf_admin_content thead th, #sf_admin_content tfoot th { background-color: #E1EFF0; font-weight: normal; font-style: italic;} #sf_admin_content table td, #sf_admin_content thead th, #sf_admin_content tfoot th { padding: 10px; } #sf_admin_content table { width: 100% } .eip{ padding: 3px; } .eip:hover { background-color: #fdff9e; cursor: pointer; } .eip > form { padding: 0 0 40px; } .eip > form > button { float: right; margin: 10px 5px 0; height: 25px; padding: 0 10px; cursor: pointer; } #sf_admin_container .waiting { margin: 4px 0; padding: 4px 4px 4px 30px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; background-color: #ffc; } /* @group admin panel */ #sf_admin_container .admin-left { float: left; } #sf_admin_container .admin-right { float: left; width: 619px; } #sf_admin_container .bluebar { float: left; padding: 0 20px; height: 35px; background: #E1EFF0; } #sf_admin_container .admin-left.for-pages .sf_admin_actions {padding: 0} #sf_admin_container .admin-left .bluebar a { padding-top: 0; text-decoration: none} #sf_admin_container .admin-left .bluebar { width: 238px; border-right: 1px solid #eee; } #sf_admin_container .admin-left ul.tree { width: 248px; margin-left: 30px; } #sf_admin_container .admin-right .bluebar { width: 579px; line-height: 34px; } #sf_admin_container .admin-right ul { float: left; display: block; margin: 5px 0 0; line-height: 30px; } #sf_admin_container .admin-right ul li { float: left; padding: 0 10px 0 10px; list-style: none; } #sf_admin_container .admin-right ul li a { font-size: 13px; cursor: pointer; } #sf_admin_container .bluebar #admin-pages-menu li.active a { color: #444; } #sf_admin_container .admin-right .page { padding: 20px; min-height: 300px; overflow: hidden; } #sf_admin_container #page-nested-set.tree-seegno { margin-top: 15px; float: left; } #sf_admin_container #embedForm {float: left; width: 100%} #sf_admin_container .container .title { display: block; line-height: 34px; border-bottom: 1px solid #999; font-size: 12px; text-transform: uppercase; } #sf_admin_container .container .body { overflow: hidden; padding: 20px; } #sf_admin_container .form-row { clear: both; } #sf_admin_container .cke_skin_kama { float: left; width: 580px; } #sf_admin_container .form-row { margin-bottom: 10px; } #sf_admin_container .url p, .sf_admin_form_field_slug input[type='text'], #sf_admin_container .container .body td input[type='text'] { float: left; width: 425px; color: #444; } #sf_admin_container .url p { padding: 3px 5px 4px; margin: 5px 0 5px 0; } #sf_admin_container .url p span { color: #333 } #sf_admin_container .page .row { margin-top: 5px; } #sf_admin_container .actions { border-top: 1px solid #999 } .sf_admin_actions .nodeinteraction { float: right; margin-top: 7px; font-size: 11px; color: #666; height: 22px; padding: 1px 5px 3px 9px; text-transform: capitalize; text-shadow: none; } .sf_admin_actions .button-wrapper { float: right; margin-top: 7px; } .sf_admin_form_field_slug label, #sf_admin_container .container .body th { float: left; width: 85px; text-align: right; padding-right: 15px; font-size: 12px; line-height: 26px; } .sf_admin_actions {float: right; padding: 15px 40px} .sf_admin_actions li {float: right} .sf_admin_actions li a, .sf_admin_actions li input[type='button'], .sf_admin_actions li input [type='submit'] { margin-left: 15px; color: #333; text-transform: uppercase; } /* LOCKED */ .tree-seegno .locked li a { color:gray; } /* DOTS */ .tree-seegno ul { background-position:6px 1px; background-repeat:repeat-y; background-image:url(data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABVJREFUeNpiOPHyy3+G////MwAEGAAj9waivLS9xQAAAABJRU5ErkJggg==); } .tree-seegno li { background-position:-64px -16px; background-repeat:no-repeat; background-image:url("images/admin/icons.png"); } /* NO DOTS */ .tree-seegno .no_dots, .tree-seegno .no_dots ul { background:transparent; } .tree-seegno .no_dots li.leaf { background-image:none; background-color:transparent; } /* OPEN or CLOSED */ .tree-seegno li.root > a > ins {background:url("images/admin/icons.png") -1px -48px no-repeat !important} .tree-seegno li.open { background:url("images/admin/icons.png") -32px -48px no-repeat; } .tree-seegno li.closed, #jstree-dragged.tree-seegno li li.open { background:url("images/admin/icons.png") -48px -32px no-repeat; } #jstree-marker { background-image:url("images/admin/icons.png"); } /* DEFAULT, HOVER, CLICKED, LOADING STATES */ .tree-seegno li a, .tree-seegno li span { border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; } .tree-seegno li a:hover, .tree-seegno li a.hover, .tree-seegno li span { background: #316f84; border:1px solid #316f84; padding:0px 3px 0px 3px; color: #fff !important} .tree-seegno li a.clicked, .tree-seegno li a.clicked:hover, .tree-seegno li span.clicked { background: #316f84; border:1px solid #316f84; padding:0px 3px 0px 3px; color: #fff !important} /* ICONS */ .tree-seegno ins { background-image:url("images/admin/icons.png"); background-position:0 0; background-repeat:no-repeat; background-color: #fff} .tree-seegno ul li a.loading ins { background-image:url("images/admin/throbber.gif") !important; background-position:0 0 !important; } /* UL is added to make selector stronger */ .tree-seegno li a ins.forbidden { background-position:-16px -16px; } .tree-seegno .locked li a ins { background-position:0 -48px; } .tree-seegno li span ins { background-position:-16px 0; } #jstree-dragged.tree-seegno ins { background:url("images/admin/icons.png") -16px -32px no-repeat; } #jstree-dragged.tree-seegno ins.forbidden { background:url("images/admin/icons.png") -16px -16px no-repeat; } /* CONTEXT MENU */ .tree-seegno-context a ins { background-image:url("images/admin/icons.png"); background-repeat:no-repeat; background-position:-64px -64px; } .tree-seegno-context a ins.create { background-position:0 -16px; } .tree-seegno-context a ins.rename { background-position:-16px 0px; } .tree-seegno-context a ins.remove { background-position:0 -32px; } /* @end */ /* @group Modal */ #modal { top: 0px; left: 0px; z-index: 99999; position: absolute; width: 100%; min-height: 100%; border: none; background: none; } #modal .blocker { position: fixed; top: 0; width: 100%; min-height: 100%; z-index: 1000; left: 0; opacity: 0.8; filter: alpha(opacity=80); background: #fff; } #modal > .wrapper { position: relative; z-index: 1000000 !important; width: 519px; top: 90px; margin: 0 auto; box-shadow: 0 0px 100px #88b9c1; -webkit-box-shadow: 0 0px 100px #88b9c1; -moz-box-shadow: 0 0px 100px #88b9c1; } #modal > .wrapper a.close { position: absolute; top: 8px; right: 11px; background: #000; width: 5px; height: 5px; } #modal > .wrapper a.close:hover { text-decoration: none; } #modal > .wrapper > .top { height: 40px; background: #E1EFF0; } #modal > .wrapper > .content { background: #E1EFF0; padding: 0 35px 15px; box-shadow: 0 0px 100px #88b9c1; } #modal > .wrapper > .bottom { height: 10px; background: url(images/uploadlisboa/tile.png) repeat-x; } #modal .loader { text-align: center; } /* @end */ #signin label { display: block; margin-bottom: 5px; font-style: italic; } #signin input[type="text"], #signin input[type="password"] { width: 205px; } #signin form { margin-top: 20px; display: block; } #signin .left.form-row:first-child { margin-left: 0; } #signin .left.form-row { float: left; margin-left: 10px; width: 210px} #signin .checkbox { margin: 20px 0; overflow: hidden;} #signin_remember { float: left; margin-right: 5px; } #signin_remember+label { float:left; } #signin input[type="submit"] { float: right; } #overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #2d7184 url('images/teaser2011/bg.png') repeat-x center top; z-index: 1100; } #teaser_container{ background: url('images/teaser2011/teaser.png') no-repeat center top; height: 700px;} #teaser { position: relative; width: 720px; display: block; margin: 0 auto; } #teaser a { background: url('images/teaser2011/button.png') no-repeat -1px -0px; width:161px; height: 46px; position: absolute; top: 450px; right: 0; } #teaser a:active { background: url('images/teaser2011/button.png') no-repeat -1px -46px; height:49px; } #home_page #soon { position: absolute; top: -50px; background: url('images/teaser2011/soon.png'); width: 948px; height: 369px; }