Template:GeorgiaTech/css/fancyboxes.css

From 2014.igem.org

(Difference between revisions)
 
(12 intermediate revisions not shown)
Line 1: Line 1:
{{Template:GeorgiaTech/css/experiment.css}}
{{Template:GeorgiaTech/css/experiment.css}}
<html>
<html>
-
<link rel="stylesheet" href="https://2013.igem.org/Team:SDU-Denmark/core/fancyboxcss?action=raw&ctype=text/css" type="text/css" />
 
<script> $old = jQuery.noConflict();</script>
<script> $old = jQuery.noConflict();</script>
-
<script src="https://2013.igem.org/Team:SDU-Denmark/core/jquerytools?action=raw&ctype=text/javascript" type="text/javascript" ></script>
+
<script src="https://2013.igem.org/Team:GeorgiaTech/core/jquerytools?action=raw&ctype=text/javascript" type="text/javascript" ></script>
<script type="text/javascript">
<script type="text/javascript">
Line 32: Line 31:
.topMargin {
.topMargin {
     margin-top: 25px;
     margin-top: 25px;
-
}
 
-
 
-
 
-
 
-
.warningBox {
 
-
background-color: #FEE9A6;
 
-
border-color: #EFBA6C;
 
-
border-width: 1px;
 
-
border-radius: 5px;
 
-
border-style: solid;
 
-
padding: 8px 8px 0px 8px;
 
-
font-weight: bold;
 
-
margin-top: 5px;
 
-
margin-bottom: 10px;
 
}
}
Line 61: Line 46:
     margin-left: -45px;
     margin-left: -45px;
     width: 930px;
     width: 930px;
-
}
 
-
.content {
 
-
    font-family: Tahoma;
 
-
    font-size: 14px;
 
-
    color: #3D3D3D;
 
-
    margin-bottom:60px;
 
-
    background-color:white;
 
-
    padding: 15px 60px;
 
-
 
-
    border: 1px solid #cccccc;
 
-
    -webkit-border-radius: 10px;
 
-
    -moz-border-radius: 10px;
 
-
    border-radius: 10px;
 
-
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);
 
-
    -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);
 
-
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);
 
}
}
Line 86: Line 55:
     margin-left:15px;
     margin-left:15px;
     margin-bottom:5px;
     margin-bottom:5px;
-
}
 
-
 
-
iframe.TimeLine {
 
-
    overflow: hidden;
 
-
    border:none;
 
-
    width: 958px;
 
-
    height:450px;
 
-
    margin:-15px -30px;
 
}
}
Line 136: Line 97:
}
}
.boxcaption:hover {
.boxcaption:hover {
-
  text-decoration: none;
+
        text-decoration: none;
}
}
h2.onBlack {
h2.onBlack {
-
  color:white;
+
        color:white;
-
  margin-top: -5px;
+
        margin-top: -5px;
-
  border: none;
+
        border: none;
-
  Font-size: 26px;
+
        Font-size: 26px;
-
  padding-bottom: 0px;
+
        padding-bottom: 0px;
-
  line-height:1em;
+
        line-height:1em;
}
}
p.onBlack {
p.onBlack {
-
  color:white;
+
        color:white;
-
  margin-right:18px;
+
        margin-right:18px;
-
  font-size: 14px;
+
        font-size: 14px;
-
  font-weight: bold;
+
        font-weight: bold;
}
}
p.onBlackIntro {
p.onBlackIntro {
-
  font-size:17px;
+
        font-size:17px;
-
  font-style: italic;
+
        font-style: italic;
-
  color:white;
+
        color:white;
-
  margin-right:20px;
+
        margin-right:20px;
-
  margin-bottom:20px;
+
        margin-bottom:20px;
}
}
 +
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
 +
.fancybox-wrap,
 +
.fancybox-skin,
 +
.fancybox-outer,
 +
.fancybox-inner,
 +
.fancybox-image,
 +
.fancybox-wrap iframe,
 +
.fancybox-wrap object,
 +
.fancybox-nav,
 +
.fancybox-nav span,
 +
