|
|
| Line 145: |
Line 145: |
| | | | |
| | | | |
| - | /* ///////////////////////////////////////////////////////////////////////////
| |
| - | // Column
| |
| - | /////////////////////////////////////////////////////////////////////////// */
| |
| - |
| |
| - | #columns {
| |
| - | background: #bbbbbb;
| |
| - | padding: 28px 0 10px 0;
| |
| - | }
| |
| - |
| |
| - | #columns .column {
| |
| - | width: 260px;
| |
| - | background: #bbbbbb;
| |
| - | float: left;
| |
| - | }
| |
| - | #columns .column1 {
| |
| - | padding: 0 37px 0 28px;
| |
| - | }
| |
| - |
| |
| - | #columns .column1 p {
| |
| - | height: 265px;
| |
| - | background: url(https://static.igem.org/mediawiki/2012/b/bc/RegionalEurope_Linkbg3b.png);no-repeat;
| |
| - | background-size: 400px
| |
| - |
| |
| - | }
| |
| - |
| |
| - | #columns .column1 h2 {
| |
| - | background: url(https://static.igem.org/mediawiki/2012/7/7a/RegionalEurope_Linkbg3.jpg) repeat-x top left;
| |
| - | padding: 15px;
| |
| - | font-weight: normal;
| |
| - | margin: 0;
| |
| - | }
| |
| - |
| |
| - | #columns .column2 {
| |
| - | padding: 0;
| |
| - | }
| |
| - |
| |
| - | #columns .column2 p {
| |
| - | height: 265px;
| |
| - | background: url(https://static.igem.org/mediawiki/2012/c/c9/RegionalEurope_Linkbg4b.png);no-repeat;
| |
| - | background-size: 400px 400px;
| |
| - | }
| |
| - |
| |
| - | #columns .column2 h2 {
| |
| - | background: url(https://static.igem.org/mediawiki/2012/0/03/RegionalEurope_Linkbg4.jpg) repeat-x top left;
| |
| - | padding: 15px;
| |
| - | font-weight: normal;
| |
| - | margin: 0;
| |
| - | }
| |
| - |
| |
| - | #columns .column3 {
| |
| - | padding: 0 28px 0 37px;
| |
| - | }
| |
| - |
| |
| - | #columns .column3 p {
| |
| - | height: 265px;
| |
| - | background: url(https://static.igem.org/mediawiki/2012/2/27/RegionalEurope_Linkbg5b.png);no-repeat;
| |
| - | background-size: 400px 400px;
| |
| - |
| |
| - | }
| |
| - |
| |
| - | #columns .column3 h2 {
| |
| - | background: url(https://static.igem.org/mediawiki/2012/6/61/RegionalEurope_Linkbg5.jpg) repeat-x top left;
| |
| - | padding: 15px;
| |
| - | font-weight: normal;
| |
| - | margin: 0;
| |
| - | }
| |
| - |
| |
| - | #columns .column4 {
| |
| - | padding: 0 37px 0 28px;
| |
| - | }
| |
| - |
| |
| - | #columns .column4 h2 {
| |
| - | padding: 15px;
| |
| - | font-weight: normal;
| |
| - | margin: 0;
| |
| - | }
| |
| - |
| |
| - | #columns .column5 {
| |
| - | padding: 0
| |
| - | }
| |
| - |
| |
| - | #columns .column6 {
| |
| - | padding: 0 37px 0 28px;
| |
| - | }
| |
| - |
| |
| - | #columns ul {
| |
| - | margin: 0;
| |
| - | padding: 0!important;
| |
| - | list-style: none;
| |
| - | border: 1px solid #b4b4b4;
| |
| - | }
| |
| - |
| |
| - | #columns li {
| |
| - | margin: 0;
| |
| - | padding: 15px;
| |
| - | background: url(https://static.igem.org/mediawiki/2012/6/60/EuropeanJamboree_Linkbg6b.png) repeat-x bottom left;
| |
| - | }
| |
| - |
| |
| - | #columns li a {
| |
| - | color: #555555;
| |
| - | }
| |
| - |
| |
| - | #columns li a:hover {
| |
| - | color: #FF8000;
| |
| - | font-size: 115%;
| |
| - | text-decoration: none;
| |
| - | }
| |
| - |
| |
| - | #columns p {
| |
| - | padding: 15px;
| |
| - | font-weight: normal;
| |
| - | margin: 0;
| |
| - | }
| |
| - |
| |
| - | #columns p a {
| |
| - | color: #232323;
| |
| - | text-decoration: none;
| |
| - | }
| |
| - |
| |
| - | #columns p a:hover {
| |
| - | color: #232323;
| |
| - | text-decoration: underline;
| |
| - | }
| |
| - |
| |
| - |
| |
| - | #columns h2 a {
| |
| - | color: #FFFFFF;
| |
| - | text-decoration: none;
| |
| - | }
| |
| - |
| |
| - | #columns h2 a:hover {
| |
| - | color: #FFFFFF;
| |
| - | text-decoration: underline;
| |
| - | }
| |
| - |
| |
| - |
| |
| - | #boxes {
| |
| - | padding: 0 0 0 0;
| |
| - |
| |
| - | }
| |
| - |
| |
| - | #boxes .box {
| |
| - | width: 260px;
| |
| - | float: left;
| |
| - |
| |
| - | }
| |
| - | #boxes .box1 {
| |
| - | padding: 0 37px 0 0;
| |
| - |
| |
| - | }
| |
| - |
| |
| - | #boxes .box2 {
| |
| - | margin: 0 0 0 5px;
| |
| - | padding: 0;
| |
| - |
| |
| - | }
| |
| - |
| |
| - | #boxes .box3 {
| |
| - | margin: 0 0 0 0;
| |
| - | overflow: hidden;
| |
| - | width: 260px;
| |
| - | float: left;
| |
| - | padding: 0 0 0 37px;
| |
| - | }
| |
| - |
| |
| - | #boxes .box h2 {
| |
| - | margin: 0 0 0 0;
| |
| - | padding: 0 0 0 20px;
| |
| - | }
| |
| - |
| |
| - | #boxes .box h3 {
| |
| - | padding: 30px 15px 0 15px;
| |
| - | font-weight: normal;
| |
| - | margin: 0;
| |
| - | }
| |
| - |
| |
| - | #boxes .box p {
| |
| - | padding: 15px 15px 15px 15px;
| |
| - | font-weight: normal;
| |
| - | margin: 0;
| |
| - | }
| |
| - |
| |
| - |
| |
| - | #box2 {
| |
| - | margin: 0 0 0 0;
| |
| - | overflow: hidden;
| |
| - | width: 850px;
| |
| - | float: left;
| |
| - | padding: 0 0 0 5px;
| |
| - | }
| |
| - |
| |
| - | #box2 h2 {
| |
| - | margin: 0 0 0 0;
| |
| - | padding: 0 0 0 20px;
| |
| - |
| |
| - | }
| |
| - |
| |
| - |
| |
| - | /* ///////////////////////////////////////////////////////////////////////////
| |
| - | // Buttons
| |
| - | /////////////////////////////////////////////////////////////////////////// */
| |
| - |
| |
| - | table .pbrROL{border-collapse:collapse;border-spacing:0;}
| |
| - | /*Text Link*/
| |
| - | .ROLtxt a
| |
| - | {
| |
| - | font:bold 16px Arial;
| |
| - | text-align:center;
| |
| - | margin-bottom:7px;
| |
| - | text-decoration:underline;
| |
| - | color:#FFF;
| |
| - | }
| |
| - | .ROLtxt a:hover
| |
| - | {
| |
| - | text-decoration:underline;
| |
| - | color:#3300FF;
| |
| - | }
| |
| - | .tt
| |
| - | {
| |
| - | margin-top:18px;
| |
| - | }
| |
| - | .ROLtxt {text-align:center;}
| |
| - | /*Generic PBR link*/
| |
| - | .pbrROL-basic .tt{font:10px Arial, Helvetica, sans-serif; background:none; color:#000; text-align:center;}
| |
| - | .pbrROL-basic .tt a{ background:none; color:#3300FF; text-decoration:underline; }
| |
| - |
| |
| - | /* Button 4 */
| |
| - | .pbrROL-04{display:block;}
| |
| - | .pbrROL-04 .ROLbtn {display:block; clear:both;}
| |
| - | .pbrROL-04 .ROLbtn ul{margin:0; padding:0;}
| |
| - | .pbrROL-04 .ROLbtn ul li{list-style:none; margin: 0; padding:0; clear:both; text-align:center;}
| |
| - | .pbrROL-04 .ROLbtn li a{
| |
| - | background:url(../images/ui/button/btn-g04-right.jpg) no-repeat top right;
| |
| - | color:#FFFFFF; display: inline-block; text-decoration:none; margin-left:auto; margin-right:auto;
| |
| - | color:#FFFFFF; font:bold 16px Arial, Helvetica, sans-serif; white-space:nowrap;}
| |
| - | .pbrROL-04 .ROLbtn li span{
| |
| - | background:url(../images/ui/button/btn-g04-left.jpg) no-repeat top left;
| |
| - | display: block; line-height:46px; padding:0 31px 0 30px; }
| |
| - | .pbrROL-04 .ROLbtn li a:hover{background:url(../images/ui/button/btn-g04-right.jpg) no-repeat bottom right;
| |
| - | display: inline-block; text-decoration:none; margin-left:auto; margin-right:auto;
| |
| - | color:#FFFFFF; font:bold 16px Arial, Helvetica, sans-serif; }
| |
| - | .pbrROL-04 .ROLbtn li a:hover span{background:url(../images/ui/button/btn-g04-left.jpg) no-repeat bottom left;
| |
| - | display: block; line-height:46px; padding:0 31px 0 30px; }
| |
| - | .pbrROL-04 .tt{display:block; clear:both; font:10px Arial, Helvetica, sans-serif; background:none; color:#000; text-align:center;}
| |
| - | .pbrROL-04 .tt a{ background:none; color:#3300FF; text-decoration:underline; }
| |
| - |
| |
| - | /* Button 5 */
| |
| - | .pbrROL-05{display:block;}
| |
| - | .pbrROL-05 .ROLbtn {display:block; clear:both;}
| |
| - | .pbrROL-05 .ROLbtn ul{margin:0; padding:0;}
| |
| - | .pbrROL-05 .ROLbtn ul li{list-style:none; margin: 0; padding:0; clear:both; text-align:center;}
| |
| - | .pbrROL-05 .ROLbtn li a{
| |
| - | background:url(../images/ui/button/btn-g05-right.jpg) no-repeat top right;
| |
| - | display: inline-block; text-decoration:none; margin-left:auto; margin-right:auto;
| |
| - | color:#000; font:bold 16px Arial, Helvetica, sans-serif; white-space:nowrap;}
| |
| - | .pbrROL-05 .ROLbtn li span{
| |
| - | background:url(../images/ui/button/btn-g05-left.jpg) no-repeat top left;
| |
| - | display: block; line-height:44px; padding:0 31px 0 30px; }
| |
| - | .pbrROL-05 .ROLbtn li a:hover{background:url(../images/ui/button/btn-g05-right.jpg) no-repeat bottom right;
| |
| - | display: inline-block; text-decoration:none; margin-left:auto; margin-right:auto;
| |
| - | color:#000; font:bold 16px Arial, Helvetica, sans-serif; }
| |
| - | .pbrROL-05 .ROLbtn li a:hover span{background:url(../images/ui/button/btn-g05-left.jpg) no-repeat bottom left;
| |
| - | display: block; line-height:44px; padding:0 31px 0 30px; }
| |
| - |
| |
| - | .pbrROL-05 .tt{display:block; clear:both; font:10px Arial, Helvetica, sans-serif; background:none; color:#000; text-align:center;}
| |
| - | .pbrROL-05 .tt a{ background:none; color:#3300FF; text-decoration:underline; }
| |
| - |
| |
| - |
| |
| - | /* ///////////////////////////////////////////////////////////////////////////
| |
| - | // Content holder
| |
| - | /////////////////////////////////////////////////////////////////////////// */
| |
| - |
| |
| - | #outer {
| |
| - | position: relative;
| |
| - | width: 910px;
| |
| - | margin: 32px auto 0 auto;
| |
| - | }
| |
| - |
| |
| - |
| |
| - | #main {
| |
| - | position: relative;
| |
| - | padding: 0;
| |
| - | width: 100%;
| |
| - | margin: 0 0 0 0;
| |
| - | }
| |
| - |
| |
| - | #main .sectionList {
| |
| - | list-style: none;
| |
| - | padding-left: 0;
| |
| - | }
| |
| - |
| |
| - | #main .sectionList li {
| |
| - | clear: both;
| |
| - | padding: 20px 0 20px 0;
| |
| - | }
| |
| - |
| |
| - | #main ul {
| |
| - | padding-left: 1.25em;
| |
| - | }
| |
| - |
| |
| - | #main2 {
| |
| - | position: relative;
| |
| - | padding: 28px 0 0 0;
| |
| - | width: 100%;
| |
| - | margin: 20px 0 0 28px;
| |
| - | }
| |
| - |
| |
| - | #main2 a {
| |
| - | color: #F37321;
| |
| - | text-decoration: none
| |
| - | }
| |
| - |
| |
| - | #main2 a:hover {
| |
| - | color: #F37321;
| |
| - | text-decoration: underline
| |
| - | }
| |
| - |
| |
| - | #main2 h2, #main2 h3, #main2 h4 {
| |
| - | color: #0F0F0F;
| |
| - | }
| |
| - |
| |
| - | #main3 {
| |
| - | position: relative;
| |
| - | padding: 28px 0 0 0;
| |
| - | width: 700px;
| |
| - | margin: 0 28px 0 37px;
| |
| - | }
| |
| - |
| |
| - | #main3 a {
| |
| - | color: #F37321;
| |
| - | text-decoration: none
| |
| - | }
| |
| - |
| |
| - | #main3 a:hover {
| |
| - | color: #F37321;
| |
| - | text-decoration: underline
| |
| - | }
| |
| - |
| |
| - | #main3 h2, #main3 h3, #main3 h4 {
| |
| - | color: #0F0F0F;
| |
| - | }
| |
| - |
| |
| - |
| |
| - | /* ///////////////////////////////////////////////////////////////////////////
| |
| - | // Sponsorbox
| |
| - | /////////////////////////////////////////////////////////////////////////// */
| |
| - |
| |
| - | /*--TagLine Begins Here--*/
| |
| - | #sponsors { /*--Goes with textboxes class--*/
| |
| - | margin-left:0px;
| |
| - | margin-right:0px;
| |
| - | }
| |
| - | #sponsorsbox { /*--Goes with textboxes class--*/
| |
| - | margin: 32px;
| |
| - | -webkit-border-radius: 10px;
| |
| - | -moz-border-radius: 10px;
| |
| - | border-radius: 10px;
| |
| - | background: #fff;
| |
| - | text-align:left;
| |
| - | }
| |
| - | #sponsorsbox img {padding: 10px; }
| |
| - | #happeningnow {height: 280px; margin-top:15px; margin-bottom:10px; width: 975px; border: 1px solid #000;}
| |
| - | #happeningnow .widget {
| |
| - | width: 305px;
| |
| - | height: 100%;
| |
| - | display: block;
| |
| - | position: relative;
| |
| - | border: 1px solid #f0f0f0;
| |
| - | background: #f0f0f0;
| |
| - | border-bottom: 2px solid #ccc;
| |
| - | -webkit-border-radius: 10px;
| |
| - | -moz-border-radius: 10px;
| |
| - | border-radius: 10px;
| |
| - | margin-left: auto;
| |
| - | margin-right: auto;}
| |
| - | #happeningnow .widget-title {font-size: 11pt; font-weight: bold; padding: 2px; text-align: center; border-bottom: solid 1px #ccc;}
| |
| - | #happeningnow .widget img {display: block; margin-left: auto; margin-right: auto; height: 60px; margin-top: 2px;}
| |
| - | #happeningnow .happeningtitle {font-size: 11pt; font-weight: bold; padding: 5px;}
| |
| - | #happeningnow .innertextbox {height:112px; padding: 5px; margin-top: 0px; margin-bottom: 5px; font-size: 9pt; color: #333;}
| |
| - |
| |
| - |
| |
| - | #happeningnow li, #happeningnow ul {list-style-position: outside; margin-left: 12px;}
| |
| - | #happeningnow ul {display:block; height: 91px; overflow: hidden;}
| |
| - | #happeningnow li {margin-bottom:5px;}
| |
| - | #happeningnow .seemore {display: block; bottom: 0; position:absolute; right: 0;}
| |
| - |
| |
| - | #happeningnow .widget-url {font-size: 11pt; font-weight: bold; padding: 2px; text-align: center;}
| |
| - |
| |
| - |
| |
| - | /* ///////////////////////////////////////////////////////////////////////////
| |
| - | // pitch slideshow
| |
| - | /////////////////////////////////////////////////////////////////////////// */
| |
| - |
| |
| - | #pitch {
| |
| - | clear: both;
| |
| - | height: 296px;
| |
| - | margin: 0 0 25px;
| |
| - | }
| |
| - | #slideshow {
| |
| - | position:relative;
| |
| - | height: 310px;
| |
| - | }
| |
| - | #slideshow img {
| |
| - | float: left;
| |
| - | }
| |
| - | #slideshow div {
| |
| - | position: absolute;
| |
| - | top: 0;
| |
| - | left: 0;
| |
| - | z-index: 8;
| |
| - | }
| |
| - | #slideshow div.active {
| |
| - | z-index: 10;
| |
| - | }
| |
| - | #slideshow div.last-active {
| |
| - | z-index: 9;
| |
| - | }
| |
| | | | |
| | | | |
"
