|
|
| (127 intermediate revisions not shown) |
| Line 1: |
Line 1: |
| | {{Template:UCSF/MainHeader}} | | {{Template:UCSF/MainHeader}} |
| | + | {{Template:UCSF/SlideShow}} |
| | <html> | | <html> |
| | <head> | | <head> |
| - | <title> UCSF Home</title>
| + | <!--CSS styles: global--> |
| - | <script type="text/javascript" async="" src="https://static.igem.org/mediawiki/2013/0/0f/Liily2013_Camera.txt"></script> | + | <style type="text/css"> |
| | + | /*** |
| | + | Minimal header: removes the search bar and header image and readjusts font colours in the menus. |
| | | | |
| - | <style type="text/css">
| + | Thanks a lot to the 2011 Brown-Stanford and 2012 Lethbridge iGEM teams for snippets of their code! |
| - | /**************************
| + | Check out their wikis at: |
| - | *
| + | https://2011.igem.org/Team:Brown-Stanford |
| - | * GENERAL
| + | https://2012.igem.org/Team:Lethbridge |
| - | *
| + | ***/ |
| - | **************************/
| + | |
| - | /*.camera_wrap a, .camera_wrap img, | + | #content h1.firstHeading { |
| - | .camera_wrap ol, .camera_wrap ul, .camera_wrap li, | + | visibility:hidden; |
| - | .camera_wrap table, .camera_wrap tbody, .camera_wrap tfoot, .camera_wrap thead, .camera_wrap tr, .camera_wrap th, .camera_wrap td
| + | |
| - | .camera_thumbs_wrap a, .camera_thumbs_wrap img,
| + | |
| - | .camera_thumbs_wrap ol, .camera_thumbs_wrap ul, .camera_thumbs_wrap li,
| + | |
| - | .camera_thumbs_wrap table, .camera_thumbs_wrap tbody, .camera_thumbs_wrap tfoot, .camera_thumbs_wrap thead, .camera_thumbs_wrap tr, .camera_thumbs_wrap th,
| + | |
| - | */ | + | |
| - | .camera_thumbs_wrap td { | + | |
| - | background: none; | + | |
| - | border: 0;
| + | |
| - | font: inherit;
| + | |
| - | font-size: 100%;
| + | |
| - | margin: 0;
| + | |
| - | padding: 0;
| + | |
| - | vertical-align: baseline;
| + | |
| - | list-style: none
| + | |
| | } | | } |
| - | .camera_wrap {
| + | #p-logo { |
| | display: none; | | display: none; |
| - | float: left;
| |
| - | position: relative;
| |
| - | z-index: 0;
| |
| - | }/*调整位置*/
| |
| - | .camera_wrap img {
| |
| - | max-width: none!important;
| |
| | } | | } |
| - | .camera_fakehover {
| + | #searchform { |
| - | height: 100%;
| + | display: none; |
| - | min-height: 60px;
| + | |
| - | position: relative;
| + | |
| - | width: 100%;
| + | |
| - | z-index: 1;
| + | |
| - | }/* 调整camera高度*/
| + | |
| - | .camera_wrap {
| + | |
| - | width: 100%;
| + | |
| - | }/*调整camera宽度*/
| + | |
| - | .camera_src {
| + | |
| - | display: none;
| + | |
| | } | | } |
| - | .cameraCont, .cameraContents { | + | |
| - | height: 100%; | + | .left-menu { |
| - | position: relative; | + | background-color: #555; |
| - | width: 100%;
| + | |
| - | z-index: 1;
| + | |
| | } | | } |
| - | .cameraSlide { | + | .left-menu a { |
| - | bottom: 0;
| + | color: #000; |
| - | left: 0;
| + | |
| - | position: absolute;
| + | |
| - | right: 0;
| + | |
| - | top: 0;
| + | |
| - | width: 100%;
| + | |
| | } | | } |
| - | .cameraContent {
| + | |
| - | bottom: 0; | + | div#top-section{ /*the div containing the entire top bar*/ |
| - | display: none; | + | height: 20px; |
| - | left: 0; | + | margin-bottom: 0px !important; |
| - | position: absolute; | + | border: none; |
| - | right: 0;
| + | |
| - | top: 0;
| + | |
| - | width: 100%;
| + | |
| | } | | } |
| - | .camera_target {
| + | |
| - | bottom: 0; | + | |
| - | height: 100%; | + | #content{ |
| - | left: 0; | + | margin-top: 0px; |
| - | overflow: hidden; | + | } |
| | + | |
| | + | #search-controls { |
| | + | overflow:hidden; |
| | + | display:none; |
| | + | background: none; |
| | position: absolute; | | position: absolute; |
| - | right: 0; | + | top: 170px; |
| | + | right: 40px; |
| | + | } |
| | + | |
| | + | |
| | + | div#header { |
| | + | width: 975px; |
| | text-align: left; | | text-align: left; |
| - | top: 0; | + | margin-left: auto; |
| - | width: 100%; | + | margin-right: auto; |
| - | z-index: 0; | + | margin-bottom: 0px !important; |
| - | } | + | } |
| - | .camera_overlayer {
| + | |
| - | bottom: 0;
| + | #menubar { |
| - | height: 100%;
| + | |
| - | left: 0;
| + | |
| - | overflow: hidden;
| + | |
| | position: absolute; | | position: absolute; |
| - | right: 0; | + | background: none; |
| - | top: 0; | + | color: black; |
| - | width: 100%;
| + | |
| - | z-index: 0;
| + | |
| | } | | } |
| - | .camera_target_content { | + | |
| - | bottom: 0;
| + | .left-menu, .right-menu{ |
| - | left: 0;
| + | |
| - | overflow: hidden;
| + | |
| | position: absolute; | | position: absolute; |
| - | right: 0; | + | background: none; |
| - | top: 0; | + | color: black; |
| - | z-index: 2;
| + | |
| | } | | } |
| - | .camera_target_content .camera_link {
| + | |
| - | background: url(https://static.igem.org/mediawiki/2013/3/3e/USTC-Software_Blank.gif);
| + | .left-menu li a, .right-menu li a { |
| - | display: block; | + | color: #000 !important; |
| - | height: 100%;
| + | |
| - | text-decoration: none;
| + | |
| | } | | } |
| - | .camera_loader {
| + | |
| - | background: #fff url(https://static.igem.org/mediawiki/2013/1/14/USTC-Software_Camera-loader.gif) no-repeat center;
| + | |
| - | background: rgba(255, 255, 255, 0.9) url(../images/camera-loader.gif) no-repeat center; | + | .left-menu ul li, .right-menu ul li a{ |
| - | border: 1px solid #ffffff; | + | background: none; |
| - | -webkit-border-radius: 18px;
| + | color: #000 !important; |
| - | -moz-border-radius: 18px;
| + | |
| - | border-radius: 18px;
| + | |
| - | height: 36px;
| + | |
| - | left: 50%;
| + | |
| - | overflow: hidden;
| + | |
| - | position: absolute;
| + | |
| - | margin: -18px 0 0 -18px;
| + | |
| - | top: 50%;
| + | |
| - | width: 36px;
| + | |
| - | z-index: 3;
| + | |
| | } | | } |
| - | .camera_bar {
| + | |
| - | bottom: 0;
| + | .left-menu li a:hover, .right-menu li a:hover, .right-menu li a:visited, .right-menu li a:active { |
| - | left: 0;
| + | color: #000 !important; |
| - | overflow: hidden;
| + | |
| - | position: absolute;
| + | |
| - | right: 0;
| + | |
| - | top: 0;
| + | |
| - | z-index: 3;
| + | |
| | } | | } |
| - | .camera_thumbs_wrap.camera_left .camera_bar, .camera_thumbs_wrap.camera_right .camera_bar {
| + | |
| - | height: 100%; | + | #catlinks{ |
| - | position: absolute;
| + | display:none; |
| - | width: auto;
| + | |
| | } | | } |
| - | .camera_thumbs_wrap.camera_bottom .camera_bar, .camera_thumbs_wrap.camera_top .camera_bar { | + | |
| - | height: auto; | + | /*important for background colours*/ |
| - | position: absolute;
| + | .mediawiki{ |
| - | width: 100%;
| + | background: #ffffff; |
| | } | | } |
| - | .camera_nav_cont {
| + | |
| - | height: 65px;
| + | /***End minimal header***/ |
| - | overflow: hidden;
| + | |
| - | position: absolute;
| + | /*Base styles*/ |
| - | right: 9px;
| + | #content{ |
| - | top: 15px;
| + | border: none; |
| - | width: 120px;
| + | |
| - | z-index: 4; | + | |
| | } | | } |
| - | .camera_caption {
| + | h1, h2,h3, h4, #css-full, #css-mobi{ |
| - | bottom: 0; | + | font-family: Myriad Pro, Gill Sans MT, Trebuchet MS, Arial, Sans-Serif; |
| - | display: block; | + | border: 0; |
| - | position: absolute;
| + | font-weight: 400; |
| - | width: 100%; | + | |
| | } | | } |
| - | .camera_caption em { | + | |
| - | font-family: "Helvetica Neue","Arial",sans-serif; | + | p, div.thumb div div.thumbcaption{ |
| - | font-style:normal; | + | font-family: Calibri, Sans-Serif; |
| - | font-size: 12px; | + | font-weight: normal; |
| - | /*margin-left:0px;*/ | + | color: black; |
| | + | margin-bottom: 10px; |
| | + | padding-left: 5px; |
| | } | | } |
| - | .camera_caption > div {
| + | |
| - | padding: 10px 20px;
| + | #css-full, #css-mobi{ |
| - | }
| + | |
| - | .camerarelative {
| + | |
| - | overflow: hidden;
| + | |
| - | position: relative;
| + | |
| - | }
| + | |
| - | .imgFake {
| + | |
| - | cursor: pointer;
| + | |
| - | }
| + | |
| - | .camera_prevThumbs {
| + | |
| - | bottom: 4px;
| + | |
| - | cursor: pointer;
| + | |
| - | left: 0;
| + | |
| | position: absolute; | | position: absolute; |
| - | top: 4px; | + | float: right; |
| - | visibility: hidden; | + | color: black; |
| - | width: 30px; | + | font-size: 1.3em; |
| - | z-index: 10; | + | top: 0px; |
| - | }
| + | right: 15px; |
| - | .camera_prevThumbs div {
| + | |
| - | background: url(https://static.igem.org/mediawiki/2013/3/33/USTC-Software_Camera_skins.png) no-repeat -160px 0; | + | |
| | display: block; | | display: block; |
| - | height: 40px; | + | padding: 10px; |
| - | margin-top: -20px;
| + | |
| - | position: absolute;
| + | |
| - | top: 50%;
| + | |
| - | width: 30px;
| + | |
| | } | | } |
| - | .camera_nextThumbs {
| + | |
| - | bottom: 4px; | + | #jsnotice{ |
| - | cursor: pointer;
| + | background-color: #4ED92F; |
| - | position: absolute;
| + | |
| - | right: 0;
| + | |
| - | top: 4px;
| + | |
| - | visibility: hidden;
| + | |
| - | width: 30px;
| + | |
| - | z-index: 10;
| + | |
| | } | | } |
| - | .camera_nextThumbs div {
| + | |
| - | background: url(https://static.igem.org/mediawiki/2013/3/33/USTC-Software_Camera_skins.png) no-repeat -190px 0;
| + | #table{ |
| - | display: block;
| + | margin: 10px; |
| - | height: 40px;
| + | |
| - | margin-top: -20px; | + | |
| - | position: absolute;
| + | |
| - | top: 50%;
| + | |
| - | width: 30px;
| + | |
| | } | | } |
| - | .camera_command_wrap .hideNav {
| + | |
| - | display: none;
| + | #textlink a:link, |
| | + | a:visited{ |
| | + | font-family: Calibri, Sans-Serif; |
| | + | font-weight: normal; |
| | + | color: #008000; |
| | + | text-decoration:none; |
| | } | | } |
| - | .camera_command_wrap {
| + | |
| - | left: 0;
| + | #textlink a:hover, |
| - | position: relative;
| + | a:active{ |
| - | right:0;
| + | font-family: Calibri, Sans-Serif; |
| - | z-index: 4;
| + | font-weight: normal; |
| | + | color: #008000; |
| | + | text-decoration:underline; |
| | } | | } |
| - | .camera_wrap .camera_pag .camera_pag_ul {
| + | |
| - | list-style: none;
| + | /*====== |
| - | margin: 0;
| + | Desktop Styling |
| - | padding: 0; | + | ======*/ |
| - | text-align: right; | + | |
| | + | /***Body styling***/ |
| | + | h1{ |
| | + | font-size: 2.5em; |
| | } | | } |
| - | .camera_wrap .camera_pag .camera_pag_ul li {
| + | h2{ |
| - | -webkit-border-radius: 8px; | + | font-size: 1.7em; |
| - | -moz-border-radius: 8px;
| + | |
| - | border-radius: 8px;
| + | |
| - | cursor: pointer;
| + | |
| - | display: inline-block;
| + | |
| - | height: 16px;
| + | |
| - | margin: 20px 5px;
| + | |
| - | position: relative;
| + | |
| - | text-align: left;
| + | |
| - | text-indent: -9999px;
| + | |
| - | width: 16px;
| + | |
| | } | | } |
| - | .camera_commands_emboss .camera_pag .camera_pag_ul li {
| + | h3{ |
| - | -moz-box-shadow: | + | font-size: 1.7em; |
| - | 0px 1px 0px rgba(255,255,255,1),
| + | |
| - | inset 0px 1px 1px rgba(0,0,0,0.2);
| + | |
| - | -webkit-box-shadow:
| + | |
| - | 0px 1px 0px rgba(255,255,255,1),
| + | |
| - | inset 0px 1px 1px rgba(0,0,0,0.2);
| + | |
| - | box-shadow:
| + | |
| - | 0px 1px 0px rgba(255,255,255,1),
| + | |
| - | inset 0px 1px 1px rgba(0,0,0,0.2);
| + | |
| | } | | } |
| - | .camera_wrap .camera_pag .camera_pag_ul li > span {
| + | |
| - | -webkit-border-radius: 5px;
| + | #box1{ |
| - | -moz-border-radius: 5px;
| + | width: 980px; |
| - | border-radius: 5px;
| + | margin-top: -8px; |
| - | height: 8px;
| + | background: #fffff; |
| - | left: 4px;
| + | |
| - | overflow: hidden;
| + | |
| - | position: absolute;
| + | |
| - | top: 4px;
| + | |
| - | width: 8px; | + | |
| - | }
| + | |
| - | .camera_commands_emboss .camera_pag .camera_pag_ul li:hover > span {
| + | |
| - | -moz-box-shadow:
| + | |
| - | 0px 1px 0px rgba(255,255,255,1),
| + | |
| - | inset 0px 1px 1px rgba(0,0,0,0.2);
| + | |
| - | -webkit-box-shadow:
| + | |
| - | 0px 1px 0px rgba(255,255,255,1),
| + | |
| - | inset 0px 1px 1px rgba(0,0,0,0.2);
| + | |
| - | box-shadow:
| + | |
| - | 0px 1px 0px rgba(255,255,255,1),
| + | |
| - | inset 0px 1px 1px rgba(0,0,0,0.2);
| + | |
| - | }
| + | |
| - | .camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span {
| + | |
| - | -moz-box-shadow: 0;
| + | |
| - | -webkit-box-shadow: 0;
| + | |
| - | box-shadow: 0;
| + | |
| - | }
| + | |
| - | .camera_pag_ul li img {
| + | |
| - | display: none;
| + | |
| - | position: absolute;
| + | |
| - | }
| + | |
| - | .camera_pag_ul .thumb_arrow {
| + | |
| - | border-left: 4px solid transparent;
| + | |
| - | border-right: 4px solid transparent;
| + | |
| - | border-top: 4px solid;
| + | |
| - | top: 0;
| + | |
| - | left: 50%;
| + | |
| - | margin-left: -4px;
| + | |
| - | position: absolute;
| + | |
| - | }
| + | |
| - | .camera_prev, .camera_next, .camera_commands {
| + | |
| - | cursor: pointer;
| + | |
| - | height: 40px;
| + | |
| - | margin-top: -20px; | + | |
| - | position: absolute;
| + | |
| - | top: 50%;
| + | |
| - | width: 40px;
| + | |
| - | z-index: 2;
| + | |
| - | }
| + | |
| - | .camera_prev {
| + | |
| - | left: 0;
| + | |
| - | }
| + | |
| - | .camera_prev > span {
| + | |
| - | background: url(https://static.igem.org/mediawiki/2013/3/33/USTC-Software_Camera_skins.png) no-repeat 0 0; | + | |
| - | display: block;
| + | |
| - | height: 40px;
| + | |
| - | width: 40px;
| + | |
| - | }
| + | |
| - | .camera_next {
| + | |
| - | right: 0;
| + | |
| - | }
| + | |
| - | .camera_next > span {
| + | |
| - | background: url(https://static.igem.org/mediawiki/2013/3/33/USTC-Software_Camera_skins.png) no-repeat -40px 0;
| + | |
| - | display: block;
| + | |
| - | height: 40px;
| + | |
| - | width: 40px;
| + | |
| - | }
| + | |
| - | .camera_commands {
| + | |
| - | right: 41px;
| + | |
| - | }
| + | |
| - | .camera_commands > .camera_play {
| + | |
| - | background: url(https://static.igem.org/mediawiki/2013/3/33/USTC-Software_Camera_skins.png) no-repeat -80px 0;
| + | |
| - | height: 40px;
| + | |
| - | width: 40px;
| + | |
| - | }
| + | |
| - | .camera_commands > .camera_stop {
| + | |
| - | background: url(https://static.igem.org/mediawiki/2013/3/33/USTC-Software_Camera_skins.png) no-repeat -120px 0;
| + | |
| - | display: block;
| + | |
| - | height: 40px;
| + | |
| - | width: 40px;
| + | |
| - | }
| + | |
| - | .camera_wrap .camera_pag .camera_pag_ul li {
| + | |
| - | -webkit-border-radius: 8px;
| + | |
| - | -moz-border-radius: 8px;
| + | |
| - | border-radius: 8px;
| + | |
| - | cursor: pointer;
| + | |
| - | display: inline-block;
| + | |
| - | height: 16px;
| + | |
| - | margin: 20px 5px;
| + | |
| - | position: relative;
| + | |
| - | text-indent: -9999px;
| + | |
| - | width: 16px;
| + | |
| - | }
| + | |
| - | .camera_thumbs_cont {
| + | |
| - | -webkit-border-bottom-right-radius: 4px;
| + | |
| - | -webkit-border-bottom-left-radius: 4px;
| + | |
| - | -moz-border-radius-bottomright: 4px;
| + | |
| - | -moz-border-radius-bottomleft: 4px;
| + | |
| - | border-bottom-right-radius: 4px;
| + | |
| - | border-bottom-left-radius: 4px;
| + | |
| - | overflow: hidden;
| + | |
| - | position: relative;
| + | |
| - | width: 100%;
| + | |
| - | }
| + | |
| - | .camera_commands_emboss .camera_thumbs_cont {
| + | |
| - | -moz-box-shadow:
| + | |
| - | 0px 1px 0px rgba(255,255,255,1),
| + | |
| - | inset 0px 1px 1px rgba(0,0,0,0.2);
| + | |
| - | -webkit-box-shadow:
| + | |
| - | 0px 1px 0px rgba(255,255,255,1),
| + | |
| - | inset 0px 1px 1px rgba(0,0,0,0.2);
| + | |
| - | box-shadow:
| + | |
| - | 0px 1px 0px rgba(255,255,255,1),
| + | |
| - | inset 0px 1px 1px rgba(0,0,0,0.2);
| + | |
| - | }
| + | |
| - | .camera_thumbs_cont > div {
| + | |
| | float: left; | | float: left; |
| - | width: 100%; | + | padding-bottom: 10px; |
| | + | margin-bottom: 5px; |
| | } | | } |
| - | .camera_thumbs_cont ul {
| + | #box1 h2{ |
| - | overflow: hidden; | + | } |
| - | padding: 3px 4px 8px;
| + | #box1 p{ |
| - | position: relative;
| + | font-size: 1.25em; |
| - | text-align: center;
| + | } |
| - | } | + | |
| - | .camera_thumbs_cont ul li {
| + | #UCSFLogo{ |
| - | display: inline; | + | display: block; |
| - | padding: 0 4px;
| + | float: left; |
| - | }
| + | width: 250px; |
| - | .camera_thumbs_cont ul li > img {
| + | height:200px; |
| - | border: 1px solid;
| + | background: url('https://static.igem.org/mediawiki/2013/6/6b/UCSF2013_Logonew.png'); |
| - | cursor: pointer;
| + | background-position: top; |
| - | margin-top: 5px;
| + | margin: 40px; |
| - | vertical-align:bottom;
| + | } |
| - | }
| + | |
| - | .camera_clear { | + | /*Floatbox styling*/ |
| - | display: block;
| + | .floatbox |
| - | clear: both; | + | { |
| - | } | + | width:980px; |
| - | .showIt {
| + | float:left; |
| - | display: none; | + | background-color: #fffff; |
| - | }
| + | margin-top: 10px; |
| - | .camera_clear {
| + | padding-bottom: 10px; |
| - | clear: both;
| + | margin-bottom: 5px; |
| - | display: block;
| + | text-align:justify; |
| - | height: 1px;
| + | } |
| - | margin: -1px 0 25px;
| + | |
| - | position: relative;
| + | |
| - | }
| + | |
| - | /**************************
| + | |
| - | *
| + | |
| - | * COLORS & SKINS
| + | |
| - | *
| + | |
| - | **************************/
| + | |
| - | .pattern_1 .camera_overlayer {
| + | |
| - | background: url(https://static.igem.org/mediawiki/2013/7/7f/USTC-Software_Overlay1.png) repeat;
| + | |
| - | }
| + | |
| - | .pattern_2 .camera_overlayer {
| + | |
| - | background: url(https://static.igem.org/mediawiki/2013/4/44/USTC-Software_Overlay2.png) repeat;
| + | |
| - | }
| + | |
| - | .pattern_3 .camera_overlayer {
| + | |
| - | background: url(https://static.igem.org/mediawiki/2013/c/c9/USTC-Software_Overlay3.png) repeat;
| + | |
| - | }
| + | |
| - | .pattern_4 .camera_overlayer {
| + | |
| - | background: url(https://static.igem.org/mediawiki/2013/e/ec/USTC-Software_Overlay4.png) repeat;
| + | |
| - | }
| + | |
| - | .pattern_5 .camera_overlayer {
| + | |
| - | background: url(https://static.igem.org/mediawiki/2013/f/f3/USTC-Software_Overlay5.png) repeat;
| + | |
| - | }
| + | |
| - | .pattern_6 .camera_overlayer {
| + | |
| - | background: url(https://static.igem.org/mediawiki/2013/4/41/USTC-Software_Overlay6.png) repeat;
| + | |
| - | }
| + | |
| - | .pattern_7 .camera_overlayer {
| + | |
| - | background: url(https://static.igem.org/mediawiki/2013/2/28/USTC-Software_Overlay7.png) repeat;
| + | |
| - | }
| + | |
| - | .pattern_8 .camera_overlayer {
| + | |
| - | background: url(https://static.igem.org/mediawiki/2013/3/3a/USTC-Software_Overlay8.png) repeat;
| + | |
| - | }
| + | |
| - | .pattern_9 .camera_overlayer {
| + | |
| - | background: url(https://static.igem.org/mediawiki/2013/b/b3/USTC-Software_Overlay9.png) repeat;
| + | |
| - | }
| + | |
| - | .pattern_10 .camera_overlayer {
| + | |
| - | background: url(https://static.igem.org/mediawiki/2013/4/4e/USTC-Software_Overlay10.png) repeat;
| + | |
| - | }
| + | |
| - | .camera_caption {
| + | |
| - | color: #fff;
| + | |
| - | }
| + | |
| - | .camera_caption > div {
| + | |
| - | background: #000;
| + | |
| - | background: rgba(0, 0, 0, 0.8);
| + | |
| - | }
| + | |
| - | .camera_wrap .camera_pag .camera_pag_ul li {
| + | |
| - | background: #b7b7b7;
| + | |
| - | }
| + | |
| - | .camera_wrap .camera_pag .camera_pag_ul li:hover > span {
| + | |
| - | background: #b7b7b7;
| + | |
| - | }
| + | |
| - | .camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span {
| + | |
| - | background: #434648;
| + | |
| - | }
| + | |
| - | .camera_pag_ul li img {
| + | |
| - | border: 4px solid #e6e6e6;
| + | |
| - | -moz-box-shadow: 0px 3px 6px rgba(0,0,0,.5);
| + | |
| - | -webkit-box-shadow: 0px 3px 6px rgba(0,0,0,.5);
| + | |
| - | box-shadow: 0px 3px 6px rgba(0,0,0,.5);
| + | |
| - | }
| + | |
| - | .camera_pag_ul .thumb_arrow {
| + | |
| - | border-top-color: #e6e6e6;
| + | |
| - | }
| + | |
| - | .camera_prevThumbs, .camera_nextThumbs, .camera_prev, .camera_next, .camera_commands, .camera_thumbs_cont {
| + | |
| - | background: #d8d8d8;
| + | |
| - | background: rgba(216, 216, 216, 0.85);
| + | |
| - | }
| + | |
| - | .camera_wrap .camera_pag .camera_pag_ul li {
| + | |
| - | background: #b7b7b7;
| + | |
| - | }
| + | |
| - | .camera_thumbs_cont ul li > img {
| + | |
| - | border-color: 1px solid #000;
| + | |
| - | }
| + | |
| - | /*AMBER SKIN*/
| + | |
| - | .camera_amber_skin .camera_prevThumbs div {
| + | |
| - | background-position: -160px -160px;
| + | |
| - | }
| + | |
| - | .camera_amber_skin .camera_nextThumbs div {
| + | |
| - | background-position: -190px -160px;
| + | |
| - | }
| + | |
| - | .camera_amber_skin .camera_prev > span {
| + | |
| - | background-position: 0 -160px;
| + | |
| - | }
| + | |
| - | .camera_amber_skin .camera_next > span {
| + | |
| - | background-position: -40px -160px;
| + | |
| - | }
| + | |
| - | .camera_amber_skin .camera_commands > .camera_play {
| + | |
| - | background-position: -80px -160px; | + | |
| - | } | + | |
| - | .camera_amber_skin .camera_commands > .camera_stop {
| + | |
| - | background-position: -120px -160px; | + | |
| - | }
| + | |
| - | /*ASH SKIN*/ | + | |
| - | .camera_ash_skin .camera_prevThumbs div { | + | |
| - | background-position: -160px -200px;
| + | |
| - | }
| + | |
| - | .camera_ash_skin .camera_nextThumbs div {
| + | |
| - | background-position: -190px -200px;
| + | |
| - | }
| + | |
| - | .camera_ash_skin .camera_prev > span {
| + | |
| - | background-position: 0 -200px;
| + | |
| - | }
| + | |
| - | .camera_ash_skin .camera_next > span {
| + | |
| - | background-position: -40px -200px;
| + | |
| - | }
| + | |
| - | .camera_ash_skin .camera_commands > .camera_play {
| + | |
| - | background-position: -80px -200px;
| + | |
| - | }
| + | |
| - | .camera_ash_skin .camera_commands > .camera_stop {
| + | |
| - | background-position: -120px -200px;
| + | |
| - | }
| + | |
| - | /*AZURE SKIN*/
| + | |
| - | .camera_azure_skin .camera_prevThumbs div {
| + | |
| - | background-position: -160px -240px;
| + | |
| - | }
| + | |
| - | .camera_azure_skin .camera_nextThumbs div {
| + | |
| - | background-position: -190px -240px;
| + | |
| - | }
| + | |
| - | .camera_azure_skin .camera_prev > span {
| + | |
| - | background-position: 0 -240px;
| + | |
| - | }
| + | |
| - | .camera_azure_skin .camera_next > span {
| + | |
| - | background-position: -40px -240px;
| + | |
| - | }
| + | |
| - | .camera_azure_skin .camera_commands > .camera_play {
| + | |
| - | background-position: -80px -240px;
| + | |
| - | }
| + | |
| - | .camera_azure_skin .camera_commands > .camera_stop {
| + | |
| - | background-position: -120px -240px;
| + | |
| - | }
| + | |
| - | /*BEIGE SKIN*/
| + | |
| - | .camera_beige_skin .camera_prevThumbs div {
| + | |
| - | background-position: -160px -120px;
| + | |
| - | }
| + | |
| - | .camera_beige_skin .camera_nextThumbs div {
| + | |
| - | background-position: -190px -120px;
| + | |
| - | }
| + | |
| - | .camera_beige_skin .camera_prev > span {
| + | |
| - | background-position: 0 -120px;
| + | |
| - | }
| + | |
| - | .camera_beige_skin .camera_next > span {
| + | |
| - | background-position: -40px -120px;
| + | |
| - | }
| + | |
| - | .camera_beige_skin .camera_commands > .camera_play {
| + | |
| - | background-position: -80px -120px;
| + | |
| - | }
| + | |
| - | .camera_beige_skin .camera_commands > .camera_stop {
| + | |
| - | background-position: -120px -120px;
| + | |
| - | }
| + | |
| - | /*BLACK SKIN*/
| + | |
| - | .camera_black_skin .camera_prevThumbs div {
| + | |
| - | background-position: -160px -40px;
| + | |
| - | }
| + | |
| - | .camera_black_skin .camera_nextThumbs div {
| + | |
| - | background-position: -190px -40px;
| + | |
| - | }
| + | |
| - | .camera_black_skin .camera_prev > span {
| + | |
| - | background-position: 0 -40px;
| + | |
| - | }
| + | |
| - | .camera_black_skin .camera_next > span {
| + | |
| - | background-position: -40px -40px;
| + | |
| - | }
| + | |
| - | .camera_black_skin .camera_commands > .camera_play {
| + | |
| - | background-position: -80px -40px;
| + | |
| - | }
| + | |
| - | .camera_black_skin .camera_commands > .camera_stop {
| + | |
| - | background-position: -120px -40px;
| + | |
| - | }
| + | |
| - | /*BLUE SKIN*/
| + | |
| - | .camera_blue_skin .camera_prevThumbs div {
| + | |
| - | background-position: -160px -280px;
| + | |
| - | }
| + | |
| - | .camera_blue_skin .camera_nextThumbs div {
| + | |
| - | background-position: -190px -280px;
| + | |
| - | }
| + | |
| - | .camera_blue_skin .camera_prev > span {
| + | |
| - | background-position: 0 -280px;
| + | |
| - | }
| + | |
| - | .camera_blue_skin .camera_next > span {
| + | |
| - | background-position: -40px -280px;
| + | |
| - | }
| + | |
| - | .camera_blue_skin .camera_commands > .camera_play {
| + | |
| - | background-position: -80px -280px;
| + | |
| - | }
| + | |
| - | .camera_blue_skin .camera_commands > .camera_stop {
| + | |
| - | background-position: -120px -280px;
| + | |
| - | }
| + | |
| - | /*BROWN SKIN*/
| + | |
| - | .camera_brown_skin .camera_prevThumbs div {
| + | |
| - | background-position: -160px -320px;
| + | |
| - | }
| + | |
| - | .camera_brown_skin .camera_nextThumbs div {
| + | |
| - | background-position: -190px -320px;
| + | |
| - | }
| + | |
| - | .camera_brown_skin .camera_prev > span {
| + | |
| - | background-position: 0 -320px;
| + | |
| - | }
| + | |
| - | .camera_brown_skin .camera_next > span {
| + | |
| - | background-position: -40px -320px;
| + | |
| - | }
| + | |
| - | .camera_brown_skin .camera_commands > .camera_play {
| + | |
| - | background-position: -80px -320px;
| + | |
| - | }
| + | |
| - | .camera_brown_skin .camera_commands > .camera_stop {
| + | |
| - | background-position: -120px -320px;
| + | |
| - | }
| + | |
| - | /*BURGUNDY SKIN*/
| + | |
| - | .camera_burgundy_skin .camera_prevThumbs div {
| + | |
| - | background-position: -160px -360px;
| + | |
| - | }
| + | |
| - | .camera_burgundy_skin .camera_nextThumbs div {
| + | |
| - | background-position: -190px -360px;
| + | |
| - | }
| + | |
| - | .camera_burgundy_skin .camera_prev > span {
| + | |
| - | background-position: 0 -360px;
| + | |
| - | }
| + | |
| - | .camera_burgundy_skin .camera_next > span {
| + | |
| - | background-position: -40px -360px;
| + | |
| - | }
| + | |
| - | .camera_burgundy_skin .camera_commands > .camera_play {
| + | |
| - | background-position: -80px -360px;
| + | |
| - | }
| + | |
| - | .camera_burgundy_skin .camera_commands > .camera_stop {
| + | |
| - | background-position: -120px -360px;
| + | |
| - | }
| + | |
| - | /*CHARCOAL SKIN*/
| + | |
| - | .camera_charcoal_skin .camera_prevThumbs div {
| + | |
| - | background-position: -160px -400px;
| + | |
| - | }
| + | |
| - | .camera_charcoal_skin .camera_nextThumbs div {
| + | |
| - | background-position: -190px -400px;
| + | |
| - | }
| + | |
| - | .camera_charcoal_skin .camera_prev > span {
| + | |
| - | background-position: 0 -400px;
| + | |
| - | }
| + | |
| - | .camera_charcoal_skin .camera_next > span {
| + | |
| - | background-position: -40px -400px;
| + | |
| - | }
| + | |
| - | .camera_charcoal_skin .camera_commands > .camera_play {
| + | |
| - | background-position: -80px -400px;
| + | |
| - | }
| + | |
| - | .camera_charcoal_skin .camera_commands > .camera_stop {
| + | |
| - | background-position: -120px -400px;
| + | |
| - | }
| + | |
| - | /*CHOCOLATE SKIN*/
| + | |
| - | .camera_chocolate_skin .camera_prevThumbs div {
| + | |
| - | background-position: -160px -440px;
| + | |
| - | }
| + | |
| - | .camera_chocolate_skin .camera_nextThumbs div {
| + | |
| - | background-position: -190px -440px;
| + | |
| - | }
| + | |
| - | .camera_chocolate_skin .camera_prev > span {
| + | |
| - | background-position: 0 -440px;
| + | |
| - | }
| + | |
| - | .camera_chocolate_skin .camera_next > span {
| + | |
| - | background-position: -40px -440px;
| + | |
| - | }
| + | |
| - | .camera_chocolate_skin .camera_commands > .camera_play {
| + | |
| - | background-position: -80px -440px;
| + | |
| - | }
| + | |
| - | .camera_chocolate_skin .camera_commands > .camera_stop {
| + | |
| - | background-position: -120px -440px ;
| + | |
| - | }
| + | |
| - | /*COFFEE SKIN*/
| + | |
| - | .camera_coffee_skin .camera_prevThumbs div {
| + | |
| - | background-position: -160px -480px;
| + | |
| - | }
| + | |
| - | .camera_coffee_skin .camera_nextThumbs div {
| + | |
| - | background-position: -190px -480px;
| + | |
| - | }
| + | |
| - | .camera_coffee_skin .camera_prev > span {
| + | |
| - | background-position: 0 -480px;
| + | |
| - | }
| + | |
| - | .camera_coffee_skin .camera_next > span {
| + | |
| - | background-position: -40px -480px;
| + | |
| - | }
| + | |
| - | .camera_coffee_skin .camera_commands > .camera_play {
| + | |
| - | background-position: -80px -480px;
| + | |
| - | }
| + | |
| - | .camera_coffee_skin .camera_commands > .camera_stop {
| + | |
| - | background-position: -120px -480px ;
| + | |
| - | }
| + | |
| - | /*CYAN SKIN*/
| + | |
| - | .camera_cyan_skin .camera_prevThumbs div {
| + | |
| - | background-position: -160px -520px;
| + | |
| - | }
| + | |
| - | .camera_cyan_skin .camera_nextThumbs div {
| + | |
| - | background-position: -190px -520px;
| + | |
| - | }
| + | |
| - | .camera_cyan_skin .camera_prev > span {
| + | |
| - | background-position: 0 -520px;
| + | |
| - | }
| + | |
| - | .camera_cyan_skin .camera_next > span {
| + | |
| - | background-position: -40px -520px;
| + | |
| - | }
| + | |
| - | .camera_cyan_skin .camera_commands > .camera_play {
| + | |
| - | background-position: -80px -520px;
| + | |
| - | }
| + | |
| - | .camera_cyan_skin .camera_commands > .camera_stop {
| + | |
| - | background-position: -120px -520px ;
| + | |
| - | }
| + | |
| - | /*FUCHSIA SKIN*/
| + | |
| - | .camera_fuchsia_skin .camera_prevThumbs div {
| + | |
| - | background-position: -160px -560px;
| + | |
| - | }
| + | |
| - | .camera_fuchsia_skin .camera_nextThumbs div {
| + | |
| - | background-position: -190px -560px;
| + | |
| - | }
| + | |
| - | .camera_fuchsia_skin .camera_prev > span {
| + | |
| - | background-position: 0 -560px;
| + | |
| - | }
| + | |
| - | .camera_fuchsia_skin .camera_next > span {
| + | |
| - | background-position: -40px -560px;
| + | |
| - | }
| + | |
| - | .camera_fuchsia_skin .camera_commands > .camera_play {
| + | |
| - | background-position: -80px -560px;
| + | |
| - | }
| + | |
| - | .camera_fuchsia_skin .camera_commands > .camera_stop {
| + | |
| - | background-position: -120px -560px ;
| + | |
| - | }
| + | |
| - | /*GOLD SKIN*/
| + | |
| - | .camera_gold_skin .camera_prevThumbs div {
| + | |
| - | background-position: -160px -600px;
| + | |
| - | }
| + | |
| - | .camera_gold_skin .camera_nextThumbs div {
| + | |
| - | background-position: -190px -600px;
| + | |
| - | }
| + | |
| - | .camera_gold_skin .camera_prev > span {
| + | |
| - | background-position: 0 -600px;
| + | |
| - | }
| + | |
| - | .camera_gold_skin .camera_next > span {
| + | |
| - | background-position: -40px -600px;
| + | |
| - | }
| + | |
| - | .camera_gold_skin .camera_commands > .camera_play {
| + | |
| - | background-position: -80px -600px;
| + | |
| - | }
| + | |
| - | .camera_gold_skin .camera_commands > .camera_stop {
| + | |
| - | background-position: -120px -600px ;
| + | |
| - | }
| + | |
| - | /*GREEN SKIN*/
| + | |
| - | .camera_green_skin .camera_prevThumbs div {
| + | |
| - | background-position: -160px -640px;
| + | |
| - | }
| + | |
| - | .camera_green_skin .camera_nextThumbs div {
| + | |
| - | background-position: -190px -640px;
| + | |
| - | }
| + | |
| - | .camera_green_skin .camera_prev > span {
| + | |
| - | background-position: 0 -640px;
| + | |
| - | }
| + | |
| - | .camera_green_skin .camera_next > span {
| + | |
| - | background-position: -40px -640px;
| + | |
| - | }
| + | |
| - | .camera_green_skin .camera_commands > .camera_play {
| + | |
| - | background-position: -80px -640px;
| + | |
| - | }
| + | |
| - | .camera_green_skin .camera_commands > .camera_stop {
| + | |
| - | background-position: -120px -640px ;
| + | |
| - | }
| + | |
| - | /*GREY SKIN*/
| + | |
| - | .camera_grey_skin .camera_prevThumbs div {
| + | |
| - | background-position: -160px -680px;
| + | |
| - | }
| + | |
| - | .camera_grey_skin .camera_nextThumbs div {
| + | |
| - | background-position: -190px -680px;
| + | |
| - | }
| + | |
| - | .camera_grey_skin .camera_prev > span {
| + | |
| - | background-position: 0 -680px;
| + | |
| - | }
| + | |
| - | .camera_grey_skin .camera_next > span {
| + | |
| - | background-position: -40px -680px;
| + | |
| - | }
| + | |
| - | .camera_grey_skin .camera_commands > .camera_play {
| + | |
| - | background-position: -80px -680px;
| + | |
| - | }
| + | |
| - | .camera_grey_skin .camera_commands > .camera_stop {
| + | |
| - | background-position: -120px -680px ;
| + | |
| - | }
| + | |
| - | /*INDIGO SKIN*/
| + | |
| - | .camera_indigo_skin .camera_prevThumbs div {
| + | |
| - | background-position: -160px -720px;
| + | |
| - | }
| + | |
| - | .camera_indigo_skin .camera_nextThumbs div {
| + | |
| - | background-position: -190px -720px;
| + | |
| - | }
| + | |
| - | .camera_indigo_skin .camera_prev > span {
| + | |
| - | background-position: 0 -720px;
| + | |
| - | }
| + | |
| - | .camera_indigo_skin .camera_next > span {
| + | |
| - | background-position: -40px -720px;
| + | |
| - | }
| + | |
| - | .camera_indigo_skin .camera_commands > .camera_play {
| + | |
| - | background-position: -80px -720px;
| + | |
| - | }
| + | |
| - | .camera_indigo_skin .camera_commands > .camera_stop {
| + | |
| - | background-position: -120px -720px ;
| + | |
| - | }
| + | |
| - | /*KHAKI SKIN*/
| + | |
| - | .camera_khaki_skin .camera_prevThumbs div {
| + | |
| - | background-position: -160px -760px;
| + | |
| - | }
| + | |
| - | .camera_khaki_skin .camera_nextThumbs div {
| + | |
| - | background-position: -190px -760px;
| + | |
| - | }
| + | |
| - | .camera_khaki_skin .camera_prev > span {
| + | |
| - | background-position: 0 -760px;
| + | |
| - | }
| + | |
| - | .camera_khaki_skin .camera_next > span {
| + | |
| - | background-position: -40px -760px;
| + | |
| - | }
| + | |
| - | .camera_khaki_skin .camera_commands > .camera_play {
| + | |
| - | background-position: -80px -760px;
| + | |
| - | }
| + | |
| - | .camera_khaki_skin .camera_commands > .camera_stop {
| + | |
| - | background-position: -120px -760px ;
| + | |
| - | }
| + | |
| - | /*LIME SKIN*/
| + | |
| - | .camera_lime_skin .camera_prevThumbs div {
| + | |
| - | background-position: -160px -800px;
| + | |
| - | }
| + | |
| - | .camera_lime_skin .camera_nextThumbs div {
| + | |
| - | background-position: -190px -800px;
| + | |
| - | }
| + | |
| - | .camera_lime_skin .camera_prev > span {
| + | |
| - | background-position: 0 -800px;
| + | |
| - | }
| + | |
| - | .camera_lime_skin .camera_next > span {
| + | |
| - | background-position: -40px -800px;
| + | |
| - | }
| + | |
| - | .camera_lime_skin .camera_commands > .camera_play {
| + | |
| - | background-position: -80px -800px;
| + | |
| - | }
| + | |
| - | .camera_lime_skin .camera_commands > .camera_stop {
| + | |
| - | background-position: -120px -800px ;
| + | |
| - | }
| + | |
| - | /*MAGENTA SKIN*/
| + | |
| - | .camera_magenta_skin .camera_prevThumbs div {
| + | |
| - | background-position: -160px -840px;
| + | |
| - | }
| + | |
| - | .camera_magenta_skin .camera_nextThumbs div {
| + | |
| - | background-position: -190px -840px;
| + | |
| - | }
| + | |
| - | .camera_magenta_skin .camera_prev > span {
| + | |
| - | background-position: 0 -840px;
| + | |
| - | }
| + | |
| - | .camera_magenta_skin .camera_next > span {
| + | |
| - | background-position: -40px -840px;
| + | |
| - | }
| + | |
| - | .camera_magenta_skin .camera_commands > .camera_play {
| + | |
| - | background-position: -80px -840px;
| + | |
| - | }
| + | |
| - | .camera_magenta_skin .camera_commands > .camera_stop {
| + | |
| - | background-position: -120px -840px ;
| + | |
| - | }
| + | |
| - | /*MAROON SKIN*/
| + | |
| - | .camera_maroon_skin .camera_prevThumbs div {
| + | |
| - | background-position: -160px -880px;
| + | |
| - | }
| + | |
| - | .camera_maroon_skin .camera_nextThumbs div {
| + | |
| - | background-position: -190px -880px;
| + | |
| - | }
| + | |
| - | .camera_maroon_skin .camera_prev > span {
| + | |
| - | background-position: 0 -880px;
| + | |
| - | }
| + | |
| - | .camera_maroon_skin .camera_next > span {
| + | |
| - | background-position: -40px -880px;
| + | |
| - | }
| + | |
| - | .camera_maroon_skin .camera_commands > .camera_play {
| + | |
| - | background-position: -80px -880px;
| + | |
| - | }
| + | |
| - | .camera_maroon_skin .camera_commands > .camera_stop {
| + | |
| - | background-position: -120px -880px ;
| + | |
| - | }
| + | |
| - | /*ORANGE SKIN*/
| + | |
| - | .camera_orange_skin .camera_prevThumbs div {
| + | |
| - | background-position: -160px -920px;
| + | |
| - | }
| + | |
| - | .camera_orange_skin .camera_nextThumbs div {
| + | |
| - | background-position: -190px -920px;
| + | |
| - | }
| + | |
| - | .camera_orange_skin .camera_prev > span {
| + | |
| - | background-position: 0 -920px;
| + | |
| - | }
| + | |
| - | .camera_orange_skin .camera_next > span {
| + | |
| - | background-position: -40px -920px;
| + | |
| - | }
| + | |
| - | .camera_orange_skin .camera_commands > .camera_play {
| + | |
| - | background-position: -80px -920px;
| + | |
| - | }
| + | |
| - | .camera_orange_skin .camera_commands > .camera_stop {
| + | |
| - | background-position: -120px -920px ;
| + | |
| - | }
| + | |
| - | /*OLIVE SKIN*/
| + | |
| - | .camera_olive_skin .camera_prevThumbs div {
| + | |
| - | background-position: -160px -1080px;
| + | |
| - | }
| + | |
| - | .camera_olive_skin .camera_nextThumbs div {
| + | |
| - | background-position: -190px -1080px;
| + | |
| - | }
| + | |
| - | .camera_olive_skin .camera_prev > span {
| + | |
| - | background-position: 0 -1080px;
| + | |
| - | }
| + | |
| - | .camera_olive_skin .camera_next > span {
| + | |
| - | background-position: -40px -1080px;
| + | |
| - | }
| + | |
| - | .camera_olive_skin .camera_commands > .camera_play {
| + | |
| - | background-position: -80px -1080px;
| + | |
| - | }
| + | |
| - | .camera_olive_skin .camera_commands > .camera_stop {
| + | |
| - | background-position: -120px -1080px ;
| + | |
| - | }
| + | |
| - | /*PINK SKIN*/
| + | |
| - | .camera_pink_skin .camera_prevThumbs div {
| + | |
| - | background-position: -160px -960px;
| + | |
| - | }
| + | |
| - | .camera_pink_skin .camera_nextThumbs div {
| + | |
| - | background-position: -190px -960px;
| + | |
| - | }
| + | |
| - | .camera_pink_skin .camera_prev > span {
| + | |
| - | background-position: 0 -960px;
| + | |
| - | }
| + | |
| - | .camera_pink_skin .camera_next > span {
| + | |
| - | background-position: -40px -960px;
| + | |
| - | }
| + | |
| - | .camera_pink_skin .camera_commands > .camera_play {
| + | |
| - | background-position: -80px -960px;
| + | |
| - | }
| + | |
| - | .camera_pink_skin .camera_commands > .camera_stop {
| + | |
| - | background-position: -120px -960px ;
| + | |
| - | }
| + | |
| - | /*PISTACHIO SKIN*/
| + | |
| - | .camera_pistachio_skin .camera_prevThumbs div {
| + | |
| - | background-position: -160px -1040px;
| + | |
| - | }
| + | |
| - | .camera_pistachio_skin .camera_nextThumbs div {
| + | |
| - | background-position: -190px -1040px;
| + | |
| - | }
| + | |
| - | .camera_pistachio_skin .camera_prev > span {
| + | |
| - | background-position: 0 -1040px;
| + | |
| - | }
| + | |
| - | .camera_pistachio_skin .camera_next > span {
| + | |
| - | background-position: -40px -1040px;
| + | |
| - | }
| + | |
| - | .camera_pistachio_skin .camera_commands > .camera_play {
| + | |
| - | background-position: -80px -1040px;
| + | |
| - | }
| + | |
| - | .camera_pistachio_skin .camera_commands > .camera_stop {
| + | |
| - | background-position: -120px -1040px ;
| + | |
| - | }
| + | |
| - | /*PINK SKIN*/
| + | |
| - | .camera_pink_skin .camera_prevThumbs div {
| + | |
| - | background-position: -160px -80px;
| + | |
| - | }
| + | |
| - | .camera_pink_skin .camera_nextThumbs div {
| + | |
| - | background-position: -190px -80px;
| + | |
| - | }
| + | |
| - | .camera_pink_skin .camera_prev > span {
| + | |
| - | background-position: 0 -80px;
| + | |
| - | }
| + | |
| - | .camera_pink_skin .camera_next > span {
| + | |
| - | background-position: -40px -80px;
| + | |
| - | }
| + | |
| - | .camera_pink_skin .camera_commands > .camera_play {
| + | |
| - | background-position: -80px -80px;
| + | |
| - | }
| + | |
| - | .camera_pink_skin .camera_commands > .camera_stop {
| + | |
| - | background-position: -120px -80px;
| + | |
| - | }
| + | |
| - | /*RED SKIN*/
| + | |
| - | .camera_red_skin .camera_prevThumbs div {
| + | |
| - | background-position: -160px -1000px;
| + | |
| - | }
| + | |
| - | .camera_red_skin .camera_nextThumbs div {
| + | |
| - | background-position: -190px -1000px;
| + | |
| - | }
| + | |
| - | .camera_red_skin .camera_prev > span {
| + | |
| - | background-position: 0 -1000px;
| + | |
| - | }
| + | |
| - | .camera_red_skin .camera_next > span {
| + | |
| - | background-position: -40px -1000px;
| + | |
| - | }
| + | |
| - | .camera_red_skin .camera_commands > .camera_play {
| + | |
| - | background-position: -80px -1000px;
| + | |
| - | }
| + | |
| - | .camera_red_skin .camera_commands > .camera_stop {
| + | |
| - | background-position: -120px -1000px ;
| + | |
| - | }
| + | |
| - | /*TANGERINE SKIN*/
| + | |
| - | .camera_tangerine_skin .camera_prevThumbs div {
| + | |
| - | background-position: -160px -1120px;
| + | |
| - | }
| + | |
| - | .camera_tangerine_skin .camera_nextThumbs div {
| + | |
| - | background-position: -190px -1120px;
| + | |
| - | }
| + | |
| - | .camera_tangerine_skin .camera_prev > span {
| + | |
| - | background-position: 0 -1120px;
| + | |
| - | }
| + | |
| - | .camera_tangerine_skin .camera_next > span {
| + | |
| - | background-position: -40px -1120px;
| + | |
| - | }
| + | |
| - | .camera_tangerine_skin .camera_commands > .camera_play {
| + | |
| - | background-position: -80px -1120px;
| + | |
| - | }
| + | |
| - | .camera_tangerine_skin .camera_commands > .camera_stop {
| + | |
| - | background-position: -120px -1120px ;
| + | |
| - | }
| + | |
| - | /*TURQUOISE SKIN*/
| + | |
| - | .camera_turquoise_skin .camera_prevThumbs div {
| + | |
| - | background-position: -160px -1160px;
| + | |
| - | }
| + | |
| - | .camera_turquoise_skin .camera_nextThumbs div {
| + | |
| - | background-position: -190px -1160px;
| + | |
| - | }
| + | |
| - | .camera_turquoise_skin .camera_prev > span {
| + | |
| - | background-position: 0 -1160px;
| + | |
| - | }
| + | |
| - | .camera_turquoise_skin .camera_next > span {
| + | |
| - | background-position: -40px -1160px;
| + | |
| - | }
| + | |
| - | .camera_turquoise_skin .camera_commands > .camera_play {
| + | |
| - | background-position: -80px -1160px;
| + | |
| - | }
| + | |
| - | .camera_turquoise_skin .camera_commands > .camera_stop {
| + | |
| - | background-position: -120px -1160px ;
| + | |
| - | }
| + | |
| - | /*VIOLET SKIN*/
| + | |
| - | .camera_violet_skin .camera_prevThumbs div {
| + | |
| - | background-position: -160px -1200px;
| + | |
| - | }
| + | |
| - | .camera_violet_skin .camera_nextThumbs div {
| + | |
| - | background-position: -190px -1200px;
| + | |
| - | }
| + | |
| - | .camera_violet_skin .camera_prev > span {
| + | |
| - | background-position: 0 -1200px;
| + | |
| - | }
| + | |
| - | .camera_violet_skin .camera_next > span {
| + | |
| - | background-position: -40px -1200px;
| + | |
| - | }
| + | |
| - | .camera_violet_skin .camera_commands > .camera_play {
| + | |
| - | background-position: -80px -1200px;
| + | |
| - | }
| + | |
| - | .camera_violet_skin .camera_commands > .camera_stop {
| + | |
| - | background-position: -120px -1200px ;
| + | |
| - | }
| + | |
| - | /*WHITE SKIN*/
| + | |
| - | .camera_white_skin .camera_prevThumbs div {
| + | |
| - | background-position: -160px -80px;
| + | |
| - | }
| + | |
| - | .camera_white_skin .camera_nextThumbs div {
| + | |
| - | background-position: -190px -80px;
| + | |
| - | }
| + | |
| - | .camera_white_skin .camera_prev > span {
| + | |
| - | background-position: 0 -80px;
| + | |
| - | }
| + | |
| - | .camera_white_skin .camera_next > span {
| + | |
| - | background-position: -40px -80px;
| + | |
| - | }
| + | |
| - | .camera_white_skin .camera_commands > .camera_play {
| + | |
| - | background-position: -80px -80px;
| + | |
| - | }
| + | |
| - | .camera_white_skin .camera_commands > .camera_stop {
| + | |
| - | background-position: -120px -80px;
| + | |
| - | }
| + | |
| - | /*YELLOW SKIN*/
| + | |
| - | .camera_yellow_skin .camera_prevThumbs div {
| + | |
| - | background-position: -160px -1240px;
| + | |
| - | }
| + | |
| - | .camera_yellow_skin .camera_nextThumbs div {
| + | |
| - | background-position: -190px -1240px;
| + | |
| - | }
| + | |
| - | .camera_yellow_skin .camera_prev > span {
| + | |
| - | background-position: 0 -1240px;
| + | |
| - | }
| + | |
| - | .camera_yellow_skin .camera_next > span {
| + | |
| - | background-position: -40px -1240px;
| + | |
| - | }
| + | |
| - | .camera_yellow_skin .camera_commands > .camera_play {
| + | |
| - | background-position: -80px -1240px;
| + | |
| - | }
| + | |
| - | .camera_yellow_skin .camera_commands > .camera_stop {
| + | |
| - | background-position: -120px -1240px ;
| + | |
| - | }
| + | |
| - | </style>
| + | |
| - | <style>
| + | |
| - | body {
| + | |
| - | margin: 0;
| + | |
| - | padding: 0;
| + | |
| - | }
| + | |
| - | a {
| + | |
| - | color: #09f;
| + | |
| - | }
| + | |
| - | a:hover {
| + | |
| - | text-decoration: none;
| + | |
| - | }
| + | |
| - | #back_to_camera {
| + | |
| - | clear: both;
| + | |
| - | display: block;
| + | |
| - | height: 80px;
| + | |
| - | line-height: 40px;
| + | |
| - | padding: 20px;
| + | |
| - | }
| + | |
| - | .fluid_container {
| + | |
| - | margin: 0 auto;
| + | |
| - | max-width: 1000px;
| + | |
| - | width: 90%;
| + | |
| - | }
| + | |
| - | </style>
| + | |
| | | | |
| | + | /*Showbox Styling*/ |
| | + | |
| | + | .showbox tr:first-child td { |
| | + | border-top: 0px; |
| | + | padding-top: 1px |
| | + | } |
| | + | .showbox tr:last-child td { |
| | + | border-bottom: 0px; |
| | + | padding-bottom: 1px |
| | + | } |
| | + | .showbox tr td:first-child { |
| | + | border-left: 0px; |
| | + | padding-left: 1px; |
| | + | } |
| | + | .showbox tr td:last-child { |
| | + | border-right: 0px; |
| | + | padding-right: 1px; |
| | + | } |
| | + | |
| | + | .showbox { |
| | + | margin-top: -18px; |
| | + | background:none; |
| | + | color:#ffffff; |
| | + | vertical-align:baseline; |
| | + | border-collapse:collapse; |
| | + | } |
| | + | .showbox td { |
| | + | margin-top: -18px; |
| | + | background:none; |
| | + | border:none; |
| | + | padding:10px; |
| | + | width:50%; |
| | + | } |
| | + | .showbox p { |
| | + | text-align:top; |
| | + | color:black; |
| | + | margin:0px; |
| | + | font-size: 1.25em; |
| | + | } |
| | + | .showbox img { |
| | + | height:150px; |
| | + | width:180px; |
| | + | float:left; |
| | + | border-radius:4px; |
| | + | margin-right:10px; |
| | + | } |
| | + | a:hover { |
| | + | text-decoration:none; |
| | + | } |
| | + | |
| | + | /*end showboxstyling */ |
| | + | |
| | + | </style> |
| | </head> | | </head> |
| | | | |
| | <body> | | <body> |
| - | <div class="line"> | + | <!--Abstract--> |
| | + | <div id="box1" align="justify"> |
| | + | <a id="UCSFLogo"> |
| | + | </a> |
| | + | <h2><center>Operation CRISPR: Deploying precision guided tools to target unique species in a complex microbiome</h2></center> |
| | + | <p>In microbial communities, bacterial populations are commonly controlled using indiscriminate, broad range antibiotics. There are few ways to target specific strains effectively without disrupting the entire microbiome and local environment. The goal of our project is to take advantage of a natural horizontal gene transfer mechanism in bacteria to precisely affect gene expression in selected strains. We combine bacterial conjugation with CRISPRi, an RNAi-like repression system developed from bacteria, to regulate gene expression in targeted strains within a complex microbial community. One possible application is to selectively repress pathogenic genes in a microbiome, leaving the community makeup unaffected. In addition, we use CRISPRi to lay the groundwork for transferring large circuits that enable complex functionality and decision-making in cells. </p> |
| | + | |
| | </div> | | </div> |
| - | <div class="camera_wrap camera_beige_skin" id="camera_wrap_1">
| + | |
| - | <div data-thumb="https://static.igem.org/mediawiki/2013/4/4a/USTC-Software_1.jpg" data-src="https://static.igem.org/mediawiki/2013/c/c4/USTC-Software_1.png">
| + | <!--Project Box--> |
| - | <div class=" camera_caption fadeFromBottom" > <em>USTC-Software —— The unicorn consists "USTC".</em> </div> | + | <div class="floatbox"> |
| - | </div>
| + | <table class="showbox"> |
| - | <div data-thumb="https://static.igem.org/mediawiki/2013/1/19/Ustc-software_2s.jpg" data-src="https://static.igem.org/mediawiki/2013/0/0c/Ustc-software_2.jpg">
| + | <tr> |
| - | <div class="camera_caption fadeFromBottom"><em>Having discussion with iGEM Software co-head judge, Gil Alterovitz.</em></div>
| + | <td> |
| - | </div>
| + | |
| - | <div data-thumb="https://static.igem.org/mediawiki/2013/9/9c/USTC-Software_3.jpg" data-src="https://static.igem.org/mediawiki/2013/f/fd/USTC-Software_3.png">
| + | <div>< a href="https:// 2013.igem.org/ Team: UCSF/ About_Us"> |
| - | <div class="camera_caption fadeFromBottom"> <em>Team members were working.</em> </div>
| + | <img src="https://static.igem.org/mediawiki/2013/2/29/2013UCSF_MainBox_Team.jpg" class="blur"></a> |
| - | </div>
| + | |
| - | <div data-thumb="https://static.igem.org/mediawiki/2013/e/e0/USTC-Software_4.jpg" data-src="https://static.igem.org/mediawiki/2013/9/9a/USTC-Software_4.png">
| + | |
| - | <div class="camera_caption fadeFromBottom"> <em>What's your opinion?</em> </div>
| + | |
| - | </div>
| + | |
| - | <div data-thumb="https://static.igem.org/mediawiki/2013/e/ed/USTC-Software_5.jpg" data-src="https://static.igem.org/mediawiki/2013/2/26/USTC-Software_5.png">
| + | |
| - | <div class="camera_caption fadeFromBottom"> <em>Come to see this ! ~</em> </div>
| + | |
| - | </div>
| + | |
| - | <div data-thumb="https://static.igem.org/mediawiki/2013/1/19/Ustc-software_2s.jpg" data-src="https://static.igem.org/mediawiki/2013/0/0c/Ustc-software_2.jpg">
| + | |
| - | <div class="camera_caption fadeFromBottom"><em>Having discussion with iGEM Software co-head judge, Gil Alterovitz.</em></div>
| + | |
| - | </div>
| + | |
| - | </div>
| + | |
| - |
| + | |
| | </div> | | </div> |
| - | </body> | + | <a href="https://2013.igem.org/Team:UCSF/About_Us"><h3>Team</h3></a> |
| | + | <p>Meet our dedicated team of under-graduates who conceived of, planned, and carried out the whole project.</p></a> |
| | + | </td> |
| | + | |
| | + | <td> |
| | + | <a href="https://2013.igem.org/Team:UCSF/Project/Background"><img src="https://static.igem.org/mediawiki/2013/c/c2/UCSF2013_MainBox_Project-1.jpg" class="blur"></a> |
| | + | <a href="https://2013.igem.org/Team:UCSF/Project/Background"><h3>Project</h3></a> |
| | + | <p>Discover our precision guided tools to target unique species in a complex microbiome and our groundwork for transferring large circuits that enable complex functionality and decision-making in cells.</p> |
| | + | </td> |
| | + | </tr> |
| | + | |
| | + | <tr> |
| | + | <td> |
| | + | <a href="https://2013.igem.org/Team:UCSF/Modeling"> |
| | + | <img src="https://static.igem.org/mediawiki/2013/a/af/UCSF2013_MainBox_Modeling-1.jpg" class="blur" /> |
| | + | <!--img src="https://static.igem.org/mediawiki/2013/9/97/UCD_2013_HO_Button.jpg" class="blur"--></a> |
| | + | <a href="https://2013.igem.org/Team:UCSF/Modeling"><h3>Modeling</h3></a> |
| | + | <p>Take a look at how we use mathematical modeling to facilitate the design and construct of our project. </p> |
| | + | </td> |
| | + | <td> |
| | + | <a href="https://2013.igem.org/Team:UCSF/Exploratorium"><img src="https://static.igem.org/mediawiki/2013/7/7c/UCSF2013_MainBox_HP.jpg" class="blur"</a> |
| | + | <a href="https://2013.igem.org/Team:UCSF/Exploratorium"><h3>Human Practice</h3></a> |
| | + | <p>Examine how we teach Synthetic Biology to the general public through night event at Exploratorium and to high school students through a collaboration with Lincoln High School.</p> |
| | + | </td> |
| | + | </tr> |
| | + | </table> |
| | + | |
| | + | </div> |
| | + | |
| | + | |
| | + | <!--Sponsors--> |
| | + | <div id="box1" align="justify"> |
| | + | <h2><center>Special Thanks to Our 2013 iGEM Team Sponsors!</h2></center> |
| | + | <center><img style="margin-bottom:0px; width: 500px; padding:2;"src="https://dl.dropbox.com/u/24404809/iGEM%202012/igem%202012%20website%20photos/Logos/2012%20Sponsors.jpg" usemap="#sponsor"> |
| | + | <map name="sponsor"> |
| | + | <area shape="rect" coords="0,0,200,100" href="http://www.lifetechnologies.com/us/en/home.html" /> |
| | + | <area shape="rect" coords="200,0,450,100" href="http://systemsbiology.ucsf.edu/" /> |
| | + | <area shape="rect" coords="0,95,180,200" href="http://www.qb3.org/" /> |
| | + | <area shape="rect" coords="180,95,495,200" href="http://www.synberc.org/" /> |
| | + | </map> |
| | + | </center> |
| | + | </p> |
| | + | <br> |
| | + | </div> |
| | + | |
| | </html> | | </html> |
"