.fancybox-tmp
 +
{
 +
padding: 0;
 +
margin: 0;
 +
border: 0;
 +
outline: none;
 +
vertical-align: top;
 +
}
-
/* FOOTER */
+
.fancybox-wrap {
-
.footerShadow {
+
position: absolute;
-
    border-top-color: rgb(199, 199, 199);
+
top: 0;
-
    border-top-width: 1px;
+
left: 0;
-
    border-top-style: solid;
+
z-index: 999920;
-
    /* border shadow */
+
-
    box-shadow: inset 0 1px 0 rgba(0,0,0,.1), 0 -1px 10px rgba(0,0,0,.1);
+
-
    -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,.1), 0 -1px 10px rgba(0,0,0,.1);
+
-
    -moz-box-shadow: inset 0 1px 0 rgba(0,0,0,.1), 0 -1px 10px rgba(0,0,0,.1);
+
-
    /* background */
+
-
    background: #fefefe; /* Old browsers */
+
-
    background: -moz-linear-gradient(top, rgb(228, 228, 228) 20%, rgb(255, 255, 255) 100%); /* FF3.6+ */
+
-
    background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, rgb(228, 228, 228) ), color-stop(100%,#FFFFFF )); /* Chrome,Safari4+ */
+
-
    background: -webkit-linear-gradient(top, rgb(228, 228, 228) 20%,rgb(255, 255, 255) 100%); /* Chrome10+,Safari5.1+ */
+
-
    background: -o-linear-gradient(top, rgb(228, 228, 228) 20%,rgb(255, 255, 255) 100%); /* Opera 11.10+ */
+
-
    background: -ms-linear-gradient(top, rgb(228, 228, 228) 20%, rgb(255, 255, 255) 100%); /* IE10+ */
+
-
    background: linear-gradient(to bottom, rgb(228, 228, 228) 20%,rgb(255, 255, 255) 100%); /* W3C */
+
-
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E4E4E4', endColorstr='#FFFFFF',GradientType=0 ); /* IE6-9 */
+
}
}
-
.footer {
+
 
-
    position: fixed;
+
.fancybox-skin {
-
    bottom: 0;
+
position: relative;
-
    left: 0;
+
background: #f9f9f9;
-
    height:35px;
+
color: #444;
-
    width: 100%;
+
text-shadow: none;
-
    z-index: 1000;
+
-webkit-border-radius: 4px;
 +
  -moz-border-radius: 4px;
 +
        border-radius: 4px;
}
}
-
.footerBack {
+
 
-
  position:absolute;
+
.fancybox-opened {
-
  height:100%;
+
z-index: 8030;
-
  top:0;
+
-
  width:100%;
+
-
  left:0px
+
}
}
-
.footerContainer {
+
.fancybox-opened .fancybox-skin {
-
    width:960px;
+
-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
-
    margin-right:auto;
+
  -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
-
    margin-left:auto;
+
        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
-
    margin-top: 10px;
+
-
overflow: visible;
+
}
}
-
.footerLogo {
+
 
-
  float: left;
+
.fancybox-outer, .fancybox-inner {
-
  position: absolute;
+
position: relative;
-
  background-image:url(https://static.igem.org/mediawiki/2013/4/4a/SDU2013_TopLogo.png);
+
-
  height: 70px;
+
-
  width: 70px;
+
-
  bottom: 5px;
+
-
  margin-left: -25px;
+
-
  background-size: 66px;
+
-
  background-repeat: no-repeat;
+
}
}
-
.footerLogoText {
+
 
-
  float: left;
+
.fancybox-inner {
-
  background-image:url(https://static.igem.org/mediawiki/2013/c/c9/SDU2013_SduTextDarkSmall.png);
+
overflow: hidden;
-
  height: 14px;
+
-
  width: 244px;
+
-
  background-repeat: no-repeat;
+
-
  margin-left: 25px;
+
-
  margin-top: 2px;
+
-
  position: relative;
+
}
}
-
.footerBtn {
+
 
-
  float: right;
+
.fancybox-type-iframe .fancybox-inner {
-
  padding: 5px 10px;
+
-webkit-overflow-scrolling: touch;
-
  margin-top: -55px;
+
-
  margin-left: 7px;
+
-
  height: 75px;
+
-
  position: relative;
+
-
  display: none;
+
}
}
-
.footerBtn:hover {
+
 
-
  text-decoration: none;
+
.fancybox-error {
 +
color: #444;
 +
font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
 +
margin: 0;
 +
padding: 15px;
 +
white-space: nowrap;
}
}
-
.footerBtnHeader {
+
.fancybox-image, .fancybox-iframe {
-
  font-size: 14px;
+
display: block;
-
  margin-top: -1px;
+
width: 100%;
-
  font-weight: bold;
+
height: 100%;
-
  margin-bottom: 3px;
+
-
  font-family: Arial;
+
-
  text-transform: capitalize;
+
-
  color: black;
+
}
}
-
.footerBtnText {
+
 
-
  margin-top: 0px;
+
.fancybox-image {
-
  font-size: 11px;
+
max-width: 100%;
-
  color: black;
+
max-height: 100%;
}
}
-
.footerBtnPre {
 
-
  font-family: Arial;
 
-
  font-size: 10px;
 
-
  font-weight: bold;
 
-
  margin-top: 0px;
+
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
-
  margin-bottom: 0px;
+
background-image: url('https://static.igem.org/mediawiki/2013/4/42/SDU2013_Fancybox_sprite.png');
-
  text-transform: uppercase;
+
}
}
-
#btnFastForward, #btnNextChapter {
+
#fancybox-loading {
-
  width: 180px;
+
position: fixed;
 +
top: 50%;
 +
left: 50%;
 +
margin-top: -22px;
 +
margin-left: -22px;
 +
background-position: 0 -108px;
 +
opacity: 0.8;
 +
cursor: pointer;
 +
z-index: 8060;
}
}
-
#btnStartTour {
+
 
-
  width: 380px;
+
#fancybox-loading div {
 +
width: 44px;
 +
height: 44px;
 +
background: url('https://static.igem.org/mediawiki/2013/2/29/SDU2013_Fancybox_loading.gif') center center no-repeat;
}
}
-
#btnDigDeeper {
+
 
-
  width: 255px;
+
.fancybox-close {
-
}
+
position: absolute;
-
#btnTheEnd {
+
top: -18px;
-
  width: 470px;
+
right: -18px;
-
  margin-top: -75px;
+
width: 36px;
-
  height: 90px;
+
height: 36px;
-
}
+
cursor: pointer;
-
.fastForwardIcon {
+
z-index: 8040;
-
  background-image:url(https://static.igem.org/mediawiki/2013/5/55/SDU2013_ForwardBlack.png);
+
-
  width: 32px;
+
-
  height: 32px;
+
-
  position: absolute;
+
-
  margin-left: 152px;
+
-
}
+
-
.digDeeperIcon {
+
-
  background-image:url(https://static.igem.org/mediawiki/2013/b/b5/SDU2013_DigDeeperBlack2.png);
+
-
  width: 32px;
+
-
  height: 32px;
+
-
  position: absolute;
+
-
  margin-left: 227px;
+
-
  background-repeat: no-repeat;
+
-
}
+
-
.nextChapterIcon {
+
-
  background-image:url(https://static.igem.org/mediawiki/2013/b/b5/SDU2013_DigDeeperBlack2.png);
+
-
  width: 32px;
+
-
  height: 32px;
+
-
  position: absolute;
+
-
  margin-left: 152px;
+
-
  background-repeat: no-repeat;
+
-
}
+
-
.startTourIcon {
+
-
  background-image:url(https://static.igem.org/mediawiki/2013/5/5b/SDU2013_StartTour.png);
+
-
  width: 32px;
+
-
  height: 32px;
+
-
  position: absolute;
+
-
  margin-left: 350px;
+
-
  background-repeat: no-repeat;
+
-
}
+
-
.tourEndIcon{
+
-
  background-image:url(https://static.igem.org/mediawiki/2013/e/ec/SDU2013_IgemLogoGrayscale.png);
+
-
  width: 42px;
+
-
  height: 32px;
+
-
  position: absolute;
+
-
  margin-left: 428px;
+
-
  background-repeat: no-repeat;
+
-
  margin-top: 4px;
+
-
  background-size: 38px;
+
}
}
-
 
+
.fancybox-nav {
-
#btnDigDeeper, #btnNextChapter, #GREEN {
+
position: absolute;
-
background: rgb(205,235,142); /* Old browsers */
+
top: 0;
-
background: -moz-linear-gradient(top,  rgba(205,235,142,1) 0%, rgba(165,201,86,1) 100%); /* FF3.6+ */
+
width: 40%;
-
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(205,235,142,1)), color-stop(100%,rgba(165,201,86,1))); /* Chrome,Safari4+ */
+
height: 100%;
-
background: -webkit-linear-gradient(top,  rgba(205,235,142,1) 0%,rgba(165,201,86,1) 100%); /* Chrome10+,Safari5.1+ */
+
cursor: pointer;
-
background: -o-linear-gradient(top,  rgba(205,235,142,1) 0%,rgba(165,201,86,1) 100%); /* Opera 11.10+ */
+
text-decoration: none;
-
background: -ms-linear-gradient(top,  rgba(205,235,142,1) 0%,rgba(165,201,86,1) 100%); /* IE10+ */
+
background: transparent url('https://static.igem.org/mediawiki/2013/3/36/SDU2013_Transparent.png'); /* helps IE */
-
background: linear-gradient(to bottom,  rgba(205,235,142,1) 0%,rgba(165,201,86,1) 100%); /* W3C */
+
-webkit-tap-highlight-color: rgba(0,0,0,0);
-
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdeb8e', endColorstr='#a5c956',GradientType=0 ); /* IE6-9 */
+
z-index: 8040;
}
}
-
#btnDigDeeper:hover {
+
.fancybox-prev {
-
background: rgb(221,241,177); /* Old browsers */
+
left: 0;
-
background: -moz-linear-gradient(top,  rgba(221,241,177,1) 0%, rgba(192,218,136,1) 100%); /* FF3.6+ */
+
-
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(221,241,177,1)), color-stop(100%,rgba(192,218,136,1))); /* Chrome,Safari4+ */
+
-
background: -webkit-linear-gradient(top,  rgba(221,241,177,1) 0%,rgba(192,218,136,1) 100%); /* Chrome10+,Safari5.1+ */
+
-
background: -o-linear-gradient(top,  rgba(221,241,177,1) 0%,rgba(192,218,136,1) 100%); /* Opera 11.10+ */
+
-
background: -ms-linear-gradient(top,  rgba(221,241,177,1) 0%,rgba(192,218,136,1) 100%); /* IE10+ */
+
-
background: linear-gradient(to bottom,  rgba(221,241,177,1) 0%,rgba(192,218,136,1) 100%); /* W3C */
+
-
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ddf1b1', endColorstr='#c0da88',GradientType=0 ); /* IE6-9 */
+
-
 
+
}
}
-
#btnFastForward, #btnStartTour, #ORANGE {
+
.fancybox-next {
-
background: #ffc578; /* Old browsers */
+
right: 0;
-
background: -moz-linear-gradient(top,  #ffc578 0%, #fb9d23 100%); /* FF3.6+ */
+
-
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffc578), color-stop(100%,#fb9d23)); /* Chrome,Safari4+ */
+
-
background: -webkit-linear-gradient(top,  #ffc578 0%,#fb9d23 100%); /* Chrome10+,Safari5.1+ */
+
-
background: -o-linear-gradient(top,  #ffc578 0%,#fb9d23 100%); /* Opera 11.10+ */
+
-
background: -ms-linear-gradient(top,  #ffc578 0%,#fb9d23 100%); /* IE10+ */
+
-
background: linear-gradient(to bottom,  #ffc578 0%,#fb9d23 100%); /* W3C */
+
-
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc578', endColorstr='#fb9d23',GradientType=0 ); /* IE6-9 */
+
}
}
-
#btnFastForward:hover, #btnStartTour:hover {
+
.fancybox-nav span {
-
background: #ffdbad; /* Old browsers */
+
position: absolute;
-
background: -moz-linear-gradient(top,  #ffdbad 0%, #f7b971 100%); /* FF3.6+ */
+
top: 50%;
-
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffdbad), color-stop(100%,#f7b971)); /* Chrome,Safari4+ */
+
width: 36px;
-
background: -webkit-linear-gradient(top,  #ffdbad 0%,#f7b971 100%); /* Chrome10+,Safari5.1+ */
+
height: 34px;
-
background: -o-linear-gradient(top,  #ffdbad 0%,#f7b971 100%); /* Opera 11.10+ */
+
margin-top: -18px;
-
background: -ms-linear-gradient(top,  #ffdbad 0%,#f7b971 100%); /* IE10+ */
+
cursor: pointer;
-
background: linear-gradient(to bottom,  #ffdbad 0%,#f7b971 100%); /* W3C */
+
z-index: 8040;
-
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffdbad', endColorstr='#f7b971',GradientType=0 ); /* IE6-9 */
+
visibility: hidden;
}
}
-
#btnTheEnd, #BLUE {
+
.fancybox-prev span {
-
background: rgb(212,228,239); /* Old browsers */
+
left: 10px;
-
background: -moz-linear-gradient(top,  rgba(212,228,239,1) 0%, rgba(134,174,204,1) 100%); /* FF3.6+ */
+
background-position: 0 -36px;
-
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(212,228,239,1)), color-stop(100%,rgba(134,174,204,1))); /* Chrome,Safari4+ */
+
-
background: -webkit-linear-gradient(top,  rgba(212,228,239,1) 0%,rgba(134,174,204,1) 100%); /* Chrome10+,Safari5.1+ */
+
-
background: -o-linear-gradient(top,  rgba(212,228,239,1) 0%,rgba(134,174,204,1) 100%); /* Opera 11.10+ */
+
-
background: -ms-linear-gradient(top,  rgba(212,228,239,1) 0%,rgba(134,174,204,1) 100%); /* IE10+ */
+
-
background: linear-gradient(to bottom,  rgba(212,228,239,1) 0%,rgba(134,174,204,1) 100%); /* W3C */
+
-
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4e4ef', endColorstr='#86aecc',GradientType=0 ); /* IE6-9 */
+
-
 
+
}
}
-
/* TOUR MENU */
+
.fancybox-next span {
-
        .parentTourItem {
+
right: 10px;
-
            float:left;
+
background-position: 0 -72px;
-
            width:auto;
+
-
            height:100%;
+
-
            background-image:url(https://static.igem.org/mediawiki/2013/d/d7/SDU2013_UnselectedPoint.png);
+
-
            background-repeat:no-repeat;
+
-
            background-position:center top;
+
-
            text-align:center;
+
-
            padding-top:22px;
+
-
            padding-left:2px;
+
-
            padding-right:2px;
+
-
           
+
-
        }
+
-
.parentTourItemHidden {
+
-
display: none;
+
}
}
-
        .itemSelected {
+
.fancybox-nav:hover span {
-
            background-image:url(https://static.igem.org/mediawiki/2013/0/04/SDU2013_SelectedPoint.png);
+
visibility: visible;
-
        }
+
-
        .itemLastSelected {
+
-
            background-image:url(https://static.igem.org/mediawiki/2013/d/db/SDU2013_LastSelectedPoint.png);
+
-
        }
+
-
        .expandedTour {
+
-
 
+
-
            height:100%;
+
-
            float:left;
+
-
        }
+
-
        .expandedTourInner {
+
-
            padding-top:17px;
+
-
            float:left;
+
-
            width:480px;
+
-
            background-repeat:repeat-x;
+
-
            background-image:url(https://static.igem.org/mediawiki/2013/9/98/SDU2013_TourBar.png);
+
-
        }
+
-
        .tourBarCorners {
+
-
            width:6px;
+
-
            float:left;
+
-
            height:100%;
+
-
            background-repeat:no-repeat;
+
-
            background-position-x:center;
+
-
           
+
-
        }
+
-
        .tourBend {
+
-
            width:31px;
+
-
            float:left;
+
-
            height:100%;
+
-
            background-repeat:no-repeat;
+
-
            background-position-x:center;
+
-
           
+
-
        }
+
-
        .tourBendLeft {
+
-
            background-image:url(https://static.igem.org/mediawiki/2013/e/e5/SDU2013_TourbarBendLeft.png);
+
-
        }
+
-
        .tourBendLeftSelected {
+
-
            background-image:url(https://static.igem.org/mediawiki/2013/f/f5/SDU2013_TourbarBendLeftSelected.png);
+
-
        }
+
-
        .tourBendRight {
+
-
            background-image:url(https://static.igem.org/mediawiki/2013/1/16/SDU2013_TourbarBendRight.png);
+
-
        }
+
-
        .tourBarStart {
+
-
            background-image:url(https://static.igem.org/mediawiki/2013/0/03/SDU2013_TourStartBarSelected.png);
+
-
        }
+
-
        .tourBarEnd {
+
-
            background-image:url(https://static.igem.org/mediawiki/2013/f/f1/SDU2013_TourEndBar.png);
+
-
        }
+
-
.tourBoundingBox {
+
-
margin: 0 auto;
+
-
left: 0;
+
-
right: 0;
+
-
top: 52px;
+
-
text-align:center;
+
-
z-index: 9999;
+
}
}
-
.tourBoundingBoxInner {
 
-
height:66px;
 
-
width:960px;
 
-
background: #EEEEEE;
 
-
display:inline-block;
 
-
padding-top:5px;
 
-
padding-left:10px;
 
-
padding-right:10px;
 
 +
.fancybox-tmp {
 +
position: absolute;
 +
top: -99999px;
 +
left: -99999px;
 +
visibility: hidden;
 +
max-width: 99999px;
 +
max-height: 99999px;
 +
overflow: visible !important;
}
}
-
.stick2 {
 
-
position:fixed;
 
-
margin-right: -13px;
 
-
top: 52px;
 
-
}
 
-
        .tourItemLabel {
 
-
            margin-left:auto;
 
-
            margin-right:auto;
 
-
            background-color:white;
 
-
            border-color:#B8B8B8;
 
-
            border-style:solid;
 
-
            border-width:1px;
 
-
            text-align:center;
 
-
            font-size:11px;
 
-
            font-family:Arial;
 
-
            padding: 0px 4px;
 
-
            display:inline-block;
 
-
            text-decoration:none;
 
-
            color:black;
 
-
        }
 
-
        .tourItemLabelSelected {
 
-
            background-color:#46B842;
 
-
            color:white;
 
-
        }
 
-
        .tourItemLabelSelected:visited {
 
-
            color:white !important;
 
-
        }
 
-
        .tourItemLabel:hover {
 
-
            background-color:#46B842;
 
-
            color:white !important;
 
-
            text-decoration:none;
 
-
        }
 
-
        .tourItemLabel:visited {
 
-
            color:black;
 
-
        }
 
-
.tourItemLabelIndicator {
 
-
            background-color:#fb9d23;
 
-
            color:white !important;
 
-
        }
 
 +
/* Overlay helper */
-
/* TOOLTIPS AND REFERENCES */
+
.fancybox-lock {
-
 
+
     overflow: hidden !important;
-
.tooltipLink, .sourceReference {
+
     width: auto;
-
     cursor:pointer;
+
-
     background-repeat: no-repeat;
+
-
    background-position: right;
+
}
}
-
.tooltipLink {
 
-
    font-weight:bold;
 
-
    color: #004684;
 
-
}
 
-
.sourceReference {
 
-
    padding-right:19px;
 
-
    background-image: url(https://static.igem.org/mediawiki/2013/3/34/SDU2013_SourceIcon.png);
 
-
}
 
-
 
-
 
-
.tooltip {
+
.fancybox-lock body {
-
     display:none;
+
     overflow: hidden !important;
-
    width:250px;
+
-
    line-height: 1.1em;
+
-
    font-size: 11px;
+
-
    padding: 7px 9px;
+
-
    font-family: Tahoma, Arial;
+
-
    border: 1px solid #004684;
+
-
    /* border shadow */
+
-
    -webkit-box-shadow: 4px 4px 12px rgba(50, 50, 50, 0.75);
+
-
    -moz-box-shadow:    4px 4px 12px rgba(50, 50, 50, 0.75);
+
-
    box-shadow:        4px 4px 12px rgba(50, 50, 50, 0.75);
+
-
    /* background */
+
-
    background: #EEEEEE; /* Old browsers */
+
-
    background: -moz-linear-gradient(top, rgb(228, 228, 228) 20%, rgb(255, 255, 255) 100%); /* FF3.6+ */
+
-
    background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, rgb(228, 228, 228) ), color-stop(100%,#FFFFFF )); /* Chrome,Safari4+ */
+
-
    background: -webkit-linear-gradient(top, rgb(228, 228, 228) 20%,rgb(255, 255, 255) 100%); /* Chrome10+,Safari5.1+ */
+
-
    background: -o-linear-gradient(top, rgb(228, 228, 228) 20%,rgb(255, 255, 255) 100%); /* Opera 11.10+ */
+
-
    background: -ms-linear-gradient(top, rgb(228, 228, 228) 20%, rgb(255, 255, 255) 100%); /* IE10+ */
+
-
    background: linear-gradient(to bottom, rgb(228, 228, 228) 20%,rgb(255, 255, 255) 100%); /* W3C */
+
-
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E4E4E4', endColorstr='#FFFFFF',GradientType=0 ); /* IE6-9 */
+
}
}
-
.tooltipHeader {
 
-
    font-size: 13px;
 
-
    font-family: Tahoma, Arial;
 
-
    font-weight: bold;
 
-
    display: block;
 
-
    margin-bottom:8px;
 
-
    color: #FFFFFF;
 
-
    background-color: #004684;
 
-
    padding: 5px 5px 5px 10px;
 
-
    margin-top: -8px;
 
-
    margin-right: -10px;
 
-
    margin-left: -10px;
 
-
}
 
-
 
-
 
-
/* IMAGES, GALLERIES AND DIALOGS */
 
-
.dialog {
+
.fancybox-lock-test {
-
     display:none;
+
     overflow-y: hidden !important;
}
}
-
.normalImg, .popupImg, .imageGallery {
+
.fancybox-overlay {
-
    -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.35);
+
position: absolute;
-
    -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.35);
+
top: 0;
-
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.35);
+
left: 0;
-
    padding: 5px;
+
overflow: hidden;
-
    background: white;
+
display: none;
-
    border: 1px solid #BBB;
+
z-index: 8010;
-
}
+
background: url('https://static.igem.org/mediawiki/2013/d/da/SDU2013_Fbox_overlay.png');
-
.normalImg, .popupImg, .galleryImg, .imageGallery {
+
-
    margin-bottom:10px;
+
-
    font-size: 11px;
+
-
    font-style: italic;
+
-
    color: dimgray !important;
+
-
    text-decoration: none;
+
-
    font-family: Arial;
+
-
}
+
-
.normalImg:hover, .popupImg:hover, .galleryImg:hover, .imageGallery:hover {
+
-
    text-decoration: none;
+
-
}
+
-
.normalImg img, .popupImg img, .galleryImg img {
+
-
    display: block;
+
-
    margin-bottom:2px;
+
-
    border-width:0px;
+
-
}
+
-
.alignRight {
+
-
    float: right;
+
-
    margin-left: 10px;
+
-
}
+
-
.alignLeft {
+
-
    float: left;
+
-
    margin-right: 20px;
+
-
}
+
-
.alignCenter {
+
-
    padding: 10px 7px 3px 10px;
+
-
    display: block;
+
-
    margin-left:auto;
+
-
    margin-right:auto;
+
-
}
+
-
.galleryImg {
+
-
    float: left;
+
-
    margin-right: 5px;
+
-
    width: 120px;
+
-
}
+
-
.galleryImg img {
+
-
    width: 120px;
+
-
}
+
-
.imageGallery {
+
-
    width: 625px;
+
-
}
+
-
.galleryMedium {
+
-
    width: 375px !important;
+
-
}
+
-
.gallerySmall {
+
-
    width: 125px !important;
+
}
}
-
 
+
.fancybox-overlay-fixed {
-
/* ACCORDION */
+
position: fixed;
-
.accordion {
+
bottom: 0;
-
}
+
right: 0;
-
.accordionTitel {
+
-
    cursor: pointer;
+
-
    border: 1px solid #C7C7C7;
+
-
    font-size: 13px;
+
-
    font-family: Tahoma, Arial;
+
-
    font-weight: bold;
+
-
    padding: 3px 10px;
+
-
    display: block;
+
-
    margin-top:5px;
+
-
    border-radius: 5px;
+
-
    /* background */
+
-
    background: #EEEEEE; /* Old browsers */
+
-
    background: -moz-linear-gradient(top, rgb(228, 228, 228) 20%, rgb(255, 255, 255) 100%); /* FF3.6+ */
+
-
    background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, rgb(228, 228, 228) ), color-stop(100%,#FFFFFF )); /* Chrome,Safari4+ */
+
-
    background: -webkit-linear-gradient(top, rgb(228, 228, 228) 20%,rgb(255, 255, 255) 100%); /* Chrome10+,Safari5.1+ */
+
-
    background: -o-linear-gradient(top, rgb(228, 228, 228) 20%,rgb(255, 255, 255) 100%); /* Opera 11.10+ */
+
-
    background: -ms-linear-gradient(top, rgb(228, 228, 228) 20%, rgb(255, 255, 255) 100%); /* IE10+ */
+
-
    background: linear-gradient(to bottom, rgb(228, 228, 228) 20%,rgb(255, 255, 255) 100%); /* W3C */
+
-
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E4E4E4', endColorstr='#FFFFFF',GradientType=0 ); /* IE6-9 */
+
-
}
+
-
.accordionTitel:hover {
+
-
border: 1px solid #A5A5A5;
+
-
background: rgb(219,219,219); /* Old browsers */
+
-
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
+
-
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RiZGJkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
+
-
background: -moz-linear-gradient(top,  rgba(219,219,219,1) 0%, rgba(238,238,238,1) 99%); /* FF3.6+ */
+
-
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(219,219,219,1)), color-stop(99%,rgba(238,238,238,1))); /* Chrome,Safari4+ */
+
-
background: -webkit-linear-gradient(top,  rgba(219,219,219,1) 0%,rgba(238,238,238,1) 99%); /* Chrome10+,Safari5.1+ */
+
-
background: -o-linear-gradient(top,  rgba(219,219,219,1) 0%,rgba(238,238,238,1) 99%); /* Opera 11.10+ */
+
-
background: -ms-linear-gradient(top,  rgba(219,219,219,1) 0%,rgba(238,238,238,1) 99%); /* IE10+ */
+
-
background: linear-gradient(to bottom,  rgba(219,219,219,1) 0%,rgba(238,238,238,1) 99%); /* W3C */
+
-
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbdbdb', endColorstr='#eeeeee',GradientType=0 ); /* IE6-8 */
+
}
}
-
.accordion div.pane {
+
.fancybox-lock .fancybox-overlay {
-
    border-radius: 5px;
+
overflow: auto;
-
    padding: 10px;
+
overflow-y: scroll;
-
    margin-top:3px;
+
-
    margin-bottom: 10px;
+
-
    display: none;
+
-
    border: 1px solid #C7C7C7;
+
-
}
+
-
.accordion div.current {
+
-
    display: block;
+
}
}
 +
/* Title helper */
-
/* RESULT PAGE */
+
.fancybox-title {
-
.resultContainer {
+
visibility: hidden;
-
    width: 700px;
+
font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
-
    margin-left:auto;
+
position: relative;
-
    margin-right:auto;
+
text-shadow: none;
 +
z-index: 8050;
}
}
-
.groupTitel {
 
-
    border-bottom-width: 2px;
 
-
    border-bottom-style: solid;
 
-
    border-bottom-color: #808080;
 
-
    background-position: right top;
 
-
    background-repeat: no-repeat;
 
-
    font-size: 28px;
 
-
    padding-left: 2px;
 
-
    margin-bottom: 10px;
 
-
    margin-top: 10px;
 
-
    padding-top: 40px;
 
-
    padding-right: 20px;
 
-
}
 
-
.Bronze {
 
-
    background-image: url(https://static.igem.org/mediawiki/2013/7/76/SDU2013_Bronze.png);
 
-
    color: #D1A45F;
 
-
}
 
-
.Silver {
 
-
    background-image: url(https://static.igem.org/mediawiki/2013/1/19/SDU2013_Silver.png);
 
-
    color: #B1B1B1;
 
-
}
 
-
.Gold {
 
-
    background-image: url(https://static.igem.org/mediawiki/2013/e/eb/SDU2013_Gold.png);
 
-
    color: #EEC452;
 
-
}
 
-
.resultGroup {
 
-
    margin-left: 20px;
 
-
    padding-left: 55px;
 
-
    background-position: left top;
 
-
    background-repeat: no-repeat;
 
-
    background-image: url(https://static.igem.org/mediawiki/2013/1/1b/SDU2013_YesIcon.png);
 
-
    padding-bottom: 2px;
 
-
    margin-bottom: 10px;
 
-
    margin-right: 20px;
 
-
}
+
.fancybox-opened .fancybox-title {
-
.resultTitel {
+
visibility: visible;
-
    font-weight: bold;
+
-
    font-size: 14px;
+
-
    margin-bottom: 0px;
+
-
}
+
-
.resultText {
+
-
    font-size: 12px;
+
-
    margin-top: 0px;
+
}
}
-
/* VACCORDION */
+
.fancybox-title-float-wrap {
-
/* Vertical Accordion Style */
+
position: absolute;
-
.va-container{
+
bottom: 0;
-
        position:relative;
+
right: 50%;
-
overflow: hidden;
+
margin-bottom: -35px;
-
 
+
z-index: 8050;
-
}
+
text-align: center;
-
.va-wrapper{
+
-
        width:100%;
+
-
        height:100%;
+
-
        position:relative;
+
-
        overflow:hidden;
+
-
        background:#000;
+
-
}
+
-
.va-slice{
+
-
        cursor:pointer;
+
-
        position:absolute;
+
-
        width:100%;
+
-
        left:0px;
+
-
        overflow:hidden;
+
-
        background-position: center center;
+
-
        background-repeat: no-repeat;
+
}
}
-
.va-title{
+
.fancybox-title-float-wrap .child {
-
        font-family: 'Open Sans Condensed', sans-serif;
+
display: inline-block;
-
        text-transform:uppercase;
+
margin-right: -100%;
-
        font-size:28px;
+
padding: 2px 20px;
-
        margin-left:20px;
+
background: transparent; /* Fallback for web browsers that doesn't support RGBa */
-
        color:#fff;
+
background: rgba(0, 0, 0, 0.8);
-
        text-shadow: 0px 0px 1px white;
+
-webkit-border-radius: 15px;
-
        font-weight: bold;
+
  -moz-border-radius: 15px;
-
        width: 340px;
+
        border-radius: 15px;
-
        background-color: rgba(0, 0, 0, 0.8);
+
text-shadow: 0 1px 2px #222;
-
        padding-left: 20px;
+
color: #FFF;
-
}
+
font-weight: bold;
-
.va-title-sub {
+
line-height: 24px;
-
        font-size:18px;
+
white-space: nowrap;
-
        font-weight: normal;
+
-
        float: left;
+
-
        margin-right: 15px;
+
-
        margin-top: 3px;
+
-
        width: 140px;
+
-
}
+
-
.va-content{
+
-
        display:none;
+
-
        margin-left:20px;
+
-
margin-left: 20px;
+
-
margin-top: 20px;
+
-
width: 330px;
+
-
background-color: rgba(0, 0, 0, 0.8);
+
-
padding: 5px 15px 10px 15px;
+
-
position: absolute;
+
-
bottom: 0px;
+
-
max-height: 380px;
+
}
}
-
 
+
.fancybox-title-outside-wrap {
-
.aboutLabel, .aboutText {
+
position: relative;
-
font-family: 'Open Sans Condensed', sans-serif;
+
margin-top: 10px;
-
color: #fff;
+
color: #fff;
-
text-shadow: 0px 0px 1px white;
+
-
font-size: 14px;
+
-
 
+
-
}
+
-
.aboutLabel {
+
-
text-transform: uppercase;
+
-
font-size: 16px;
+
-
font-style: italic;
+
-
margin-top: 12px;
+
-
font-weight: bold;
+
}
}
-
 
+
.fancybox-title-inside-wrap {
-
 
+
padding-top: 10px;
-
.va-slice ul{
+
-
        margin-top:20px;
+
}
}
-
.va-slice ul li{
 
-
        float:left;
 
-
        margin:0px 2px;
 
-
}
 
-
.va-slice ul li a{
 
-
        color:#000;
 
-
        background:#eede2f;
 
-
        padding:3px 6px;
 
-
        font-size:14px;
 
-
        font-family:'PT Sans', sans-serif;
 
-
        text-transform:uppercase;
 
-
}
 
-
.va-slice ul li a:hover{
 
-
        background:#000;
 
-
        color:#fff;
 
-
        text-shadow:none;
 
-
}
 
-
.va-nav span{
 
-
        width:40px;
 
-
        height:25px;
 
-
        background:transparent no-repeat center center;
 
-
        position:absolute;
 
-
        top:-35px;
 
-
        left:50%;
 
-
        margin-left:-20px;
 
-
        text-indent:-9000px;
 
-
        opacity:0.7;
 
-
        cursor:pointer;
 
-
        display:none;
 
-
        z-index:100;
 
-
}
 
-
.va-nav span.va-nav-next{
 
-
        top:auto;
+
.fancybox-title-over-wrap {
-
        bottom:-35px;
+
position: absolute;
-
}
+
bottom: 0;
-
.va-nav span:hover{
+
left: 0;
-
        opacity:1.0;
+
color: #fff;
 +
padding: 10px;
 +
background: #000;
 +
background: rgba(0, 0, 0, .8);
}
}

Latest revision as of 14:11, 23 June 2014

Retrieved from "http://2014.igem.org/Template:GeorgiaTech/css/fancyboxes.css"