|
|
| (54 intermediate revisions by 3 users not shown) |
| Line 1: |
Line 1: |
| − | <html class=" js no-touch svg inlinesvg svgclippaths no-ie8compat js no-touch svg inlinesvg svgclippaths no-ie8compat" lang="en"><!--<![endif]--><head>
| + | {{Warwick}} |
| − | <meta charset="utf-8">
| + | {{WarwickTimeline}} |
| − | <!-- Set the viewport width to device width for mobile -->
| + | |
| − | <meta name="viewport" content="width=device-width">
| + | |
| − | <title>Warwick iGEM 2015</title>
| + | |
| | <html> | | <html> |
| | + | |
| | + | |
| | + | |
| | + | <!-- SUBHEADER |
| | + | ================================================== --> |
| | + | <a id="link1"></a> |
| | + | <div id="subheader"> |
| | + | <div class="row"> |
| | + | |
| | + | </div> |
| | + | </div> |
| | + | <div class="hr"> |
| | + | </div> |
| | + | |
| | + | <!-- CONTENT |
| | + | ================================================== --> |
| | + | <html lang="en" class="no-js"> |
| | + | |
| | <head> | | <head> |
| − | <style src = "" type = "text/css"> | + | <meta charset="UTF-8"> |
| − | /* links to the style sheets for bootstrap */
| + | <meta name="viewport" content="width=device-width, initial-scale=1"> |
| | | | |
| − | body { | + | |
| − | border: 0px;
| + | |
| − | }
| + | </head> |
| | + | <body> |
| | + | |
| | + | <section id="cd-timeline" class="cd-container"> |
| | + | <div class="cd-timeline-block"> |
| | + | <div class="cd-timeline-img cd-picture"> |
| | + | <img src="http://colouringbook.org/SVG/2011/COLOURINGBOOK.ORG/ducky_icon_black_white_line_art_scalable_vector_graphics_svg_inkscape_adobe_illustrator_clip_art_clipart_coloring_book_colouring-1969px.png" alt="Picture"> |
| | + | </div> <!-- cd-timeline-img --> |
| | | | |
| − | /* makes the white boxes go away */
| + | <div class="cd-timeline-content"> |
| − | #content{
| + | <h2>Week 1</h2> |
| − | background: white; | + | <p>We brainstormed ideas of what we can do with the project, more specifically and also split into smaller groups of modellers and biologists (although we had daily meetings). We spent a lot of time coming up with and optimising DNA sequences for zinc fingers.</p> |
| − | border: 0px; | + | |
| − | float: center; | + | <span class="cd-date">Jun 29</span> |
| − | width: 100%;
| + | </div> <!-- cd-timeline-content --> |
| − | margin-left:auto; | + | </div> <!-- cd-timeline-block --> |
| − | margin-right:auto;
| + | |
| − | padding-top: 0px;
| + | |
| − | } | + | |
| − | <!-- CSS Files--> | + | |
| − | <style media="screen" type="text/css"> | + | |
| | | | |
| − | /* Requires: normalize.css */
| + | <div class="cd-timeline-block"> |
| − | /* Global Reset & Standards ---------------------- */
| + | <div class="cd-timeline-img cd-movie"> |
| − | * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
| + | <img src="http://colouringbook.org/SVG/2011/COLOURINGBOOK.ORG/ducky_icon_black_white_line_art_scalable_vector_graphics_svg_inkscape_adobe_illustrator_clip_art_clipart_coloring_book_colouring-1969px.png" alt="Movie"> |
| − | html { font-size: 62.5% }
| + | </div> <!-- cd-timeline-img --> |
| − | body { font-family: DroidSansRegular, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; font-size: 13px; line-height: 20px; color: #666; position: relative; -webkit-font-smoothing: antialiased; }
| + | |
| − | /* Links ---------------------- */
| + | |
| − | a { color: #2ba6cb; text-decoration: none; line-height: inherit; }
| + | |
| − | a:hover { color: #2795b6 }
| + | |
| − | a:focus { color: #2ba6cb; outline: none; }
| + | |
| − | p a,p a:visited { line-height: inherit }
| + | |
| − | img {border:0px;} | + | |
| − | #googlemap img,object,embed { max-width: none }
| + | |
| − | #map_canvas embed { max-width: none }
| + | |
| − | #map_canvas img { max-width: none }
| + | |
| − | #map_canvas object { max-width: none }
| + | |
| − | /* Reset for strange margins by default on <figure> elements */ | + | |
| − | figure { margin: 0 }
| + | |
| − | /* Base Type Styles Using Modular Scale ---------------------- */ | + | |
| − | body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,th,td { margin: 0; padding: 0; font-size: 13px; direction: ltr; }
| + | |
| − | p { font-size: 13px; line-height: 1.6; margin-bottom: 15px; }
| + | |
| − | p.lead { font-size: 17.5px; line-height: 1.6; margin-bottom: 17px; }
| + | |
| − | ::-webkit-input-placeholder { font-size: 12px }
| + | |
| − | aside p { font-size: 13px; line-height: 1.35; font-style: italic; }
| + | |
| − | h1,h2,h3,h4,h5,h6 { font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; color: #222222; text-rendering: optimizeLegibility; line-height: 1.1; margin-bottom: 14px; margin-top: 14px; }
| + | |
| − | h1 small,h2 small,h3 small,h4 small,h5 small,h6 small { font-size: 60%; color: #6f6f6f; line-height: 0; }
| + | |
| − | h1 { font-size: 40px }
| + | |
| − | h2 { font-size: 37px }
| + | |
| − | h3 { font-size: 27px }
| + | |
| − | h4 { font-size: 23px }
| + | |
| − | h5 { font-size: 17px }
| + | |
| − | h6 { font-size: 14px }
| + | |
| − | hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 22px 0 21px; height: 0; }
| + | |
| − | .subheader { line-height: 1.3; color: #6f6f6f; font-weight: 300; margin-bottom: 17px; }
| + | |
| − | em,i { font-style: italic; line-height: inherit; }
| + | |
| − | strong,b { font-weight: bold; line-height: inherit; }
| + | |
| − | small { font-size: 60%; line-height: inherit; }
| + | |
| − | code { font-weight: bold; background: #ffff99; }
| + | |
| − | /* Lists ---------------------- */ | + | |
| − | ul,ol { font-size: 14px; line-height: 1.6; margin-bottom: 17px; list-style-position: inside; }
| + | |
| − | ul li ul,ul li ol { margin-left: 20px; margin-bottom: 0; }
| + | |
| − | ul.square,ul.circle,ul.disc { margin-left: 17px }
| + | |
| − | ul.square { list-style-type: square }
| + | |
| − | ul.square li ul { list-style: inherit }
| + | |
| − | ul.circle { list-style-type: circle }
| + | |
| − | ul.circle li ul { list-style: inherit }
| + | |
| − | ul.disc { list-style-type: disc }
| + | |
| − | ul.disc li ul { list-style: inherit }
| + | |
| − | ul.no-bullet { list-style: none }
| + | |
| − | ul.large li { line-height: 21px }
| + | |
| − | ol li ul,ol li ol { margin-left: 20px; margin-bottom: 0; }
| + | |
| − | /* Blockquotes ---------------------- */
| + | |
| − | blockquote,blockquote p { color: #6f6f6f; }
| + | |
| − | blockquote { margin: 0 0 17px; padding: 9px 20px 0 19px;}
| + | |
| − | blockquote cite { display: block; font-size: 13px; color: #555555; }
| + | |
| − | blockquote cite:before { content: "\2014 \0020" }
| + | |
| − | blockquote cite a,blockquote cite a:visited { color: #555555 }
| + | |
| − | abbr,acronym { text-transform: uppercase; font-size: 90%; color: #222222; border-bottom: 1px solid #ddd; cursor: help; }
| + | |
| − | abbr { text-transform: none }
| + | |
| | | | |
| − | .print-only { display: none !important }
| + | <div class="cd-timeline-content"> |
| − | @media print {
| + | <h2>Week 2</h2> |
| − | * { background: transparent !important; color: black !important; box-shadow: none !important; text-shadow: none !important; filter: none !important; -ms-filter: none !important; }
| + | <p> |
| − | /* Black prints faster: h5bp.com/s */
| + | |
| − | a,
| + | |
| − | a:visited { text-decoration: underline }
| + | |
| − | a[href]:after { content: " (" attr(href) ")" }
| + | |
| − | abbr[title]:after { content: " (" attr(title) ")" }
| + | |
| − | .ir a:after,
| + | |
| − | a[href^="javascript:"]:after,
| + | |
| − | a[href^="#"]:after { content: "" }
| + | |
| − | /* Don't show links for images, or javascript/internal links */
| + | |
| − | pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
| + | |
| − | thead { display: table-header-group }
| + | |
| − | /* h5bp.com/t */
| + | |
| − | tr,img { page-break-inside: avoid }
| + | |
| − | img { max-width: 100% !important }
| + | |
| − | }
| + | |
| − | /* Requires globals.css */
| + | |
| − | /* Standard Forms ---------------------- */
| + | |
| − | form { margin: 0 0 19.41641px }
| + | |
| − | .row form .row { margin: 0 -6px }
| + | |
| − | .row form .row .column,
| + | |
| − | .row form .row .columns { padding: 0 6px }
| + | |
| − | .row form .row.collapse { margin: 0 }
| + | |
| − | .row form .row.collapse .column,
| + | |
| − | .row form .row.collapse .columns { padding: 0 }
| + | |
| − | label { color: #4d4d4d; cursor: pointer; display: block; font-weight: 500; margin-bottom: 3px; }
| + | |
| − | label.right { float: none; text-align: right; }
| + | |
| − | label.inline { line-height: 32px; margin: 0 0 12px 0; }
| + | |
| − | .prefix,.postfix { display: block; position: relative; z-index: 2; text-align: center; width: 100%; padding-top: 0; padding-bottom: 0; height: 32px; line-height: 31px; }
| + | |
| − | a.button.prefix,a.button.postfix { padding-left: 0; padding-right: 0; text-align: center; }
| + | |
| − | span.prefix,span.postfix { background: #f2f2f2; border: 1px solid #cccccc; }
| + | |
| − | .prefix { left: 2px; -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; border-top-left-radius: 2px; -moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px; overflow: hidden; }
| + | |
| − | .postfix { right: 2px; -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; border-top-right-radius: 2px; -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px; border-bottom-right-radius: 2px; }
| + | |
| − | input[type="text"],input[type="password"],input[type="date"],input[type="datetime"],input[type="email"],input[type="number"],input[type="search"],input[type="tel"],input[type="time"],input[type="url"],textarea { font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; border: 0px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.75); display: block; font-size: 14px; margin: 1px 0 12px 0; padding: 6px; height: 30px; width: 100%; -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; -o-transition: all 0.15s linear; transition: all 0.15s linear; }
| + | |
| − | input[type="text"].oversize,input[type="password"].oversize,input[type="date"].oversize,input[type="datetime"].oversize,input[type="email"].oversize,input[type="number"].oversize,input[type="search"].oversize,input[type="tel"].oversize,input[type="time"].oversize,input[type="url"].oversize,textarea.oversize { font-size: 17px; padding: 4px 6px; }
| + | |
| − | input[type="text"]:focus,input[type="password"]:focus,input[type="date"]:focus,input[type="datetime"]:focus,input[type="email"]:focus,input[type="number"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="time"]:focus,input[type="url"]:focus,textarea:focus { background: #fafafa; outline: none !important; border-color: #b3b3b3; }
| + | |
| − | input[type="text"][disabled],input[type="password"][disabled],input[type="date"][disabled],input[type="datetime"][disabled],input[type="email"][disabled],input[type="number"][disabled],input[type="search"][disabled],input[type="tel"][disabled],input[type="time"][disabled],input[type="url"][disabled],textarea[disabled] { background-color: #ddd }
| + | |
| − | textarea { height: auto }
| + | |
| − | select { width: 100% }
| + | |
| − | /* Fieldsets */
| + | |
| − | fieldset { border: solid 1px #ddd; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; padding: 12px 12px 0; margin: 18px 0; }
| + | |
| − | fieldset legend { font-weight: bold; background: white; padding: 0 3px; margin: 0; margin-left: -3px; }
| + | |
| − | /* Errors */
| + | |
| − | .error input,input.error,.error textarea,textarea.error { border-color: #c60f13; background-color: rgba(198, 15, 19, 0.1); }
| + | |
| − | .error label,label.error { color: #c60f13 }
| + | |
| − | .error small,small.error { display: block; padding: 6px 4px; margin-top: -13px; margin-bottom: 12px; background: #c60f13; color: #fff; font-size: 12px; font-size: 1.2rem; font-weight: bold; -moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px; -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px; border-bottom-right-radius: 2px; }
| + | |
| | | | |
| − | /* Custom Forms ---------------------- */ | + | <br>07/07/2015: |
| − | form.custom { /* Custom input, disabled */: }
| + | |
| − | form.custom span.custom { display: inline-block; width: 16px; height: 16px; position: relative; top: 2px; border: solid 1px #ccc; background: #fff; }
| + | |
| − | form.custom span.custom.radio { -webkit-border-radius: 100px; -moz-border-radius: 100px; -ms-border-radius: 100px; -o-border-radius: 100px; border-radius: 100px; }
| + | |
| − | form.custom span.custom.checkbox:before { content: ""; display: block; line-height: 0.8; height: 14px; width: 14px; text-align: center; position: absolute; top: 0; left: 0; font-size: 14px; color: #fff; }
| + | |
| − | form.custom span.custom.radio.checked:before { content: ""; display: block; width: 8px; height: 8px; -webkit-border-radius: 100px; -moz-border-radius: 100px; -ms-border-radius: 100px; -o-border-radius: 100px; border-radius: 100px; background: #222; position: relative; top: 3px; left: 3px; }
| + | |
| − | form.custom span.custom.checkbox.checked:before { content: "\00d7"; color: #222; }
| + | |
| − | form.custom div.custom.dropdown { display: block; position: relative; width: auto; height: 28px; margin-bottom: 9px; margin-top: 2px; }
| + | |
| − | form.custom div.custom.dropdown a.current { display: block; width: auto; line-height: 26px; min-height: 28px; padding: 0; padding-left: 6px; padding-right: 38px; border: solid 1px #ddd; color: #141414; background-color: #fff; white-space: nowrap; }
| + | |
| − | form.custom div.custom.dropdown a.selector { position: absolute; width: 27px; height: 28px; display: block; right: 0; top: 0; border: solid 1px #ddd; }
| + | |
| − | form.custom div.custom.dropdown a.selector:after { content: ""; display: block; content: ""; display: block; width: 0; height: 0; border: solid 5px; border-color: #aaaaaa transparent transparent transparent; position: absolute; left: 50%; top: 50%; margin-top: -2px; margin-left: -5px; }
| + | |
| − | form.custom div.custom.dropdown:hover a.selector:after,
| + | |
| − | form.custom div.custom.dropdown.open a.selector:after { content: ""; display: block; width: 0; height: 0; border: solid 5px; border-color: #222222 transparent transparent transparent; }
| + | |
| − | form.custom div.custom.dropdown.open ul { display: block; z-index: 10; }
| + | |
| − | form.custom div.custom.dropdown.small { width: 134px !important }
| + | |
| − | form.custom div.custom.dropdown.medium { width: 254px !important }
| + | |
| − | form.custom div.custom.dropdown.large { width: 434px !important }
| + | |
| − | form.custom div.custom.dropdown.expand { width: 100% !important }
| + | |
| − | form.custom div.custom.dropdown.open.small ul { width: 134px !important }
| + | |
| − | form.custom div.custom.dropdown.open.medium ul { width: 254px !important }
| + | |
| − | form.custom div.custom.dropdown.open.large ul { width: 434px !important }
| + | |
| − | form.custom div.custom.dropdown.open.expand ul { width: 100% !important }
| + | |
| − | form.custom div.custom.dropdown ul { position: absolute; width: auto; display: none; margin: 0; left: 0; top: 27px; margin: 0; padding: 0; background: #fff; background: rgba(255, 255, 255, 0.95); border: solid 1px #cccccc; }
| + | |
| − | form.custom div.custom.dropdown ul li { color: #555; font-size: 13px; cursor: pointer; padding: 3px; padding-left: 6px; padding-right: 38px; min-height: 18px; line-height: 18px; margin: 0; white-space: nowrap; list-style: none; }
| + | |
| − | form.custom div.custom.dropdown ul li.selected { background: #cdebf5; color: #000; }
| + | |
| − | form.custom div.custom.dropdown ul li.selected:after { content: "\2013"; position: absolute; right: 10px; }
| + | |
| − | form.custom div.custom.dropdown ul li:hover { background-color: #e3f4f9; color: #222; }
| + | |
| − | form.custom div.custom.dropdown ul li:hover:after { content: "\2013"; position: absolute; right: 10px; color: #8ed3e7; }
| + | |
| − | form.custom div.custom.dropdown ul li.selected:hover { background: #cdebf5; cursor: default; color: #000; }
| + | |
| − | form.custom div.custom.dropdown ul li.selected:hover:after { color: #000 }
| + | |
| − | form.custom div.custom.dropdown ul.show { display: block }
| + | |
| − | form.custom .custom.disabled { background-color: #ddd }
| + | |
| − | /* Generated by Font Squirrel (http://www.fontsquirrel.com) on October 2, 2013 07:45:19 AM America/New_York */
| + | |
| − | @font-face { font-family: 'DroidSansRegular'; src: url('fonts/DroidSans-webfont.eot'); src: url('fonts/DroidSans-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/DroidSans-webfont.woff') format('woff'), url('fonts/DroidSans-webfont.ttf') format('truetype'), url('fonts/DroidSans-webfont.svg#DroidSansRegular') format('svg'); font-weight: normal; font-style: normal; }
| + | |
| − | @font-face { font-family: 'DroidSansBold'; src: url('fonts/DroidSans-Bold-webfont.eot'); src: url('fonts/DroidSans-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/DroidSans-Bold-webfont.woff') format('woff'), url('fonts/DroidSans-Bold-webfont.ttf') format('truetype'), url('fonts/DroidSans-Bold-webfont.svg#DroidSansBold') format('svg'); font-weight: normal; font-style: normal; }
| + | |
| − | @font-face { font-family: 'BitterRegular'; src: url('fonts/Bitter-Regular-webfont.eot'); src: url('fonts/Bitter-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/Bitter-Regular-webfont.woff') format('woff'), url('fonts/Bitter-Regular-webfont.ttf') format('truetype'), url('fonts/Bitter-Regular-webfont.svg#BitterRegular') format('svg'); font-weight: normal; font-style: normal; }
| + | |
| − | @font-face { font-family: 'BitterItalic'; src: url('fonts/Bitter-Italic-webfont.eot'); src: url('fonts/Bitter-Italic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/Bitter-Italic-webfont.woff') format('woff'), url('fonts/Bitter-Italic-webfont.ttf') format('truetype'), url('fonts/Bitter-Italic-webfont.svg#BitterItalic') format('svg'); font-weight: normal; font-style: normal; }
| + | |
| − | @font-face { font-family: 'BitterBold'; src: url('fonts/Bitter-Bold-webfont.eot'); src: url('fonts/Bitter-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/Bitter-Bold-webfont.woff') format('woff'), url('fonts/Bitter-Bold-webfont.ttf') format('truetype'), url('fonts/Bitter-Bold-webfont.svg#BitterBold') format('svg'); font-weight: normal; font-style: normal; }
| + | |
| − | @font-face { font-family: 'ChunkFiveRegular'; src: url('fonts/Chunkfive-webfont.eot'); src: url('fonts/Chunkfive-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/Chunkfive-webfont.woff') format('woff'), url('fonts/Chunkfive-webfont.ttf') format('truetype'), url('fonts/Chunkfive-webfont.svg#ChunkFiveRegular') format('svg'); font-weight: normal; font-style: normal;}
| + | |
| − | /* Correct FF custom dropdown height */
| + | |
| − | @-moz-document url-prefix() {
| + | |
| − | form.custom div.custom.dropdown a.selector { height: 30px }
| + | |
| − | }
| + | |
| − | .lt-ie9 form.custom div.custom.dropdown a.selector { height: 30px }
| + | |
| − | /* The Grid ---------------------- */
| + | |
| − | .row { width: 980px; min-width: 768px; max-width: 100%; margin: 0 auto; }
| + | |
| − | .row .row { width: auto; max-width: none; min-width: 0; margin: 0 -15px; }
| + | |
| − | .row.collapse .column,
| + | |
| − | .row.collapse .columns { padding: 0 }
| + | |
| − | .row .row { width: auto; max-width: none; min-width: 0; margin: 0 -15px; }
| + | |
| − | .row .row.collapse { margin: 0 }
| + | |
| − | .column,
| + | |
| − | .columns { float: left; min-height: 1px; padding: 0 15px; position: relative; }
| + | |
| − | .column.centered,
| + | |
| − | .columns.centered { float: none; margin: 0 auto; }
| + | |
| − | [class*="column"] + [class*="column"]:last-child { float: right }
| + | |
| − | [class*="column"] + [class*="column"].end { float: left }
| + | |
| − | .one,.row .one { width: 8.33333% }
| + | |
| − | .two,.row .two { width: 16.66667% }
| + | |
| − | .three,.row .three { width: 25% }
| + | |
| − | .four,.row .four { width: 33.33333% }
| + | |
| − | .five,.row .five { width: 41.66667% }
| + | |
| − | .six,.row .six { width: 50% }
| + | |
| − | .seven,.row .seven { width: 58.33333% }
| + | |
| − | .eight,.row .eight { width: 66.66667% }
| + | |
| − | .nine,.row .nine { width: 75% }
| + | |
| − | .ten,.row .ten { width: 83.33333% }
| + | |
| − | .eleven,.row .eleven { width: 91.66667% }
| + | |
| − | .twelve,.row .twelve { width: 100% }
| + | |
| − | .row .offset-by-one { margin-left: 8.33333% }
| + | |
| − | .row .offset-by-two { margin-left: 16.66667% }
| + | |
| − | .row .offset-by-three { margin-left: 25% }
| + | |
| − | .row .offset-by-four { margin-left: 33.33333% }
| + | |
| − | .row .offset-by-five { margin-left: 41.66667% }
| + | |
| − | .row .offset-by-six { margin-left: 50% }
| + | |
| − | .row .offset-by-seven { margin-left: 58.33333% }
| + | |
| − | .row .offset-by-eight { margin-left: 66.66667% }
| + | |
| − | .row .offset-by-nine { margin-left: 75% }
| + | |
| − | .row .offset-by-ten { margin-left: 83.33333% }
| + | |
| − | .push-two { left: 16.66667% }
| + | |
| − | .pull-two { right: 16.66667% }
| + | |
| − | .push-three { left: 25% }
| + | |
| − | .pull-three { right: 25% }
| + | |
| − | .push-four { left: 33.33333% }
| + | |
| − | .pull-four { right: 33.33333% }
| + | |
| − | .push-five { left: 41.66667% }
| + | |
| − | .pull-five { right: 41.66667% }
| + | |
| − | .push-six { left: 50% }
| + | |
| − | .pull-six { right: 50% }
| + | |
| − | .push-seven { left: 58.33333% }
| + | |
| − | .pull-seven { right: 58.33333% }
| + | |
| − | .push-eight { left: 66.66667% }
| + | |
| − | .pull-eight { right: 66.66667% }
| + | |
| − | .push-nine { left: 75% }
| + | |
| − | .pull-nine { right: 75% }
| + | |
| − | .push-ten { left: 83.33333% }
| + | |
| − | .pull-ten { right: 83.33333% }
| + | |
| − | img,object,embed { height: auto }
| + | |
| − | object,embed { height: 100% }
| + | |
| − | img { -ms-interpolation-mode: bicubic }
| + | |
| − | #map_canvas img,.map_canvas img { max-width: none!important }
| + | |
| − | /* Nicolas Gallagher's micro clearfix */
| + | |
| − | .row { *zoom: 1 }
| + | |
| − | .row:before,.row:after { content: ""; display: table; }
| + | |
| − | .row:after { clear: both }
| + | |
| − | /* Block Grids ---------------------- */
| + | |
| − | /* These are 2-up, 3-up, 4-up and 5-up ULs, suited
| + | |
| − | for repeating blocks of content. Add 'mobile' to
| + | |
| − | them to switch them just like the layout grid
| + | |
| − | (one item per line) on phones
| + | |
| | | | |
| − | For IE7/8 compatibility block-grid items need to be
| + | - <br>Agar plates (with chloramphenicol and streptomycin) made. |
| − | the same height. You can optionally uncomment the
| + | |
| − | lines below to support arbitrary height, but know
| + | |
| − | that IE7/8 do not support :nth-child.
| + | |
| − | -------------------------------------------------- */
| + | |
| − | .block-grid { display: block; overflow: hidden; padding: 0; }
| + | |
| − | .block-grid > li { display: block; height: auto; float: left; }
| + | |
| − | .block-grid.one-up { margin: 0 }
| + | |
| − | .block-grid.one-up > li { width: 100%; padding: 0 0 15px; }
| + | |
| − | .block-grid.two-up { margin: 0 -15px }
| + | |
| − | .block-grid.two-up > li { width: 50%; padding: 0 15px 15px; }
| + | |
| − | .block-grid.two-up > li:nth-child(2n+1) { clear: both }
| + | |
| − | .block-grid.three-up { margin: 0 -12px }
| + | |
| − | .block-grid.three-up > li { width: 33.33%; padding: 0 12px 12px; }
| + | |
| − | .block-grid.three-up > li:nth-child(3n+1) { clear: both }
| + | |
| − | .block-grid.four-up { margin: 0 -10px }
| + | |
| − | .block-grid.four-up > li { width: 25%; padding: 0 10px 10px; }
| + | |
| − | .block-grid.four-up > li:nth-child(4n+1) { clear: both }
| + | |
| − | .block-grid.five-up { margin: 0 -8px }
| + | |
| − | .block-grid.five-up > li { width: 20%; padding: 0 8px 8px; }
| + | |
| − | .block-grid.five-up > li:nth-child(5n+1) { clear: both }
| + | |
| − | /* Mobile Block Grids */
| + | |
| − | @media only screen and (max-width: 767px) {
| + | |
| − | .block-grid.mobile > li { float: none; width: 100%; margin-left: 0; }
| + | |
| − | .block-grid > li { clear: none !important }
| + | |
| − | .block-grid.mobile-two-up > li { width: 50% }
| + | |
| − | .block-grid.mobile-two-up > li:nth-child(2n+1) { clear: both }
| + | |
| − | .block-grid.mobile-three-up > li { width: 33.33% }
| + | |
| − | .block-grid.mobile-three-up > li:nth-child(3n+1) { clear: both !important }
| + | |
| − | .block-grid.mobile-four-up > li { width: 25% }
| + | |
| − | .block-grid.mobile-four-up > li:nth-child(4n+1) { clear: both }
| + | |
| − | .block-grid.mobile-five-up > li:nth-child(5n+1) { clear: both }
| + | |
| − | }
| + | |
| − | /* Requires globals.css */
| + | |
| − | /* Normal Buttons ---------------------- */
| + | |
| − | .button { border: 0px; nowhitespace: afterproperty; width: auto; nowhitespace: afterproperty; background: #444; color: white; cursor: pointer; display: inline-block; font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; font-size: 14px; font-weight: bold; line-height: 1; margin: 0; outline: none; padding: 8px 17px 9px; position: relative; text-align: center; text-decoration: none; -webkit-transition: background-color 0.15s ease-in-out; -moz-transition: background-color 0.15s ease-in-out; -o-transition: background-color 0.15s ease-in-out; transition: background-color 0.15s ease-in-out; /* Hovers */ /* Sizes */ /* Colors */ /* Radii */ /* Layout */ /* Disabled ---------- */ }
| + | |
| − | .button:hover { color: white; background-color: #555; }
| + | |
| − | .button:active { }
| + | |
| − | .button:focus { color: white }
| + | |
| − | .button.large { font-size: 17px; padding: 15px 30px 16px; }
| + | |
| − | .button.medium { font-size: 14px }
| + | |
| − | .button.small { font-size: 11px; padding: 7px 14px 8px; }
| + | |
| − | .button.tiny { font-size: 10px; padding: 5px 10px 6px; }
| + | |
| − | .button.expand { width: 100%; text-align: center; }
| + | |
| − | .button.primary { background-color: #2ba6cb }
| + | |
| − | .button.primary:hover { background-color: #2284a1 }
| + | |
| − | .button.primary:focus { -webkit-box-shadow: 0 0 4px #2ba6cb, 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 0 4px #2ba6cb, 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 0 4px #2ba6cb, 0 1px 0 rgba(255, 255, 255, 0.5) inset; }
| + | |
| − | .button.success { background-color: #5da423 }
| + | |
| − | .button.success:hover { background-color: #457a1a }
| + | |
| − | .button.success:focus { -webkit-box-shadow: 0 0 5px #5da423, 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 0 5px #5da423, 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 0 5px #5da423, 0 1px 0 rgba(255, 255, 255, 0.5) inset; }
| + | |
| − | .button.alert { background-color: #c60f13 }
| + | |
| − | .button.alert:hover { background-color: #970b0e }
| + | |
| − | .button.alert:focus { -webkit-box-shadow: 0 0 4px #c60f13, 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 0 4px #c60f13, 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 0 4px #c60f13, 0 1px 0 rgba(255, 255, 255, 0.5) inset; }
| + | |
| − | .button.secondary { background-color: #e9e9e9; color: #1d1d1d; }
| + | |
| − | .button.secondary:hover { background-color: #d0d0d0 }
| + | |
| − | .button.secondary:focus { -webkit-box-shadow: 0 0 5px #e9e9e9, 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 0 5px #e9e9e9, 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 0 5px #e9e9e9, 0 1px 0 rgba(255, 255, 255, 0.5) inset; }
| + | |
| − | .button.radius { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }
| + | |
| − | .button.round { -webkit-border-radius: 1000px; -moz-border-radius: 1000px; -ms-border-radius: 1000px; -o-border-radius: 1000px; border-radius: 1000px; }
| + | |
| − | .button.full-width { width: 100%; text-align: center; padding-left: 0px !important; padding-right: 0px !important; }
| + | |
| − | .button.left-align { text-align: left; text-indent: 12px; }
| + | |
| − | .button.disabled,
| + | |
| − | .button[disabled] { opacity: 0.6; cursor: default; background: #2ba6cb; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
| + | |
| − | .button.disabled :hover,
| + | |
| − | .button[disabled] :hover { background: #2ba6cb }
| + | |
| − | .button.disabled.success,
| + | |
| − | .button[disabled].success { background-color: #5da423 }
| + | |
| − | .button.disabled.success:hover,
| + | |
| − | .button[disabled].success:hover { background-color: #5da423 }
| + | |
| − | .button.disabled.alert,
| + | |
| − | .button[disabled].alert { background-color: #c60f13 }
| + | |
| − | .button.disabled.alert:hover,
| + | |
| − | .button[disabled].alert:hover { background-color: #c60f13 }
| + | |
| − | .button.disabled.secondary,
| + | |
| − | .button[disabled].secondary { background-color: #e9e9e9 }
| + | |
| − | .button.disabled.secondary:hover,
| + | |
| − | .button[disabled].secondary:hover { background-color: #e9e9e9 }
| + | |
| − | /* Don't use native buttons on iOS */
| + | |
| − | input[type=submit].button,
| + | |
| − | button.button { -webkit-appearance: none }
| + | |
| | | | |
| − | /* Correct FF button padding */
| + | - <br>Top 10 cells made electrocompetent. |
| − | @-moz-document url-prefix() {
| + | |
| − | button::-moz-focus-inner,
| + | |
| − | input[type="reset"]::-moz-focus-inner,
| + | |
| − | input[type="button"]::-moz-focus-inner,
| + | |
| − | input[type="submit"]::-moz-focus-inner,
| + | |
| − | input[type="file"] > input[type="button"]::-moz-focus-inner { border: none; padding: 0; }
| + | |
| − | input[type="submit"].tiny.button { padding: 3px 10px 4px }
| + | |
| − | input[type="submit"].small.button { padding: 5px 14px 6px }
| + | |
| − | input[type="submit"].button,
| + | |
| − | input[type=submit].medium.button { padding: 8px 20px 9px }
| + | |
| − | input[type="submit"].large.button { padding: 13px 30px 14px }
| + | |
| − | }
| + | |
| − | /* Buttons with Dropdowns ---------------------- */
| + | |
| − | .button.dropdown { position: relative; nowhitespace: afterproperty; nowhitespace: afterproperty; padding-right: 44px; /* Sizes */ /* Triangles */ /* Flyout List */ /* Split Dropdown Buttons */ }
| + | |
| − | .button.dropdown.large { padding-right: 60px }
| + | |
| − | .button.dropdown.small { padding-right: 28px }
| + | |
| − | .button.dropdown.tiny { padding-right: 20px }
| + | |
| − | .button.dropdown:after { content: ""; display: block; width: 0; height: 0; border: solid 6px; border-color: white transparent transparent transparent; position: absolute; top: 50%; right: 20px; margin-top: -2px; }
| + | |
| − | .button.dropdown.large:after { content: ""; display: block; width: 0; height: 0; border: solid 7px; border-color: white transparent transparent transparent; margin-top: -3px; right: 30px; }
| + | |
| − | .button.dropdown.small:after { content: ""; display: block; width: 0; height: 0; border: solid 5px; border-color: white transparent transparent transparent; margin-top: -2px; right: 14px; }
| + | |
| − | .button.dropdown.tiny:after { content: ""; display: block; width: 0; height: 0; border: solid 4px; border-color: white transparent transparent transparent; margin-top: -1px; right: 10px; }
| + | |
| − | .button.dropdown > ul { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; display: none; position: absolute; left: -1px; background: #fff; background: rgba(255, 255, 255, 0.95); list-style: none; margin: 0; padding: 0; border: 1px solid #cccccc; border-top: none; min-width: 100%; z-index: 40; }
| + | |
| − | .button.dropdown > ul li { width: 100%; cursor: pointer; padding: 0; min-height: 18px; line-height: 18px; margin: 0; white-space: nowrap; list-style: none; }
| + | |
| − | .button.dropdown > ul li a { display: block; color: #555; font-size: 13px; font-weight: normal; padding: 6px 14px; text-align: left; }
| + | |
| − | .button.dropdown > ul li:hover { background-color: #e3f4f9; color: #222; }
| + | |
| − | .button.dropdown > ul li.divider { min-height: 0; padding: 0; height: 1px; margin: 4px 0; background: #ededed; }
| + | |
| − | .button.dropdown.up > ul { border-top: 1px solid #cccccc; border-bottom: none; }
| + | |
| − | .button.dropdown ul.no-hover.show-dropdown { display: block !important }
| + | |
| − | .button.dropdown:hover > ul.no-hover { display: none }
| + | |
| − | .button.dropdown.split { padding: 0; nowhitespace: afterproperty; nowhitespace: afterproperty; position: relative; /* Sizes */ /* Triangle Spans */ /* Colors */ }
| + | |
| − | .button.dropdown.split:after { display: none }
| + | |
| − | .button.dropdown.split:hover { background-color: #2ba6cb }
| + | |
| − | .button.dropdown.split.alert:hover { background-color: #c60f13 }
| + | |
| − | .button.dropdown.split.success:hover { background-color: #5da423 }
| + | |
| − | .button.dropdown.split.secondary:hover { background-color: #e9e9e9 }
| + | |
| − | .button.dropdown.split > a { color: white; display: block; padding: 10px 50px 11px 20px; padding-left: 20px; padding-right: 50px; -webkit-transition: background-color 0.15s ease-in-out; -moz-transition: background-color 0.15s ease-in-out; -o-transition: background-color 0.15s ease-in-out; transition: background-color 0.15s ease-in-out; }
| + | |
| − | .button.dropdown.split > a:hover { background-color: #2284a1 }
| + | |
| − | .button.dropdown.split.large > a { padding: 15px 75px 16px 30px; padding-left: 30px; padding-right: 75px; }
| + | |
| − | .button.dropdown.split.small > a { padding: 7px 35px 8px 14px; padding-left: 14px; padding-right: 35px; }
| + | |
| − | .button.dropdown.split.tiny > a { padding: 5px 25px 6px 10px; padding-left: 10px; padding-right: 25px; }
| + | |
| − | .button.dropdown.split > span { background-color: #2ba6cb; position: absolute; right: 0; top: 0; height: 100%; width: 30px; border-left: 1px solid #1e728c; -webkit-box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5) inset; -webkit-transition: background-color 0.15s ease-in-out; -moz-transition: background-color 0.15s ease-in-out; -o-transition: background-color 0.15s ease-in-out; transition: background-color 0.15s ease-in-out; }
| + | |
| − | .button.dropdown.split > span:hover { background-color: #2284a1 }
| + | |
| − | .button.dropdown.split > span:after { content: ""; display: block; width: 0; height: 0; border: solid 6px; border-color: white transparent transparent transparent; position: absolute; top: 50%; left: 50%; margin-left: -6px; margin-top: -2px; }
| + | |
| − | .button.dropdown.split.secondary > span:after { content: ""; display: block; width: 0; height: 0; border: solid 6px; border-color: #1d1d1d transparent transparent transparent; }
| + | |
| − | .button.dropdown.split.large span { width: 45px }
| + | |
| − | .button.dropdown.split.small span { width: 21px }
| + | |
| − | .button.dropdown.split.tiny span { width: 15px }
| + | |
| − | .button.dropdown.split.large span:after { content: ""; display: block; width: 0; height: 0; border: solid 7px; border-color: white transparent transparent transparent; margin-top: -3px; margin-left: -7px; }
| + | |
| − | .button.dropdown.split.small span:after { content: ""; display: block; width: 0; height: 0; border: solid 4px; border-color: white transparent transparent transparent; margin-top: -1px; margin-left: -4px; }
| + | |
| − | .button.dropdown.split.tiny span:after { content: ""; display: block; width: 0; height: 0; border: solid 3px; border-color: white transparent transparent transparent; margin-top: -1px; margin-left: -3px; }
| + | |
| − | .button.dropdown.split.alert > span { background-color: #c60f13; border-left-color: #7f0a0c; }
| + | |
| − | .button.dropdown.split.success > span { background-color: #5da423; border-left-color: #396516; }
| + | |
| − | .button.dropdown.split.secondary > span { background-color: #e9e9e9; border-left-color: #c3c3c3; }
| + | |
| − | .button.dropdown.split.secondary > a { color: #1d1d1d }
| + | |
| − | .button.dropdown.split.alert > a:hover,
| + | |
| − | .button.dropdown.split.alert > span:hover { background-color: #970b0e }
| + | |
| − | .button.dropdown.split.success > a:hover,
| + | |
| − | .button.dropdown.split.success > span:hover { background-color: #457a1a }
| + | |
| − | .button.dropdown.split.secondary > a:hover,
| + | |
| − | .button.dropdown.split.secondary > span:hover { background-color: #d0d0d0 }
| + | |
| − | /* Button Groups ---------------------- */
| + | |
| − | ul.button-group { list-style: none; padding: 0; margin: 0 0 12px; *zoom: 1; }
| + | |
| − | ul.button-group:before,
| + | |
| − | ul.button-group:after { content: ""; display: table; }
| + | |
| − | ul.button-group:after { clear: both }
| + | |
| − | ul.button-group li { padding: 0; margin: 0 0 0 -1px; float: left; }
| + | |
| − | ul.button-group li:first-child { margin-left: 0 }
| + | |
| − | ul.button-group.radius li a.button,
| + | |
| − | ul.button-group.radius li a.button.radius,
| + | |
| − | ul.button-group.radius li a.button-rounded { -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; }
| + | |
| − | ul.button-group.radius li:first-child a.button,
| + | |
| − | ul.button-group.radius li:first-child a.button.radius { -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; }
| + | |
| − | ul.button-group.radius li:first-child a.button.rounded { -moz-border-radius-topleft: 1000px; -webkit-border-top-left-radius: 1000px; border-top-left-radius: 1000px; -moz-border-radius-bottomleft: 1000px; -webkit-border-bottom-left-radius: 1000px; border-bottom-left-radius: 1000px; }
| + | |
| − | ul.button-group.radius li:last-child a.button,
| + | |
| − | ul.button-group.radius li:last-child a.button.radius { -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; }
| + | |
| − | ul.button-group.radius li:last-child a.button.rounded { -moz-border-radius-topright: 1000px; -webkit-border-top-right-radius: 1000px; border-top-right-radius: 1000px; -moz-border-radius-bottomright: 1000px; -webkit-border-bottom-right-radius: 1000px; border-bottom-right-radius: 1000px; }
| + | |
| − | ul.button-group.even a.button { width: 100% }
| + | |
| − | ul.button-group.even.two-up li { width: 50% }
| + | |
| − | ul.button-group.even.three-up li { width: 33.3% }
| + | |
| − | ul.button-group.even.three-up li:first-child { width: 33.4% }
| + | |
| − | ul.button-group.even.four-up li { width: 25% }
| + | |
| − | ul.button-group.even.five-up li { width: 20% }
| + | |
| − | div.button-bar { overflow: hidden }
| + | |
| − | div.button-bar ul.button-group { float: left; margin-right: 8px; }
| + | |
| − | div.button-bar ul.button-group:last-child { margin-left: 0 }
| + | |
| − | /* Requires globals.css */
| + | |
| − | .nav-bar { height: 40px; margin-top: 30px; padding: 0; }
| + | |
| − | .nav-bar > li { float: left; display: block; position: relative; padding: 0; margin: 0 7px 0 0; line-height: 40px; }
| + | |
| − | .nav-bar > li:first-child { background: none }
| + | |
| − | .nav-bar > li:last-child { }
| + | |
| − | .nav-bar > li.active { }
| + | |
| − | .nav-bar > li.active > a { cursor: pointer }
| + | |
| − | .nav-bar > li.active:hover { cursor: default }
| + | |
| − | .nav-bar > li:hover { }
| + | |
| − | .nav-bar > li > a { color: #555 }
| + | |
| − | .nav-bar > li ul { margin-bottom: 0 }
| + | |
| − | .nav-bar > li .flyout { display: none }
| + | |
| − | .nav-bar > li.has-flyout > a:first-child { position: relative }
| + | |
| − | .nav-bar > li.has-flyout > a:first-child:after { content: ""; display: block; width: 0; height: 0; position: absolute; right: 0px; top: 0px; }
| + | |
| − | .nav-bar > li.has-flyout > a.flyout-toggle { background: none; border-left: 0 !important; position: absolute; right: 0; top: 0; padding: 20px; z-index: 2; display: block; }
| + | |
| − | .nav-bar > li.has-flyout.is-touch > a:first-child { padding-right: 55px }
| + | |
| − | .nav-bar > li.has-flyout.is-touch > a.flyout-toggle { border-left: 1px dashed #666 }
| + | |
| − | .nav-bar > li > a:first-child { position: relative; padding: 0 11px; display: block; text-decoration: none; font-size: 14px; }
| + | |
| − | .nav-bar > li > input { margin: 0 10px }
| + | |
| − | .nav-bar.vertical { height: auto; margin-top: 0; }
| + | |
| − | .nav-bar.vertical > li { float: none; border-bottom: none; border-right: solid 1px #333333; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
| + | |
| − | .nav-bar.vertical > li.has-flyout > a:first-child:after { content: ""; display: block; width: 0; height: 0; border: solid 4px; border-color: transparent transparent transparent #e6e6e6; }
| + | |
| − | .nav-bar.vertical > li .flyout { left: 100%; top: -1px; }
| + | |
| − | .nav-bar.vertical > li .flyout.right { left: auto; right: 100%; }
| + | |
| − | .nav-bar.vertical > li.active { border-right: solid 1px #2284a1 }
| + | |
| − | .nav-bar.vertical > li:last-child { border-bottom: solid 1px #333333 }
| + | |
| − | .flyout { background: #fff; nowhitespace: afterproperty; nowhitespace: afterproperty; padding: 20px; margin: 0; position: absolute; top: 39px; left: -1px; width: 200px; z-index: 40; -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); /* remove margin on any first-child element */ /* remove margin on last element */ }
| + | |
| − | .flyout p { line-height: 1.2; font-size: 13px; color: #666; margin-bottom: 15px; }
| + | |
| − | .flyout *:first-child { margin-top: 0 }
| + | |
| − | .flyout *:last-child { margin-bottom: 0 }
| + | |
| − | .flyout.small { width: 166.66667px }
| + | |
| − | .flyout.large { width: 437.5px }
| + | |
| − | .flyout.right { left: auto; right: -2px; }
| + | |
| − | .flyout.left { right: auto; left: -2px; }
| + | |
| − | .flyout.up { top: auto; bottom: 39px; }
| + | |
| − | ul.flyout,.nav-bar li ul { padding: 0; list-style: none; }
| + | |
| − | ul.flyout li,.nav-bar li ul li { }
| + | |
| − | ul.flyout li a,.nav-bar li ul li a { margin: 0px 20px; background: #fff; border: 1px solid #e6e6e6; border-width: 0px 0px 1px 0; color: #555; display: block; font-size: 12px; height: auto; line-height: 1; padding: 12px 0px; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; }
| + | |
| − | ul.flyout li a:hover,.nav-bar li ul li a:hover { background: #fff; color: #333; }
| + | |
| − | ul.flyout li.active,.nav-bar li ul li.active { margin-top: 0; border-top: 1px solid #4d4d4d; border-left: 1px solid #1a1a1a; }
| + | |
| − | ul.flyout li.active a,.nav-bar li ul li.active a { background: #fff; border: none; color: #fff; height: auto; margin: 0; position: static; top: 0; -webkit-box-shadow: 0 0 0; -moz-box-shadow: 0 0 0; box-shadow: 0 0 0; }
| + | |
| − | /* Correct timer in IE */
| + | |
| − | .lt-ie9 .timer { display: none !important }
| + | |
| − | .lt-ie9 div.caption { background: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000); zoom: 1; }
| + | |
| − | /* NOTES Close button entity is ×
| + | |
| − | Example markup <div id="myModal" class="reveal-modal"> <h2>Awesome. I have it.</h2> <p class="lead">Your couch. I it's mine.</p> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ultrices aliquet placerat. Duis pulvinar orci et nisi euismod vitae tempus lorem consectetur. Duis at magna quis turpis mattis venenatis eget id diam. </p> <a class="close-reveal-modal">×</a> </div> */
| + | |
| − | /* Requires -globals.css -app.js */
| + | |
| − | /* Tabs ---------------------- */
| + | |
| − | dl.tabs { border-bottom: solid 1px #e6e6e6; display: block; height: 40px; padding: 0; margin-bottom: 20px; }
| + | |
| − | dl.tabs.contained { margin-bottom: 0 }
| + | |
| − | dl.tabs dt { color: #b3b3b3; cursor: default; display: block; float: left; font-size: 12px; height: 40px; line-height: 40px; padding: 0; padding-right: 9px; padding-left: 20px; width: auto; text-transform: uppercase; }
| + | |
| − | dl.tabs dt:first-child { padding: 0; padding-right: 9px; }
| + | |
| − | dl.tabs dd { display: block; float: left; padding: 0; margin: 0; }
| + | |
| − | dl.tabs dd a { color: #6f6f6f; display: block; font-size: 14px; height: 40px; line-height: 40px; padding: 0px 23.8px; }
| + | |
| − | dl.tabs dd a:focus { font-weight: bold; color: #2ba6cb; }
| + | |
| − | dl.tabs dd.active { margin-top: -3px }
| + | |
| − | dl.tabs dd.active a { cursor: default; color: #3c3c3c; font-weight: bold; }
| + | |
| − | dl.tabs dd:first-child { margin-left: 0 }
| + | |
| − | dl.tabs.vertical { height: auto; border-bottom: 1px solid #e6e6e6; }
| + | |
| − | dl.tabs.vertical dt, dl.tabs.vertical dd { float: none; height: auto; }
| + | |
| − | dl.tabs.vertical dd { border-left: 3px solid #cccccc }
| + | |
| − | dl.tabs.vertical dd a { background: #f2f2f2; border: none; border: 1px solid #e6e6e6; border-width: 1px 1px 0 0; color: #555; display: block; font-size: 14px; height: auto; line-height: 1; padding: 15px 20px; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; }
| + | |
| − | dl.tabs.vertical dd.active { margin-top: 0; border-top: 1px solid #4d4d4d; border-left: 4px solid #1a1a1a; }
| + | |
| − | dl.tabs.vertical dd.active a { background: #4d4d4d; border: none; color: #fff; height: auto; margin: 0; position: static; top: 0; -webkit-box-shadow: 0 0 0; -moz-box-shadow: 0 0 0; box-shadow: 0 0 0; }
| + | |
| − | dl.tabs.vertical dd:first-child a.active { margin: 0 }
| + | |
| − | dl.tabs.pill { border-bottom: none; margin-bottom: 10px; }
| + | |
| − | dl.tabs.pill dd { margin-right: 10px }
| + | |
| − | dl.tabs.pill dd:last-child { margin-right: 0 }
| + | |
| − | dl.tabs.pill dd a { -webkit-border-radius: 1000px; -moz-border-radius: 1000px; -ms-border-radius: 1000px; -o-border-radius: 1000px; border-radius: 1000px; background: #e6e6e6; height: 26px; line-height: 26px; color: #666; }
| + | |
| − | dl.tabs.pill dd.active { border: none; margin-top: 0; }
| + | |
| − | dl.tabs.pill dd.active a { background-color: #2ba6cb; border: none; color: #fff; }
| + | |
| − | dl.tabs.pill.contained { border-bottom: solid 1px #eee; margin-bottom: 0; }
| + | |
| − | dl.tabs.pill.two-up dd, dl.tabs.pill.three-up dd, dl.tabs.pill.four-up dd, dl.tabs.pill.five-up dd { margin-right: 0 }
| + | |
| − | dl.tabs.two-up dt a,dl.tabs.two-up dd a,dl.tabs.three-up dt a,dl.tabs.three-up dd a,dl.tabs.four-up dt a,dl.tabs.four-up dd a,dl.tabs.five-up dt a,dl.tabs.five-up dd a { padding: 0 17px; text-align: center; overflow: hidden; }
| + | |
| − | dl.tabs.two-up dt,dl.tabs.two-up dd { width: 50% }
| + | |
| − | dl.tabs.three-up dt,dl.tabs.three-up dd { width: 33.33% }
| + | |
| − | dl.tabs.four-up dt,dl.tabs.four-up dd { width: 25% }
| + | |
| − | dl.tabs.five-up dt,dl.tabs.five-up dd { width: 20% }
| + | |
| − | ul.tabs-content { display: block; margin: 0 0 20px; padding: 0; }
| + | |
| − | ul.tabs-content > li { display: none }
| + | |
| − | ul.tabs-content > li.active { display: block }
| + | |
| − | ul.tabs-content.contained { padding: 0 }
| + | |
| − | ul.tabs-content.contained > li { border: solid 0 #e6e6e6; border-width: 0 1px 1px 1px; padding: 20px; }
| + | |
| − | ul.tabs-content.contained.vertical > li { border-width: 1px 1px 1px 1px }
| + | |
| − | .no-js ul.tabs-content > li { display: block }
| + | |
| | | | |
| − | /* Requires: globals.css */ | + | <br>08/07/2015: |
| − | /* Table of Contents
| + | |
| | | | |
| − | :: Alerts
| + | - <br>Transformed Top 10 cells with INP, Lpp OmpA and Zif 23 from 2015 DNA |
| − | :: Labels
| + | |
| − | :: Tooltips
| + | |
| − | :: Panels
| + | |
| − | :: Accordion
| + | |
| − | :: Side Nav
| + | |
| − | :: Sub Nav
| + | |
| − | :: Pagination
| + | |
| − | :: Breadcrumbs
| + | |
| − | :: Lists
| + | |
| − | :: Link Lists
| + | |
| − | :: Keystroke Chars
| + | |
| − | :: Image Thumbnails
| + | |
| − | :: Video
| + | |
| − | :: Tables
| + | |
| − | :: Microformats
| + | |
| − | :: Progress Bars
| + | |
| − | :: Menu Superfish
| + | |
| − | :: Project
| + | |
| − | :: Content
| + | |
| | | | |
| − | /* Alerts ---------------------- */
| + | Distribution Kit. |
| − | div.alert-box { display: block; padding: 6px 7px 7px; font-weight: bold; font-size: 14px; color: white; background-color: #2ba6cb; border: 1px solid rgba(0, 0, 0, 0.1); margin-bottom: 12px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; position: relative; }
| + | <p><img src="https://static.igem.org/mediawiki/2015/0/01/Distribution_Kit_table_Lab_Book.png" height="60px" width="400px" border="1px"></p> |
| − | div.alert-box.default { background-color: #EDC60F; color: #fff; }
| + | <br>09/07/2015: |
| − | div.alert-box.success { background-color: #5da423; color: #fff; text-shadow: 0 -1px rgba(0, 0, 0, 0.3); }
| + | |
| − | div.alert-box.alert { background-color: #c60f13; color: #fff; text-shadow: 0 -1px rgba(0, 0, 0, 0.3); }
| + | |
| − | div.alert-box.secondary { background-color: #e9e9e9; color: #505050; text-shadow: 0 1px rgba(255, 255, 255, 0.3); }
| + | |
| − | div.alert-box a.close { color: #333; position: absolute; right: 4px; top: -1px; font-size: 17px; opacity: 0.2; padding: 4px; }
| + | |
| − | div.alert-box a.close:hover,
| + | |
| − | div.alert-box a.close:focus { opacity: 0.4 }
| + | |
| − | /* Labels ---------------------- */ | + | |
| − | .label { padding: 1px 4px 2px; font-size: 12px; font-weight: bold; text-align: center; text-decoration: none; line-height: 1; white-space: nowrap; display: inline; position: relative; bottom: 1px; color: #fff; background: #2ba6cb; } | + | |
| − | .label.radius { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } | + | |
| − | .label.round { padding: 1px 7px 2px; -webkit-border-radius: 1000px; -moz-border-radius: 1000px; -ms-border-radius: 1000px; -o-border-radius: 1000px; border-radius: 1000px; }
| + | |
| − | .label.alert { background-color: #c60f13 }
| + | |
| − | .label.success { background-color: #5da423 }
| + | |
| − | .label.secondary { background-color: #e9e9e9; color: #505050; }
| + | |
| − | /* Tooltips ---------------------- */ | + | |
| − | .has-tip { cursor: default; color: #333333; }
| + | |
| − | .has-tip:hover { color: #2ba6cb }
| + | |
| − | .has-tip.tip-left,
| + | |
| − | .has-tip.tip-right { float: none !important }
| + | |
| − | .tooltip { display: none; background: black; background: rgba(0, 0, 0, 0.85); position: absolute; color: white; font-weight: bold; font-size: 12px; font-size: 1.2rem; padding: 5px; z-index: 999; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; line-height: normal; }
| + | |
| − | .tooltip > .nub { display: block; width: 0; height: 0; border: solid 5px; border-color: transparent transparent black transparent; border-color: transparent transparent rgba(0, 0, 0, 0.85) transparent; position: absolute; top: -10px; left: 10px; }
| + | |
| − | .tooltip.tip-override > .nub { border-color: transparent transparent black transparent !important; border-color: transparent transparent rgba(0, 0, 0, 0.85) transparent !important; top: -10px !important; }
| + | |
| − | .tooltip.tip-top > .nub { border-color: black transparent transparent transparent; border-color: rgba(0, 0, 0, 0.85) transparent transparent transparent; top: auto; bottom: -10px; }
| + | |
| − | .tooltip.tip-left,
| + | |
| − | .tooltip.tip-right { float: none !important }
| + | |
| − | .tooltip.tip-left > .nub { border-color: transparent transparent transparent black; border-color: transparent transparent transparent rgba(0, 0, 0, 0.85); right: -10px; left: auto; }
| + | |
| − | .tooltip.tip-right > .nub { border-color: transparent black transparent transparent; border-color: transparent rgba(0, 0, 0, 0.85) transparent transparent; right: auto; left: -10px; }
| + | |
| − | .tooltip.noradius { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; }
| + | |
| − | .tooltip.opened { color: #2ba6cb !important; border-bottom: dotted 1px #196177 !important; }
| + | |
| − | .tap-to-close { display: block; font-size: 10px; font-size: 1rem; color: #888888; font-weight: normal; }
| + | |
| − | /* Panels ---------------------- */ | + | |
| − | .panel { background: #f9f9f9; margin: 0 0 22px 0; padding: 20px; }
| + | |
| − | .panel > :first-child { margin-top: 0 }
| + | |
| − | .panel > :last-child { margin-bottom: 0 }
| + | |
| − | .panel.callout { background: #2ba6cb; color: #fff; border-color: #2284a1; -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5); -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5); box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5); }
| + | |
| − | .panel.callout a { color: #fff }
| + | |
| − | .panel.callout .button { background: white; border: none; color: #2ba6cb; text-shadow: none; }
| + | |
| − | .panel.callout .button:hover { background: rgba(255, 255, 255, 0.8) }
| + | |
| − | .panel.radius { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }
| + | |
| − | /* Accordion ---------------------- */ | + | |
| − | ul.accordion { margin: 0 0 22px 0; border-bottom: 1px solid #e9e9e9; }
| + | |
| − | ul.accordion > li { list-style: none; margin: 0; padding: 0; border-top: 1px solid #e9e9e9; }
| + | |
| − | ul.accordion > li .title { cursor: pointer; background: #f6f6f6; padding: 15px; margin: 0; position: relative; border-left: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9; -webkit-transition: 0.15s background linear; -moz-transition: 0.15s background linear; -o-transition: 0.15s background linear; transition: 0.15s background linear; }
| + | |
| − | ul.accordion > li .title h1,
| + | |
| − | ul.accordion > li .title h2,
| + | |
| − | ul.accordion > li .title h3,
| + | |
| − | ul.accordion > li .title h4,
| + | |
| − | ul.accordion > li .title h5 { margin: 0 }
| + | |
| − | ul.accordion > li .title:after { content: ""; display: block; width: 0; height: 0; border: solid 6px; border-color: transparent #9d9d9d transparent transparent; position: absolute; right: 15px; top: 21px; }
| + | |
| − | ul.accordion > li .content { display: none; padding: 15px; }
| + | |
| − | ul.accordion > li.active { border-top: 3px solid #2ba6cb }
| + | |
| − | ul.accordion > li.active .title { background: white; padding-top: 13px; }
| + | |
| − | ul.accordion > li.active .title:after { content: ""; display: block; width: 0; height: 0; border: solid 6px; border-color: #9d9d9d transparent transparent transparent; }
| + | |
| − | ul.accordion > li.active .content { background: white; display: block; border-left: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9; }
| + | |
| − | /* Side Nav ---------------------- */
| + | |
| − | ul.side-nav { display: block; list-style: none; margin: 0; padding: 17px 0; }
| + | |
| − | ul.side-nav li { display: block; list-style: none; margin: 0 0 7px 0; }
| + | |
| − | ul.side-nav li a { display: block }
| + | |
| − | ul.side-nav li.active a { color: #4d4d4d; font-weight: bold; }
| + | |
| − | ul.side-nav li.divider { border-top: 1px solid #e6e6e6; height: 0; padding: 0; }
| + | |
| − | /* Sub Navs http://www.zurb.com/article/292/how-to-create-simple-and-effective-sub-na ---------------------- */
| + | |
| − | dl.sub-nav { display: block; width: auto; overflow: hidden; margin: -4px 0 18px; margin-right: 0; margin-left: -9px; padding-top: 4px; }
| + | |
| − | dl.sub-nav dt,
| + | |
| − | dl.sub-nav dd { float: left; display: inline; margin-left: 9px; margin-bottom: 10px; }
| + | |
| − | dl.sub-nav dt { color: #999; font-weight: normal; }
| + | |
| − | dl.sub-nav dd a { text-decoration: none; -webkit-border-radius: 1000px; -moz-border-radius: 1000px; -ms-border-radius: 1000px; -o-border-radius: 1000px; border-radius: 1000px; }
| + | |
| − | dl.sub-nav dd.active a { font-weight: bold; background: #2ba6cb; color: #fff; padding: 3px 9px; cursor: default; }
| + | |
| − | /* Pagination ---------------------- */
| + | |
| − | ul.pagination { display: block; height: 24px; margin-left: -5px; }
| + | |
| − | ul.pagination li { float: left; display: block; height: 24px; color: #999; font-size: 14px; margin-left: 5px; }
| + | |
| − | ul.pagination li a { display: block; padding: 3px 7px 0px; color: #555; }
| + | |
| − | ul.pagination li:hover a,
| + | |
| − | ul.pagination li a:focus { background: #e6e6e6 }
| + | |
| − | ul.pagination li.unavailable a { cursor: default; color: #999; }
| + | |
| − | ul.pagination li.unavailable:hover a,
| + | |
| − | ul.pagination li.unavailable a:focus { background: transparent }
| + | |
| − | ul.pagination li.current a { background: #2ba6cb; color: white; font-weight: bold; cursor: default; }
| + | |
| − | ul.pagination li.current a:hover { background: #333 }
| + | |
| − | /* Breadcrums ---------------------- */
| + | |
| − | ul.breadcrumbs { display: block; background: #f6f6f6; padding: 6px 10px 7px; border: 1px solid #e9e9e9; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; overflow: hidden; }
| + | |
| − | ul.breadcrumbs li { margin: 0; padding: 0 12px 0 0; float: left; list-style: none; }
| + | |
| − | ul.breadcrumbs li a,
| + | |
| − | ul.breadcrumbs li span { text-transform: uppercase; font-size: 11px; font-size: 1.1rem; padding-left: 12px; }
| + | |
| − | ul.breadcrumbs li:first-child a,
| + | |
| − | ul.breadcrumbs li:first-child span { padding-left: 0 }
| + | |
| − | ul.breadcrumbs li:before { content: "/"; color: #aaa; }
| + | |
| − | ul.breadcrumbs li:first-child:before { content: " " }
| + | |
| − | ul.breadcrumbs li.current a { cursor: default; color: #333; }
| + | |
| − | ul.breadcrumbs li:hover a,
| + | |
| − | ul.breadcrumbs li a:focus { text-decoration: underline }
| + | |
| − | ul.breadcrumbs li.current:hover a,
| + | |
| − | ul.breadcrumbs li.current a:focus { text-decoration: none }
| + | |
| − | ul.breadcrumbs li.unavailable a { color: #999 }
| + | |
| − | ul.breadcrumbs li.unavailable:hover a,
| + | |
| − | ul.breadcrumbs li.unavailable a:focus { text-decoration: none; color: #999; cursor: default; }
| + | |
| − | /* Link List */
| + | |
| − | ul.link-list { margin: 0 0 17px -22px; padding: 0; list-style: none; overflow: hidden; }
| + | |
| − | ul.link-list li { list-style: none; float: left; margin-left: 22px; display: block; }
| + | |
| − | ul.link-list li a { display: block }
| + | |
| − | /* Keytroke Characters ---------------------- */ | + | |
| − | .keystroke,kbd { font-family: "Consolas", "Menlo", "Courier", monospace; font-size: 13px; padding: 2px 4px 0px; margin: 0; background: #ededed; border: solid 1px #dbdbdb; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }
| + | |
| − | /* Image Thumbnails ---------------------- */
| + | |
| − | .th { display: block }
| + | |
| − | .th img { display: block; border: solid 4px #fff; -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2); box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2); -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-transition-property: box-shadow; -moz-transition-property: box-shadow; -o-transition-property: box-shadow; transition-property: box-shadow; -webkit-transition-duration: 300ms; -moz-transition-duration: 300ms; -o-transition-duration: 300ms; transition-duration: 300ms; }
| + | |
| − | .th:hover img { -webkit-box-shadow: 0 0 6px 1px rgba(43, 166, 203, 0.5); -moz-box-shadow: 0 0 6px 1px rgba(43, 166, 203, 0.5); box-shadow: 0 0 6px 1px rgba(43, 166, 203, 0.5); }
| + | |
| − | /* Video - Mad props to http://www.alistapart.com/articles/creating-intrinsic-ratios-for-video/ ---------------------- */
| + | |
| − | .flex-video { position: relative; padding-top: 25px; padding-bottom: 67.5%; height: 0; margin-bottom: 16px; overflow: hidden; }
| + | |
| − | .flex-video.widescreen { padding-bottom: 57.25% }
| + | |
| − | .flex-video.vimeo { padding-top: 0 }
| + | |
| − | .flex-video iframe,
| + | |
| − | .flex-video object,
| + | |
| − | .flex-video embed,
| + | |
| − | .flex-video video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
| + | |
| | | | |
| − | /* Foundation Top Bar
| + | - <br>Mini-prepped cells from yesterday. |
| − | Requires: -jquery.foundation.topbar.js
| + | |
| − | Notes: - <nav class="top-bar"> can have .fixed added to make it stick to the top of viewport. Can add .contain-to-grid to top-bar to make it full width but content on grid. - <li class="name"> creates a branding area that can be linked to homepage - Can include text, image or both inside this <li>. - <li class="divider"> creates a divider between nav items, add margins for space - <li class="search"> Needs to hold a <form> which can use .row.collapse and pre/postfix buttons or default type="search"
| + | |
| − | */
| + | |
| − | /* Element that controls breakpoint, no need to change this ever */
| + | |
| − | .top-bar-js-breakpoint { width: 960px !important; visibility: hidden; }
| + | |
| − | /* Wrapped around .top-bar to contain to grid width */
| + | |
| − | .contain-to-grid { width: 100% }
| + | |
| − | /* Wrapped around .top-bar to make it fixed at the top */
| + | |
| − | .fixed { width: 100%; left: 0; position: fixed; top: 0; z-index: 99; }
| + | |
| − | /* <nav> */
| + | |
| − | .top-bar { nowhitespace: afterproperty; height: 45px; line-height: 45px; margin: 0 0 30px; padding: 0; width: 100%; }
| + | |
| − | /* Firefox Fixes */
| + | |
| − | @-moz-document url-prefix() {
| + | |
| − | .top-bar ul li .button.small { padding-bottom: 6px }
| + | |
| − | .top-bar ul li.search form input[type=search] { font-size: 14px; height: 22px; padding: 3px; }
| + | |
| − | }
| + | |
| − | /* IE8 Fixes */
| + | |
| − | .lt-ie9 .top-bar ul li a { color: white; display: block; font-weight: bold; font-size: 13px; height: 45px; line-height: 45px; padding: 0 15px; }
| + | |
| − | .lt-ie9 .top-bar ul li a.button { height: auto; line-height: 30px; margin-top: 7px; }
| + | |
| − | .lt-ie9 .top-bar ul li a:hover { color: #cccccc }
| + | |
| − | .lt-ie9 .top-bar ul li a img { margin-top: -5px; vertical-align: middle; }
| + | |
| − | .lt-ie9 .top-bar ul li a.active { background: #151515; color: #d9d9d9; }
| + | |
| − | .lt-ie9 .top-bar ul li.has-dropdown { padding-right: 33.75px }
| + | |
| − | .lt-ie9 .top-bar ul li.has-dropdown > ul li { padding-right: 0 }
| + | |
| − | /* Tables ---------------------- */
| + | |
| − | table { background: #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; margin: 0 0 18px; border: 1px solid #ddd; }
| + | |
| − | table thead,table tfoot { background: #f5f5f5 }
| + | |
| − | table thead tr th,table tfoot tr th,table tbody tr td,table tr td,table tfoot tr td { font-size: 13px; line-height: 18px; text-align: left; }
| + | |
| − | table thead tr th,table tfoot tr td { padding: 8px 10px 9px; font-size: 16px; font-weight: bold; color: #222; }
| + | |
| − | table thead tr th:first-child,table tfoot tr td:first-child { border-left: none }
| + | |
| − | table thead tr th:last-child,table tfoot tr td:last-child { border-right: none }
| + | |
| − | table tbody tr.even,table tbody tr.alt { background: #f9f9f9 }
| + | |
| − | table tbody tr:nth-child(even) { background: #f9f9f9 }
| + | |
| − | table tbody tr td { color: #333; padding: 9px 10px; vertical-align: top; border: none; }
| + | |
| − | /* Microformats ---------------------- */
| + | |
| − | ul.vcard { display: inline-block; margin: 0 0 12px 0; border: 1px solid #ddd; padding: 10px; }
| + | |
| − | ul.vcard li { margin: 0; display: block; }
| + | |
| − | ul.vcard li.fn { font-weight: bold; font-size: 15px; font-size: 1.5rem; }
| + | |
| − | p.vevent span.summary { font-weight: bold }
| + | |
| − | p.vevent abbr { cursor: default; text-decoration: none; font-weight: bold; border: none; padding: 0 1px; }
| + | |
| − | /* Progress Bar ---------------------- */
| + | |
| − | div.progress { padding: 2px; nowhitespace: afterproperty; nowhitespace: afterproperty; margin-bottom: 10px; border: 1px solid #cccccc; height: 25px; /* meter */ /* border radii */ }
| + | |
| − | div.progress .meter { background: #2ba6cb; height: 100%; display: block; width: 50%; }
| + | |
| − | div.progress.secondary .meter { background: #e9e9e9 }
| + | |
| − | div.progress.success .meter { background: #5da423 }
| + | |
| − | div.progress.alert .meter { background: #c60f13 }
| + | |
| − | div.progress.radius { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }
| + | |
| − | div.progress.radius .meter { -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; }
| + | |
| − | div.progress.round { -webkit-border-radius: 1000px; -moz-border-radius: 1000px; -ms-border-radius: 1000px; -o-border-radius: 1000px; border-radius: 1000px; }
| + | |
| − | div.progress.round .meter { -webkit-border-radius: 1000px; -moz-border-radius: 1000px; -ms-border-radius: 1000px; -o-border-radius: 1000px; border-radius: 1000px; }
| + | |
| | | | |
| − | /* MENU SUPERFISH */
| + | - <br>Nanodrop results for mini-prepped plasmids. |
| − | #menu-icon { display: none; /* hide menu icon initially */ }
| + | <p><img src="https://static.igem.org/mediawiki/2015/7/7b/NanoDropResultsTableLab_BookiGEMWarwick.png" height="60px" width="400px" border="1px"></p> |
| − | .sf-menu,.sf-menu li { margin: 0; padding: 0; float: right; }
| + | <br>Ran an electrophoresis gel with plasmids from the mini-prep. |
| − | .sf-menu li { list-style: none; float: left; }
| + | |
| − | .sf-menu a { padding: 4px 15px; display: block; color: #000; }
| + | |
| − | .sf-menu a:hover { }
| + | |
| − | .sf-menu ul { padding: 2px; position: absolute; display: none; /* hide dropdown */ width: 200px; }
| + | |
| − | .sf-menu ul li { float: none; margin: 0px; padding: 0px; }
| + | |
| − | .sf-menu li:hover > ul { display: block; /* show dropdown on hover */ }
| + | |
| − | ul.sf-menu li li:hover ul,ul.sf-menu li li.sfHover ul { left: 200px; /* match ul width */ top: 0; }
| + | |
| − | .sf-menu,.sf-menu * { margin: 0; padding: 0; list-style: none; }
| + | |
| − | .sf-menu,.sf-menu * { margin: 0; padding: 0; list-style: none; }
| + | |
| − | .sf-menu { line-height: 1.0 }
| + | |
| − | .sf-menu ul { position: absolute; top: -999em; width: 10em; }
| + | |
| − | .sf-menu ul li { width: 100% }
| + | |
| − | .sf-menu li:hover { visibility: inherit }
| + | |
| − | .sf-menu li { float: left; position: relative; margin-right: 7px; }
| + | |
| − | .sf-menu a { display: block; position: relative; }
| + | |
| − | .sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0%; padding-top:0px;top:40px; /* match top ul list item height */ z-index: 99; }
| + | |
| − | ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em }
| + | |
| − | ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 10em; /* match ul width */ top: 0; }
| + | |
| − | ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em }
| + | |
| − | ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 10em; /* match ul width */ top: 0; }
| + | |
| − | .sf-menu { float: right; margin-bottom: 1em; }
| + | |
| − | .sf-menu a { padding: .95em 1.1em; text-decoration: none; }
| + | |
| − | .sf-menu a, .sf-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/ color: #444; }
| + | |
| − | .sf-menu li { }
| + | |
| − | .sf-menu li li { background: #fff; width: 200px; }
| + | |
| − | .sf-menu li li li { background: #fff }
| + | |
| − | .sf-menu li:hover,.sf-menu li.sfHover,.sf-menu a:focus,.sf-menu a:hover,.sf-menu a:active { outline: 0; color: #ccc; }
| + | |
| − | .sf-menu a.sf-with-ul { min-width: 1px }
| + | |
| − | .sf-sub-indicator { position: absolute; display: block; right: .75em; top: 1.05em; /* IE6 only */ width: 10px; height: 10px; text-indent: -999em; overflow: hidden; }
| + | |
| − | a > .sf-sub-indicator { /* give all except IE6 the correct values */ top: 0.9em; background-position: 0 -100px; }
| + | |
| − | #nav-wrap { margin-top: 30px }
| + | |
| − | a:focus > .sf-sub-indicator,
| + | |
| − | a:hover > .sf-sub-indicator,
| + | |
| − | a:active > .sf-sub-indicator,
| + | |
| − | li:hover > a > .sf-sub-indicator,
| + | |
| − | li.sfHover > a > .sf-sub-indicator { background-position: -10px -100px }
| + | |
| − | .sf-menu ul .sf-sub-indicator { background-position: -10px 0 }
| + | |
| − | .sf-menu ul a > .sf-sub-indicator { background-position: 0 0 }
| + | |
| − | .sf-menu ul a:focus > .sf-sub-indicator,
| + | |
| − | .sf-menu ul a:hover > .sf-sub-indicator,
| + | |
| − | .sf-menu ul a:active > .sf-sub-indicator,
| + | |
| − | .sf-menu ul li:hover > a > .sf-sub-indicator,
| + | |
| − | .sf-menu ul li.sfHover > a > .sf-sub-indicator { background-position: -10px 0 }
| + | |
| − | .sf-shadow ul { padding: 0 8px 9px 0; border-top: 2px solid #33877D; width: 200px; }
| + | |
| − | .sf-shadow ul.sf-shadow-off { background: transparent; }
| + | |
| − | ul.flyout, .nav-bar li ul {
| + | |
| − | list-style: none;
| + | |
| − | padding: 0;
| + | |
| − | box-shadow: 0 1px 3px rgba(0,0,0,0.055);
| + | |
| − | }
| + | |
| − | .nav-bar li ul li:last-child a {
| + | |
| − | border-bottom: 0;
| + | |
| − | }
| + | |
| | | | |
| − | /* Project */
| |
| − | #Project h5 {padding-top:10px;}
| |
| − | #filters { margin-bottom: 10px; padding: 0; }
| |
| − | #filters li { float: left; list-style: none; margin-right: 5px; margin-bottom: 10px; }
| |
| − | #filters li a { padding: 6px 15px 2px 15px; text-decoration: none; font-size: 12px; }
| |
| − | .Projectthumboverlay { position: absolute; top: 0; left: 0; width: 100%; height: 97%; background: rgba(0, 0, 0, 0.8); display: block; opacity: 0; -webkit-transition: opacity 0.25s ease-out; -moz-transition: opacity 0.25s ease-out; -o-transition: opacity 0.25s ease-out; transition: opacity 0.25s ease-out; }
| |
| − | .Projectthumboverlay .inner { display: block; text-align: center; position: absolute; top: 47%; left: 37%; }
| |
| − | .Projectthumboverlay .viewgallery a { display: block; text-align: center; position: absolute; top: 5%; left: 81%; color: #7e7e7e; font-size: 11px; text-transform: uppercase; }
| |
| − | .Projectthumboverlay:hover { -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; opacity: 1; }
| |
| − | .Projectthumb { position: relative; width: 100%; height: 100%; cursor: pointer; border: none; }
| |
| − | .Projectthumb:hover { opacity: 1 }
| |
| − | .Projectthumb > img { width: 100%!important; height: 250px; }
| |
| − | a.projectdetail { background: #33877d; color: #fff; padding: 7px 7px 6px 7px; font-size: 12px; border-radius: 3px; -webkit-transition-property: color, background; -webkit-transition-duration: 1s, 1s; text-shadow: 1px 1px 1px #111; }
| |
| − | .projectdetail:hover { background: #70aba4; color: #fff; text-shadow: 1px 1px 1px #111; }
| |
| − | .galleryicon { z-index: 0; margin-right: 5px; width: 15px; }
| |
| − | .portofoliobutton { display: inline-block; *display: inline; padding: 4px 14px; margin-bottom: 0; *margin-left: .3em; font-size: 14px; line-height: 20px; *line-height: 20px; color: #333333; text-align: center; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); vertical-align: middle; cursor: pointer; background-color: #f5f5f5; *background-color: #e6e6e6; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); background-repeat: repeat-x; border: 1px solid #bbbbbb; *border: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0); filter: progid:dximagetransform.microsoft.gradient(enabled=false); *zoom: 1; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); border-color: #c5c5c5; border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25); }
| |
| − | .Projectbutton:focus { outline: none }
| |
| − | .Projectbutton.selected { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #555; *background-color: #444; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#555), to(#444)); background-image: -webkit-linear-gradient(top, #555, #444); background-image: -o-linear-gradient(top, #555, #444); background-image: linear-gradient(to bottom, #555, #444); background-image: -moz-linear-gradient(top, #555, #444); background-repeat: repeat-x; border-color: #444 #444 #387038; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff555', endColorstr='#ff444', GradientType=0); filter: progid:dximagetransform.microsoft.gradient(enabled=false); }
| |
| − | .isotope-item { z-index: 2 }
| |
| − | .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; }
| |
| − | .isotope,.isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; }
| |
| − | .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; }
| |
| − | .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: -o-transform, opacity; transition-property: transform, opacity; }
| |
| − | .isotope.no-transition,.isotope.no-transition .isotope-item,.isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; }
| |
| − | /* 3 columns Project special stylesheet */
| |
| − | .threeProject {width:33% !important;}
| |
| − | .threeimage { height: 170px !important; }
| |
| − | .threedetail {left: 33% !important;}
| |
| − | .threegallery a{left:70% !important; top:10% !important;}
| |
| − | .threeoverlay {height:96% !important;}
| |
| − | /* 3 columns Project special stylesheet */
| |
| − | .fourimage { height: 130px !important; }
| |
| − | .fourdetail {left: 24% !important;}
| |
| − | .fourgallery a{left:60% !important; top:10% !important;}
| |
| − | .fouroverlay {height:95% !important;}
| |
| − | /* project details */
| |
| − | .detailslider {border:10px solid #fff;margin-top:13px;}
| |
| | | | |
| − | /* CONTENT ---------------------- */ | + | </p> |
| − | .nomargin { margin-bottom: 0px !important }
| + | |
| − | .noleftmargin { margin-left: 0px; padding-left: 0px; }
| + | <span class="cd-date">Jul 06</span> |
| − | .floatright,.right { float: right }
| + | </div> <!-- cd-timeline-content --> |
| − | .left { float: left }
| + | </div> <!-- cd-timeline-block --> |
| − | .text-left,.leftalign { text-align: left }
| + | |
| − | .text-right { text-align: right }
| + | |
| − | .text-center { text-align: center }
| + | |
| − | .hide { display: none }
| + | |
| − | .highlight { background: #ffff99 }
| + | |
| − | .clear { clear: both }
| + | |
| − | a:focus { outline: none }
| + | |
| − | #panel { background: #222; height: 70px; display: none; color: #fff; padding: 20px 0 25px 0; }
| + | |
| − | .slide { margin: 0; padding: 0; }
| + | |
| − | .btn-slide { text-align: center; width: 20px; height: 10px; padding: 10px 10px 0 0; margin: 0 auto; display: block; font: bold 120%/100% Arial, Helvetica, sans-serif; color: #fff; text-decoration: none; float: right; }
| + | |
| − | .pics { float: left; margin-right: 10px; }
| + | |
| − | .infotext { margin-top: 7px }
| + | |
| − | #subheader { position: relative; padding: 25px 50px; position: relative; }
| + | |
| − | #subheader p { font-size: 1.4em; margin-bottom: 0; }
| + | |
| − | #subheader a { color: #fff; text-decoration: none; }
| + | |
| − | #subheader a:hover { text-decoration: none; color: #fff; }
| + | |
| − | .subheadertext {padding:40px 0 60px !important;}
| + | |
| − | .bread { font-family: DroidSansRegular; margin-top: 8px; font-size: 16px !important; }
| + | |
| − | .topborder { border-top: 4px solid }
| + | |
| − | .header { height: 80px }
| + | |
| − | .logo { margin-top: 34px;margin-bottom: 30px; }
| + | |
| − | .logo h4 { font-size: 27px }
| + | |
| − | .hr { height: 36px }
| + | |
| − | .name { display: none }
| + | |
| − | .sidebartitle { margin-bottom: 20px; border-bottom: 1px dashed #ccc; padding-bottom: 10px; }
| + | |
| − | .sectiontitle { background: url(../images/dots.gif) repeat-x scroll 0 0 transparent; background-position: center; margin: 5px 0 25px; min-height: 20px; }
| + | |
| − | .sectiontitle h4 { font-size: 23px; background:#fff; display: inline; padding-right: 10px; padding-left: 10px; }
| + | |
| − | .centersectiontitle { background: url(../images/dots.gif) repeat-x scroll 0 0 transparent; background-position: center; margin: 10px 0 25px; min-height: 20px; text-align: center; }
| + | |
| − | .centersectiontitle h4 { font-size: 23px; background: #fff; display: inline; padding-right: 10px; padding-left: 10px; }
| + | |
| − | .wrappic { border: 1px solid #CCCCCC; padding: 2px; }
| + | |
| − | .wrappic:hover { border: 1px solid #CCCCCC; padding: 2px; background: url(../images/wraphover.png) repeat !important; }
| + | |
| − | .readmore,a.readmore { cursor: pointer; border: 0px; color: #fff; padding: 6px 10px; display: inline; -webkit-transition: background-color 300ms linear; -moz-transition: background-color 300ms linear; -o-transition: background-color 300ms linear; -ms-transition: background-color 300ms linear; transition: background-color 300ms linear; }
| + | |
| − | .readmore:hover,a.readmore:hover { background: #333; color: #fff; }
| + | |
| − | #testimonials { margin: 10px 0 20px;border-left: solid 6px #33877d;}
| + | |
| − | #testimonials blockquote { font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; color: #808080; display: block; }
| + | |
| − | #testimonials blockquote p { margin: 0 !important; padding: 5px!important; }
| + | |
| − | #testimonials blockquote cite { font-style: normal; display: block; text-transform: uppercase; font-weight: bold; font-style: italic; padding-left: 5px; margin-top: 10px; }
| + | |
| − | #footer { background: #151515; color: #666; padding: 30px 0; margin-top: 36px; }
| + | |
| − | #footer a { color: #666; font-size: 12px; }
| + | |
| − | #footer h1 { font-size: 16px; color: #ccc; margin-bottom: 20px; }
| + | |
| − | .newsmargin { margin-left: 46px }
| + | |
| − | .small.floatright a{color:#999;}
| + | |
| − | #footer .button { box-shadow: none; width: auto; nowhitespace: afterproperty; background: #444; color: #999; cursor: pointer; display: inline-block; font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; font-size: 13px; font-weight: bold; line-height: 1; margin: 0; outline: none; padding: 10px 10px 11px; position: relative; text-align: center; text-decoration: none; -webkit-transition: background-color 0.15s ease-in-out; -moz-transition: background-color 0.15s ease-in-out; -o-transition: background-color 0.15s ease-in-out; transition: background-color 0.15s ease-in-out; }
| + | |
| − | #footer input[type="text"] { background: #333; font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; border: 1px solid #333; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; color: #999; display: block; font-size: 12px; margin: 0 0 12px 0; padding: 6px; height: 32px; width: 100%; -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; -o-transition: all 0.15s linear; transition: all 0.15s linear; box-shadow: none; }
| + | |
| − | .copyright { background: #111; padding: 7px 0; border-top: 1px solid #181818; color: #444; }
| + | |
| − | .small { color: #444; font-size: 11px; }
| + | |
| − | .grayscale { }
| + | |
| − | .dots { background: url(../images/dots.gif) repeat-x; height: 10px; }
| + | |
| − | .submit { padding: 3px 10px; border: 0px; color: #fff; font-size: 15px; cursor: pointer; }
| + | |
| − | .submit:hover { background: #444; -webkit-transition: background-color 300ms linear; -moz-transition: background-color 300ms linear; -o-transition: background-color 300ms linear; -ms-transition: background-color 300ms linear; transition: background-color 300ms linear; }
| + | |
| − | .tweet,.query { font: 120% Georgia, serif }
| + | |
| − | .tweet_list { -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; border-radius: 0.5em; list-style: none; margin: 0; padding: 0; overflow-y: hidden; }
| + | |
| − | .tweet_list li { overflow-y: auto; overflow-x: hidden; padding: 0.5em; list-style-type: none; }
| + | |
| − | .tweet_list li a { color: #0C717A }
| + | |
| − | .tweet_list .tweet_avatar { padding-right: .5em; float: left; }
| + | |
| − | .tweet_list .tweet_avatar img { vertical-align: middle }
| + | |
| − | .twoot { padding-top: 3em }
| + | |
| − | .query { margin-bottom: 2em }
| + | |
| − | .tweet_time { margin-right: 7px }
| + | |
| − | .tweetarea { background: #f8f8f8 url(../images/div.png) repeat-x; margin-top: 20px; }
| + | |
| − | .tweettext { padding: 20px 0px; margin-bottom: -37px; }
| + | |
| − | .social { display: inline-block; cursor: pointer; width: 32px; height: 32px; margin-right: 5px; }
| + | |
| − | .facebook { background: url(../images/socialpack/facebook.png) }
| + | |
| − | .facebook:hover { background: url(../images/socialpack/facebooka.png) }
| + | |
| − | .twitter { background: url(../images/socialpack/twitter.png) }
| + | |
| − | .twitter:hover { background: url(../images/socialpack/twittera.png) }
| + | |
| − | .dribbble { background: url(../images/socialpack/dribbble.png) }
| + | |
| − | .dribbble:hover { background: url(../images/socialpack/dribbblea.png) }
| + | |
| − | .deviantart { background: url(../images/socialpack/deviantart.png) }
| + | |
| − | .deviantart:hover { background: url(../images/socialpack/deviantarta.png) }
| + | |
| − | .flickr { background: url(../images/socialpack/flickr.png) }
| + | |
| − | .flickr:hover { background: url(../images/socialpack/flickra.png) }
| + | |
| − | .newsletter { width: 250px !important }
| + | |
| − | .back-top-wrapper { width: 100%; position: absolute; overflow: hidden; height: 50px; display: block; }
| + | |
| − | .back-top { bottom: 55px; right: 20px; margin-bottom: 0; display: block; position: fixed; display: scroll; display: none; }
| + | |
| − | .back-top a { width: 50px; nowhitespace: afterproperty; height: 50px; display: block; text-align: center; text-transform: uppercase; text-decoration: none; background: #333 url(../images/up-arrow.png) no-repeat center center; border-radius: 5px; /* transition */ -webkit-transition: 1s;-moz-transition:1s;transition:1s; ; }
| + | |
| − | .back-top a:hover { background-color: #333 } /* arrow icon (span tag) */
| + | |
| − | .back-top span { width: 50px; nowhitespace: afterproperty; height: 50px; display: block; border-radius: 10px; /* transition */ -webkit-transition: 1s;-moz-transition:1s;transition:1s; ; }
| + | |
| − | .minipause { height: 13px }
| + | |
| − | .smoothborder { border: 1px solid #CCC !important }
| + | |
| − | .blogstyle { padding: 22px 50px 23px 50px !important }
| + | |
| − | .blogimage { width: 99.9% }
| + | |
| − | .blogdots { margin-left: 110px; margin-top: -5px; margin-bottom: 10px; }
| + | |
| − | .authoricons { width: 30px; height: 30px; margin-right: 10px; }
| + | |
| − | .teamwrap { width: 100%; height: 200px; margin: 10px; float: left; border: 10px solid #fff; overflow: hidden; position: relative; text-align: center; -webkit-box-shadow: 0px 0px 0px 1px #E6E6E6; -moz-box-shadow: 0px 0px 0px 1px #E6E6E6; box-shadow: 0px 0px 0px 1px #E6E6E6; cursor: default; background: #fff; }
| + | |
| − | .teamwrap .mask,
| + | |
| − | .teamwrap .content { width: 100%; height: 200px; position: absolute; overflow: hidden; top: 0; left: 0; }
| + | |
| − | .teamwrap img { display: block; position: relative; }
| + | |
| − | .teamwrap h2 { text-transform: uppercase; color: #fff; text-align: center; position: relative; font-size: 17px; padding: 10px; background: rgba(0, 0, 0, 0.8); margin: 10px 0 0 0; }
| + | |
| − | .teamwrap p { font-family: Georgia, serif; font-style: italic; font-size: 12px; position: relative; color: #fff; padding: 10px 20px 10px; text-align: center; }
| + | |
| − | .teamwrap a.info { display: inline-block; text-decoration: none; padding: 7px 14px; background: #000; color: #fff; text-transform: uppercase; -webkit-box-shadow: 0 0 1px #000; -moz-box-shadow: 0 0 1px #000; box-shadow: 0 0 1px #000; }
| + | |
| − | .teamwrap a.info: hover { -webkit-box-shadow: 0 0 5px #000; -moz-box-shadow: 0 0 5px #000; box-shadow: 0 0 5px #000; }
| + | |
| − | .teambox img { -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -o-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; }
| + | |
| − | .teambox .mask { background-color: #eee; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; -ms-transition: all 0.5s linear; transition: all 0.5s linear; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; }
| + | |
| − | .teambox h2 { border-bottom: 1px solid rgba(0, 0, 0, 0.3); background: transparent; margin: 10px 40px 0px 40px; -webkit-transform: scale(); -moz-transform: scale(); -o-transform: scale(); -ms-transform: scale(); transform: scale(); color: #333; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; -ms-transition: all 0.5s linear; transition: all 0.5s linear; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; }
| + | |
| − | .teambox p { color: #333; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transform: scale(); -moz-transform: scale(); -o-transform: scale(); -ms-transform: scale(); transform: scale(); -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; -ms-transition: all 0.5s linear; transition: all 0.5s linear; }
| + | |
| − | .teambox a.info { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transform: scale(); -moz-transform: scale(); -o-transform: scale(); -ms-transform: scale(); transform: scale(); -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; -ms-transition: all 0.5s linear; transition: all 0.5s linear; }
| + | |
| − | .teambox:hover img { -webkit-transform: scale(10); -moz-transform: scale(10); -o-transform: scale(10); -ms-transform: scale(10); transform: scale(10); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; }
| + | |
| − | .teambox:hover .mask { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; }
| + | |
| − | .teambox:hover h2,
| + | |
| − | .teambox:hover p,
| + | |
| − | .teambox:hover a.info { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; }
| + | |
| − | .accordiontrick{overflow: hidden; display: none;}
| + | |
| − | .done { display: none }
| + | |
| − | .element .error { border: 1px solid #9F1319 }
| + | |
| − | .gmap { background: white; border: 1px solid #ccc; padding: 4px; width: 100%; height: 374px; margin-top: 14px; }
| + | |
| − | .wrapcontact { margin-left: 10px }
| + | |
| − | .ctextarea {width:98.5%;}
| + | |
| − | .socialteam.social { margin-right: 0px !important }
| + | |
| − | .optionsbutton {position:fixed;top:250px;right:-4px;border-radius:0px;z-index:100;background: #eee; border: 1px solid #aaa; border-top: 1px solid #ccc; border-left: 1px solid #ccc; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: #444; display: inline-block; font-size: 11px; font-weight: bold; text-decoration: none; text-shadow: 0 1px rgba(255,255,255,.75); cursor: pointer; margin-bottom: 20px; line-height: normal; padding: 8px 10px; font-family: "HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;}
| + | |
| − | .optionscolor {width:20px;height:20px;border:1px solid #fff; float:left;}
| + | |
| − | .boxblog {border:1px solid #ddd; padding:5px 10px;margin-bottom:20px;}
| + | |
| − | .date {border-bottom:1px dashed #ddd;padding-bottom:10px;font-family:BitterItalic;}
| + | |
| − | .continue {font-family:DroidSansBold;margin-top:-5px;display:inline;}
| + | |
| − | .avatar{ margin-right:15px; float: left; background: #fff; width: 50px; height: 50px; padding: 5px; border: 1px solid #999; border-radius: 50%; box-shadow: 0px 1px 1px 1px #bbb;}
| + | |
| − | .avatar img{ display: block; width: 100%; border: 0; margin: 0; border-radius: 50%;}
| + | |
| − | .tags {color:#fff; padding:2px 10px 3px; border-radius:10px;display:inline; float:left; margin:0 10px 15px 0;font-size:12px;font-family:BitterItalic;}
| + | |
| − | a.tags, .tags a {color:#fff;}
| + | |
| − | .tags:hover {background:#444;}
| + | |
| − | .sidebartitle {margin-bottom:20px;border-bottom:1px dashed #ccc;padding-bottom:10px;}
| + | |
| − | .thumb {width:80px; height:70px;border:1px solid #ccc; padding:2px;float:left;margin-right:10px; margin-bottom:1px; margin-top:1px;}
| + | |
| − | .circledate {color:#fff;background: url(../images/blackcircle.png) no-repeat; width:100px; height:100px; padding:2px;float:left;margin-right:10px; margin-bottom:1px; margin-top:1px;}
| + | |
| − | .textcircle {margin-left:-6px;margin-top:20px;text-align:center;font-family:BitterItalic;color:#ddd;font-size:13px;}
| + | |
| − | .day {margin-bottom:10px;}
| + | |
| − | .saymore {font-weight:bold;}
| + | |
| − | .comments {float:right;font-family:BitterItalic;font-size:11px;font-weight:normal;color:#888;margin-top:10px;}
| + | |
| − | .authortext {padding-top:10px;}
| + | |
| − | .gravatar {margin-right:20px;float:left;}
| + | |
| − | .commentdate {margin-bottom:7px;color:#aaa;font-size:13px;}
| + | |
| − | #subheader {padding:22px 50px 23px 50px !important;}
| + | |
| − | *******************************************************************************************************************
| + | |
| − | * Subheader Effects
| + | |
| − | *******************************************************************************************************************/
| + | |
| − | @font-face {
| + | |
| − | font-family: 'WebSymbolsRegular';
| + | |
| − | src: url('websymbols/websymbols-regular-webfont.eot');
| + | |
| − | src: url('websymbols/websymbols-regular-webfont.eot?#iefix') format('embedded-opentype'),
| + | |
| − | url('websymbols/websymbols-regular-webfont.woff') format('woff'),
| + | |
| − | url('websymbols/websymbols-regular-webfont.ttf') format('truetype'),
| + | |
| − | url('websymbols/websymbols-regular-webfont.svg#WebSymbolsRegular') format('svg');
| + | |
| − | font-weight: normal;
| + | |
| − | font-style: normal;
| + | |
| − | }
| + | |
| − | .ca-menu{
| + | |
| − | padding:0;
| + | |
| − | }
| + | |
| − | .ca-menu li{
| + | |
| − | width: 220px;
| + | |
| − | height: 250px;
| + | |
| − | overflow: hidden;
| + | |
| − | position: relative;
| + | |
| − | float:left;
| + | |
| − | margin-right: 4px;
| + | |
| − | -webkit-transition: all 300ms linear;
| + | |
| − | -moz-transition: all 300ms linear;
| + | |
| − | -o-transition: all 300ms linear;
| + | |
| − | -ms-transition: all 300ms linear;
| + | |
| − | transition: all 300ms linear;
| + | |
| − | margin-right: 22px;
| + | |
| − | margin-bottom:10px;
| + | |
| − | }
| + | |
| − | .ca-menu li:last-child{
| + | |
| − | margin-right: 0px;
| + | |
| − | }
| + | |
| − | .ca-menu li a{
| + | |
| − | text-align: left;
| + | |
| − | width: 100%;
| + | |
| − | height: 100%;
| + | |
| − | display: block;
| + | |
| − | color: #333;
| + | |
| − | position: relative;
| + | |
| − | }
| + | |
| − | .ca-icon{
| + | |
| − | font-family: 'WebSymbolsRegular', cursive;
| + | |
| − | font-size: 60px;
| + | |
| − | color: #333;
| + | |
| − | text-shadow: 0px 0px 1px #333;
| + | |
| − | line-height: 120px;
| + | |
| − | position: absolute;
| + | |
| − | width: 100%;
| + | |
| − | height: 50%;
| + | |
| − | left: 0px;
| + | |
| − | top: 0px;
| + | |
| − | text-align: center;
| + | |
| − | -webkit-transition: all 400ms linear;
| + | |
| − | -moz-transition: all 400ms linear;
| + | |
| − | -o-transition: all 400ms linear;
| + | |
| − | -ms-transition: all 400ms linear;
| + | |
| − | transition: all 400ms linear;
| + | |
| − | }
| + | |
| − | .ca-content{
| + | |
| − | position: absolute;
| + | |
| − | left: 0px;
| + | |
| − | width: 100%;
| + | |
| − | height: 50%;
| + | |
| − | top: 50%;
| + | |
| − | }
| + | |
| − | .ca-main{
| + | |
| − | font-size: 20px;
| + | |
| − | opacity: 0.8;
| + | |
| − | text-align: center;
| + | |
| − | -webkit-transition: all 200ms linear;
| + | |
| − | -moz-transition: all 200ms linear;
| + | |
| − | -o-transition: all 200ms linear;
| + | |
| − | -ms-transition: all 200ms linear;
| + | |
| − | transition: all 200ms linear;
| + | |
| − | }
| + | |
| − | .ca-sub{
| + | |
| − | text-align:center;
| + | |
| − | font-size: 14px;
| + | |
| − | color: #666;
| + | |
| − | line-height: 40px;
| + | |
| − | opacity: 0.8;
| + | |
| − | -webkit-transition: all 200ms linear;
| + | |
| − | -moz-transition: all 200ms linear;
| + | |
| − | -o-transition: all 200ms linear;
| + | |
| − | -ms-transition: all 200ms linear;
| + | |
| − | transition: all 200ms linear;
| + | |
| − | font-family:DroidSansRegular;
| + | |
| − | }
| + | |
| − | .ca-menu li:hover{
| + | |
| − | background-color: #000;
| + | |
| − | }
| + | |
| − | .ca-menu li:hover .ca-icon{
| + | |
| − | color: #fff;
| + | |
| − | font-size: 60px;
| + | |
| − | }
| + | |
| − | .ca-menu li:hover .ca-main{
| + | |
| − | -webkit-animation: moveFromLeftRotate 300ms ease;
| + | |
| − | -moz-animation: moveFromLeftRotate 300ms ease;
| + | |
| − | -ms-animation: moveFromLeftRotate 300ms ease;
| + | |
| − | }
| + | |
| − | .ca-menu li:hover .ca-sub{
| + | |
| − | color: #fff;
| + | |
| − | -webkit-animation: moveFromBottom 500ms ease;
| + | |
| − | -moz-animation: moveFromBottom 500ms ease;
| + | |
| − | -ms-animation: moveFromBottom 500ms ease;
| + | |
| − | }
| + | |
| − | @-webkit-keyframes moveFromLeftRotate{
| + | |
| − | from {
| + | |
| − | -webkit-transform: translateX(-100%) rotate(-90deg);
| + | |
| − | }
| + | |
| − | to {
| + | |
| − | -webkit-transform: translateX(0%) rotate(0deg);
| + | |
| − | }
| + | |
| − | }
| + | |
| − | @-moz-keyframes moveFromLeftRotate{
| + | |
| − | from {
| + | |
| − | -moz-transform: translateX(-100%) rotate(-90deg);
| + | |
| − | }
| + | |
| − | to {
| + | |
| − | -moz-transform: translateX(0%) rotate(0deg);
| + | |
| − | }
| + | |
| − | }
| + | |
| − | @-ms-keyframes moveFromLeftRotate{
| + | |
| − | from {
| + | |
| − | -ms-transform: translateX(-100%) rotate(-90deg);
| + | |
| − | }
| + | |
| − | to {
| + | |
| − | -ms-transform: translateX(0%) rotate(0deg);
| + | |
| − | }
| + | |
| − | }
| + | |
| | | | |
| − | @-webkit-keyframes moveFromBottom {
| |
| − | from {
| |
| − | -webkit-transform: translateY(100%);
| |
| − | }
| |
| − | to {
| |
| − | -webkit-transform: translateY(0%);
| |
| − | }
| |
| − | }
| |
| − | @-moz-keyframes moveFromBottom {
| |
| − | from {
| |
| − | -moz-transform: translateY(100%);
| |
| − | }
| |
| − | to {
| |
| − | -moz-transform: translateY(0%);
| |
| − | }
| |
| − | }
| |
| − | @-ms-keyframes moveFromBottom {
| |
| − | from {
| |
| − | -ms-transform: translateY(100%);
| |
| − | }
| |
| − | to {
| |
| − | -ms-transform: translateY(0%);
| |
| − | }
| |
| − | }
| |
| − | /*******************************************************************************************************************
| |
| − | * Top Slider
| |
| − | *******************************************************************************************************************/
| |
| − | .ei-slider{
| |
| − | position: relative;
| |
| − | width: 100%;
| |
| − | max-width: 1920px;
| |
| − | height: 500px;
| |
| − | margin: 0 auto;
| |
| − | }
| |
| − | .ei-slider-loading{
| |
| − | width: 100%;
| |
| − | height: 100%;
| |
| − | position: absolute;
| |
| − | top: 0px;
| |
| − | left: 0px;
| |
| − | z-index:999;
| |
| − | background: rgba(0,0,0,0.9);
| |
| − | color: #fff;
| |
| − | text-align: center;
| |
| − | line-height: 400px;
| |
| − | }
| |
| − | .ei-slider-large{
| |
| − | height: 100%;
| |
| − | width: 100%;
| |
| − | position:relative;
| |
| − | overflow: hidden;
| |
| − | }
| |
| − | .ei-slider-large li{
| |
| − | position: absolute;
| |
| − | top: 0px;
| |
| − | left: 0px;
| |
| − | overflow: hidden;
| |
| − | height: 100%;
| |
| − | width: 100%;
| |
| − | }
| |
| − | .ei-slider-large li img{
| |
| − | width: 100%;
| |
| − | opacity:1;
| |
| − | }
| |
| − | .ei-title{
| |
| − | position: absolute;
| |
| − | top: 30%;
| |
| − | }
| |
| − | .ei-title h2, .ei-title h3{
| |
| − | text-align: center;
| |
| − | }
| |
| − | .ei-title h2{
| |
| − | font-size: 40px;
| |
| − | line-height: 50px;
| |
| − | color: #fff;
| |
| − | padding: 0 10px;
| |
| − | }
| |
| − | .ei-title h3{
| |
| − | font-size: 50px;
| |
| − | line-height: 70px;
| |
| − | text-transform: uppercase;
| |
| − | color: #fff;
| |
| − | background: #333;
| |
| − | padding: 0px 40px;
| |
| − | }
| |
| − | .ei-slider-thumbs{
| |
| − | height: 13px;
| |
| − | margin: 0 auto;
| |
| − | position: relative;
| |
| − | }
| |
| − | .ei-slider-thumbs li{
| |
| − | position: relative;
| |
| − | float: left;
| |
| − | height: 100%;
| |
| − | }
| |
| − | .ei-slider-thumbs li.ei-slider-element{
| |
| − | top: 0px;
| |
| − | left: 0px;
| |
| − | position: absolute;
| |
| − | height: 100%;
| |
| − | z-index: 10;
| |
| − | text-indent: -9000px;
| |
| − | background: #000;
| |
| − | background: rgba(0,0,0,0.9);
| |
| − | }
| |
| − | .ei-slider-thumbs li a{
| |
| − | display: block;
| |
| − | text-indent: -9000px;
| |
| − | background: #333;
| |
| − | width: 100%;
| |
| − | height: 100%;
| |
| − | cursor: pointer;
| |
| − | border-right: 1px solid #555;
| |
| − | -webkit-transition: background 0.2s ease;
| |
| − | -moz-transition: background 0.2s ease;
| |
| − | -o-transition: background 0.2s ease;
| |
| − | -ms-transition: background 0.2s ease;
| |
| − | transition: background 0.2s ease;
| |
| − | }
| |
| − | .ei-slider-thumbs li a:hover{
| |
| − | background-color: #f0f0f0;
| |
| − | }
| |
| − | .ei-slider-thumbs li img{
| |
| − | position: absolute;
| |
| − | bottom: 50px;
| |
| − | opacity: 0;
| |
| − | z-index: 999;
| |
| − | max-width: 100%;
| |
| − | -webkit-transition: all 0.4s ease;
| |
| − | -moz-transition: all 0.4s ease;
| |
| − | -o-transition: all 0.4s ease;
| |
| − | -ms-transition: all 0.4s ease;
| |
| − | transition: all 0.4s ease;
| |
| − | -webkit-box-reflect:
| |
| − | below 0px -webkit-gradient(
| |
| − | linear,
| |
| − | left top,
| |
| − | left bottom,
| |
| − | from(transparent),
| |
| − | color-stop(50%, transparent),
| |
| − | to(rgba(255,255,255,0.3))
| |
| − | );
| |
| − | -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
| |
| − | }
| |
| − | .ei-slider-thumbs li:hover img{
| |
| − | opacity: 1;
| |
| − | bottom: 13px;
| |
| − | -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
| |
| − | }
| |
| − | @media screen and (max-width: 830px) {
| |
| − | .ei-title{
| |
| − | position: absolute;
| |
| − | right: 0px;
| |
| − | margin-right: 0px;
| |
| − | width: 100%;
| |
| − | text-align: center;
| |
| − | top: auto;
| |
| − | bottom: 0;
| |
| − | background: rgba(255,255,255,0.9);
| |
| − | padding: 0;
| |
| − | }
| |
| − | .ei-title h2, .ei-title h3{
| |
| − | text-align: center;
| |
| − | }
| |
| − | .ei-title h2{
| |
| − | font-size: 20px;
| |
| − | line-height: 24px;
| |
| − | }
| |
| − | .ei-title h3{
| |
| − | font-size: 30px;
| |
| − | line-height: 40px;
| |
| − | margin-top: 0px;
| |
| − | margin-bottom: 1px;
| |
| − | }
| |
| − | }
| |
| − | html, body, div, h1, h2, ul, li, dl, dd, dt{ margin: 0; padding: 0; }
| |
| − | ul { list-style: none; }
| |
| − | .image_carousel {
| |
| − | padding: 15px 0 15px 40px;
| |
| − | }
| |
| − | .image_carousel img {
| |
| − | border: 1px solid #ccc;
| |
| − | background-color: white;
| |
| − | padding: 9px;
| |
| − | margin: 7px;
| |
| − | display: block;
| |
| − | float: left;
| |
| − | height: 110px;
| |
| − | width: 160px;
| |
| − | }
| |
| | | | |
| − | a.prev, a.next {
| + | <div class="cd-timeline-block"> |
| − | background: url(../images/miscellaneous_sprite.png) no-repeat transparent;
| + | <div class="cd-timeline-img cd-movie"> |
| − | width: 45px;
| + | <img src="http://colouringbook.org/SVG/2011/COLOURINGBOOK.ORG/ducky_icon_black_white_line_art_scalable_vector_graphics_svg_inkscape_adobe_illustrator_clip_art_clipart_coloring_book_colouring-1969px.png" alt="Movie"> |
| − | height: 50px;
| + | </div> <!-- cd-timeline-img --> |
| − | display: block;
| + | |
| − | position: absolute;
| + | |
| − | top: 50px;
| + | |
| − | }
| + | |
| − | a.prev { left: 0px;
| + | |
| − | background-position: 0 -100px !important; }
| + | |
| − | a.prev:hover { background-position: 0 -50px; }
| + | |
| − | a.prev.disabled { background-position: 0 -100px !important; }
| + | |
| − | a.next { right: 0px;
| + | |
| − | background-position: -50px -100px !important; }
| + | |
| − | a.next:hover { background-position: -50px -50px; }
| + | |
| − | a.next.disabled { background-position: -50px -100px !important; }
| + | |
| − | a.prev.disabled, a.next.disabled {
| + | |
| − | cursor: default;
| + | |
| − | }
| + | |
| | | | |
| − | a.prev span, a.next span {
| + | <div class="cd-timeline-content"> |
| − | display: none;
| + | <h2>Week 3</h2> |
| − | }
| + | <p> |
| − | .pagination {
| + | |
| − | text-align: center;
| + | |
| − | margin-right: 37px;
| + | |
| − | margin-top: 10px;
| + | |
| − | }
| + | |
| − | .pagination a {
| + | |
| − | background: url(../images/miscellaneous_sprite.png) 0 -300px no-repeat transparent;
| + | |
| − | width: 15px;
| + | |
| − | height: 15px;
| + | |
| − | margin: 0 5px 0 0;
| + | |
| − | display: inline-block;
| + | |
| − | }
| + | |
| − | .pagination a.selected {
| + | |
| − | background-position: -25px -300px;
| + | |
| − | cursor: default;
| + | |
| − | }
| + | |
| − | .pagination a span {
| + | |
| − | display: none;
| + | |
| − | }
| + | |
| − | .clearfix {
| + | |
| − | float: none;
| + | |
| − | clear: both;
| + | |
| − | }
| + | |
| − | .slideshowthumb { width:150px; height:59px;}
| + | |
| − | .negativetop {margin-top:-10px;}
| + | |
| | | | |
| − | ul.pagination li a {
| |
| − | display: block;
| |
| − | color: #555;
| |
| − | background: none;
| |
| − | width: 20px;
| |
| − | height: 20px;
| |
| − | line-height: 19px;
| |
| − | text-align: center;
| |
| − | border-radius: 50%;
| |
| − | }
| |
| | | | |
| − | a.actbutton {
| + | <br>13/07/2015: |
| − | border-top: 1px solid #ffffff;
| + | |
| − | background: #eee;
| + | |
| − | padding: 10px 20px;
| + | |
| − | -webkit-border-radius: 7px;
| + | |
| − | -moz-border-radius: 7px;
| + | |
| − | border-radius: 7px;
| + | |
| − | color: #444 !important;
| + | |
| − | font-size: 18px;
| + | |
| − | text-decoration: none;
| + | |
| − | vertical-align: middle;
| + | |
| − | font-family:DroidSansRegular;
| + | |
| − | font-weight:bold;
| + | |
| − | -webkit-box-shadow: inset 0px -3px 1px rgba(0, 0, 0, 0.45), 0px 2px 2px rgba(0, 0, 0, 0.25);
| + | |
| − | -moz-box-shadow: inset 0px -3px 1px rgba(0, 0, 0, 0.45), 0px 2px 2px rgba(0, 0, 0, 0.25);
| + | |
| − | box-shadow: inset 0px -3px 1px rgba(0, 0, 0, 0.45), 0px 2px 2px rgba(0, 0, 0, 0.25);
| + | |
| − | }
| + | |
| − | a.actbutton:hover {
| + | |
| − | border-top-color: #ffffff;
| + | |
| − | background: #fff;
| + | |
| − | color: #33777d;
| + | |
| − | }
| + | |
| − | .noslide {text-align:center;}
| + | |
| − | .noslide h1 {color:#eee;font-family:BitterRegular;margin-bottom:23px;}
| + | |
| − | .noslide h3 {color: #eee;padding: 0 100px; font-weight: lighter; line-height: 34px;}
| + | |
| | | | |
| − | div.pp_default .pp_top,div.pp_default .pp_top .pp_middle,div.pp_default .pp_top .pp_left,div.pp_default .pp_top .pp_right,div.pp_default .pp_bottom,div.pp_default .pp_bottom .pp_left,div.pp_default .pp_bottom .pp_middle,div.pp_default .pp_bottom .pp_right{height:13px}
| + | - <br>Grew up MG1655-Z1 cells (added Streptomycin). |
| − | div.pp_default .pp_top .pp_left{background:url(../images/prettyPhoto/default/sprite.png) -78px -93px no-repeat}
| + | |
| − | div.pp_default .pp_top .pp_middle{background:url(../images/prettyPhoto/default/sprite_x.png) top left repeat-x}
| + | |
| − | div.pp_default .pp_top .pp_right{background:url(../images/prettyPhoto/default/sprite.png) -112px -93px no-repeat}
| + | |
| − | div.pp_default .pp_content .ppt{color:#f8f8f8}
| + | |
| − | div.pp_default .pp_content_container .pp_left{background:url(../images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;padding-left:13px}
| + | |
| − | div.pp_default .pp_content_container .pp_right{background:url(../images/prettyPhoto/default/sprite_y.png) top right repeat-y;padding-right:13px}
| + | |
| − | div.pp_default .pp_next:hover{background:url(../images/prettyPhoto/default/sprite_next.png) center right no-repeat;cursor:pointer}
| + | |
| − | div.pp_default .pp_previous:hover{background:url(../images/prettyPhoto/default/sprite_prev.png) center left no-repeat;cursor:pointer}
| + | |
| − | div.pp_default .pp_expand{background:url(../images/prettyPhoto/default/sprite.png) 0 -29px no-repeat;cursor:pointer;width:28px;height:28px}
| + | |
| − | div.pp_default .pp_expand:hover{background:url(../images/prettyPhoto/default/sprite.png) 0 -56px no-repeat;cursor:pointer}
| + | |
| − | div.pp_default .pp_contract{background:url(../images/prettyPhoto/default/sprite.png) 0 -84px no-repeat;cursor:pointer;width:28px;height:28px}
| + | |
| − | div.pp_default .pp_contract:hover{background:url(../images/prettyPhoto/default/sprite.png) 0 -113px no-repeat;cursor:pointer}
| + | |
| − | div.pp_default .pp_close{width:30px;height:30px;background:url(../images/prettyPhoto/default/sprite.png) 2px 1px no-repeat;cursor:pointer}
| + | |
| − | div.pp_default .pp_gallery ul li a{background:url(../images/prettyPhoto/default/default_thumb.png) center center #f8f8f8;border:1px solid #aaa}
| + | |
| − | div.pp_default .pp_social{margin-top:7px}
| + | |
| − | div.pp_default .pp_gallery a.pp_arrow_previous,div.pp_default .pp_gallery a.pp_arrow_next{position:static;left:auto}
| + | |
| − | div.pp_default .pp_nav .pp_play,div.pp_default .pp_nav .pp_pause{background:url(../images/prettyPhoto/default/sprite.png) -51px 1px no-repeat;height:30px;width:30px}
| + | |
| − | div.pp_default .pp_nav .pp_pause{background-position:-51px -29px}
| + | |
| − | div.pp_default a.pp_arrow_previous,div.pp_default a.pp_arrow_next{background:url(../images/prettyPhoto/default/sprite.png) -31px -3px no-repeat;height:20px;width:20px;margin:4px 0 0}
| + | |
| − | div.pp_default a.pp_arrow_next{left:52px;background-position:-82px -3px}
| + | |
| − | div.pp_default .pp_content_container .pp_details{margin-top:5px}
| + | |
| − | div.pp_default .pp_nav{clear:none;height:30px;width:110px;position:relative}
| + | |
| − | div.pp_default .pp_nav .currentTextHolder{font-family:Georgia;font-style:italic;color:#999;font-size:11px;left:75px;line-height:25px;position:absolute;top:2px;margin:0;padding:0 0 0 10px}
| + | |
| − | div.pp_default .pp_close:hover,div.pp_default .pp_nav .pp_play:hover,div.pp_default .pp_nav .pp_pause:hover,div.pp_default .pp_arrow_next:hover,div.pp_default .pp_arrow_previous:hover{opacity:0.7}
| + | |
| − | div.pp_default .pp_description{font-size:11px;font-weight:700;line-height:14px;margin:5px 50px 5px 0}
| + | |
| − | div.pp_default .pp_bottom .pp_left{background:url(../images/prettyPhoto/default/sprite.png) -78px -127px no-repeat}
| + | |
| − | div.pp_default .pp_bottom .pp_middle{background:url(../images/prettyPhoto/default/sprite_x.png) bottom left repeat-x}
| + | |
| − | div.pp_default .pp_bottom .pp_right{background:url(../images/prettyPhoto/default/sprite.png) -112px -127px no-repeat}
| + | |
| − | div.pp_default .pp_loaderIcon{background:url(../images/prettyPhoto/default/loader.gif) center center no-repeat}
| + | |
| − | div.light_rounded .pp_top .pp_left{background:url(../images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat}
| + | |
| − | div.light_rounded .pp_top .pp_right{background:url(../images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat}
| + | |
| − | div.light_rounded .pp_next:hover{background:url(../images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;cursor:pointer}
| + | |
| − | div.light_rounded .pp_previous:hover{background:url(../images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;cursor:pointer}
| + | |
| − | div.light_rounded .pp_expand{background:url(../images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer}
| + | |
| − | div.light_rounded .pp_expand:hover{background:url(../images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer}
| + | |
| − | div.light_rounded .pp_contract{background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer}
| + | |
| − | div.light_rounded .pp_contract:hover{background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer}
| + | |
| − | div.light_rounded .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer}
| + | |
| − | div.light_rounded .pp_nav .pp_play{background:url(../images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
| + | |
| − | div.light_rounded .pp_nav .pp_pause{background:url(../images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
| + | |
| − | div.light_rounded .pp_arrow_previous{background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat}
| + | |
| − | div.light_rounded .pp_arrow_next{background:url(../images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat}
| + | |
| − | div.light_rounded .pp_bottom .pp_left{background:url(../images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat}
| + | |
| − | div.light_rounded .pp_bottom .pp_right{background:url(../images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat}
| + | |
| − | div.dark_rounded .pp_top .pp_left{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat}
| + | |
| − | div.dark_rounded .pp_top .pp_right{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat}
| + | |
| − | div.dark_rounded .pp_content_container .pp_left{background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y}
| + | |
| − | div.dark_rounded .pp_content_container .pp_right{background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y}
| + | |
| − | div.dark_rounded .pp_next:hover{background:url(../images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;cursor:pointer}
| + | |
| − | div.dark_rounded .pp_previous:hover{background:url(../images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;cursor:pointer}
| + | |
| − | div.dark_rounded .pp_expand{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer}
| + | |
| − | div.dark_rounded .pp_expand:hover{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer}
| + | |
| − | div.dark_rounded .pp_contract{background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer}
| + | |
| − | div.dark_rounded .pp_contract:hover{background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer}
| + | |
| − | div.dark_rounded .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer}
| + | |
| − | div.dark_rounded .pp_description{margin-right:85px;color:#fff}
| + | |
| − | div.dark_rounded .pp_nav .pp_play{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
| + | |
| − | div.dark_rounded .pp_nav .pp_pause{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
| + | |
| − | div.dark_rounded .pp_arrow_previous{background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat}
| + | |
| − | div.dark_rounded .pp_arrow_next{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat}
| + | |
| − | div.dark_rounded .pp_bottom .pp_left{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat}
| + | |
| − | div.dark_rounded .pp_bottom .pp_right{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat}
| + | |
| − | div.dark_rounded .pp_loaderIcon{background:url(../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat}
| + | |
| − | div.dark_square .pp_left,div.dark_square .pp_middle,div.dark_square .pp_right,div.dark_square .pp_content{background:#000}
| + | |
| − | div.dark_square .pp_description{color:#fff;margin:0 85px 0 0}
| + | |
| − | div.dark_square .pp_loaderIcon{background:url(../images/prettyPhoto/dark_square/loader.gif) center center no-repeat}
| + | |
| − | div.dark_square .pp_expand{background:url(../images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;cursor:pointer}
| + | |
| − | div.dark_square .pp_expand:hover{background:url(../images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;cursor:pointer}
| + | |
| − | div.dark_square .pp_contract{background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;cursor:pointer}
| + | |
| − | div.dark_square .pp_contract:hover{background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;cursor:pointer}
| + | |
| − | div.dark_square .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;cursor:pointer}
| + | |
| − | div.dark_square .pp_nav{clear:none}
| + | |
| − | div.dark_square .pp_nav .pp_play{background:url(../images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
| + | |
| − | div.dark_square .pp_nav .pp_pause{background:url(../images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
| + | |
| − | div.dark_square .pp_arrow_previous{background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat}
| + | |
| − | div.dark_square .pp_arrow_next{background:url(../images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat}
| + | |
| − | div.dark_square .pp_next:hover{background:url(../images/prettyPhoto/dark_square/btnNext.png) center right no-repeat;cursor:pointer}
| + | |
| − | div.dark_square .pp_previous:hover{background:url(../images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;cursor:pointer}
| + | |
| − | div.light_square .pp_expand{background:url(../images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;cursor:pointer}
| + | |
| − | div.light_square .pp_expand:hover{background:url(../images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;cursor:pointer}
| + | |
| − | div.light_square .pp_contract{background:url(../images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;cursor:pointer}
| + | |
| − | div.light_square .pp_contract:hover{background:url(../images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;cursor:pointer}
| + | |
| − | div.light_square .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;cursor:pointer}
| + | |
| − | div.light_square .pp_nav .pp_play{background:url(../images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
| + | |
| − | div.light_square .pp_nav .pp_pause{background:url(../images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
| + | |
| − | div.light_square .pp_arrow_previous{background:url(../images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat}
| + | |
| − | div.light_square .pp_arrow_next{background:url(../images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat}
| + | |
| − | div.light_square .pp_next:hover{background:url(../images/prettyPhoto/light_square/btnNext.png) center right no-repeat;cursor:pointer}
| + | |
| − | div.light_square .pp_previous:hover{background:url(../images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;cursor:pointer}
| + | |
| − | div.facebook .pp_top .pp_left{background:url(../images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat}
| + | |
| − | div.facebook .pp_top .pp_middle{background:url(../images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x}
| + | |
| − | div.facebook .pp_top .pp_right{background:url(../images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat}
| + | |
| − | div.facebook .pp_content_container .pp_left{background:url(../images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y}
| + | |
| − | div.facebook .pp_content_container .pp_right{background:url(../images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y}
| + | |
| − | div.facebook .pp_expand{background:url(../images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;cursor:pointer}
| + | |
| − | div.facebook .pp_expand:hover{background:url(../images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;cursor:pointer}
| + | |
| − | div.facebook .pp_contract{background:url(../images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;cursor:pointer}
| + | |
| − | div.facebook .pp_contract:hover{background:url(../images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;cursor:pointer}
| + | |
| − | div.facebook .pp_close{width:22px;height:22px;background:url(../images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;cursor:pointer}
| + | |
| − | div.facebook .pp_description{margin:0 37px 0 0}
| + | |
| − | div.facebook .pp_loaderIcon{background:url(../images/prettyPhoto/facebook/loader.gif) center center no-repeat}
| + | |
| − | div.facebook .pp_arrow_previous{background:url(../images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;height:22px;margin-top:0;width:22px}
| + | |
| − | div.facebook .pp_arrow_previous.disabled{background-position:0 -96px;cursor:default}
| + | |
| − | div.facebook .pp_arrow_next{background:url(../images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;height:22px;margin-top:0;width:22px}
| + | |
| − | div.facebook .pp_arrow_next.disabled{background-position:-32px -96px;cursor:default}
| + | |
| − | div.facebook .pp_nav{margin-top:0}
| + | |
| − | div.facebook .pp_nav p{font-size:15px;padding:0 3px 0 4px}
| + | |
| − | div.facebook .pp_nav .pp_play{background:url(../images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;height:22px;width:22px}
| + | |
| − | div.facebook .pp_nav .pp_pause{background:url(../images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;height:22px;width:22px}
| + | |
| − | div.facebook .pp_next:hover{background:url(../images/prettyPhoto/facebook/btnNext.png) center right no-repeat;cursor:pointer}
| + | |
| − | div.facebook .pp_previous:hover{background:url(../images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;cursor:pointer}
| + | |
| − | div.facebook .pp_bottom .pp_left{background:url(../images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat}
| + | |
| − | div.facebook .pp_bottom .pp_middle{background:url(../images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x}
| + | |
| − | div.facebook .pp_bottom .pp_right{background:url(../images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat}
| + | |
| − | div.pp_pic_holder a:focus{outline:none}
| + | |
| − | div.pp_overlay{background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500}
| + | |
| − | div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000}
| + | |
| − | .pp_content{height:40px;min-width:40px}
| + | |
| − | * html .pp_content{width:40px}
| + | |
| − | .pp_content_container{position:relative;text-align:left;width:100%}
| + | |
| − | .pp_content_container .pp_left{padding-left:20px}
| + | |
| − | .pp_content_container .pp_right{padding-right:20px}
| + | |
| − | .pp_content_container .pp_details{float:left;margin:10px 0 2px}
| + | |
| − | .pp_description{display:none;margin:0}
| + | |
| − | .pp_social{float:left;margin:0}
| + | |
| − | .pp_social .facebook{float:left;margin-left:5px;width:55px;overflow:hidden}
| + | |
| − | .pp_social .twitter{float:left}
| + | |
| − | .pp_nav{clear:right;float:left;margin:3px 10px 0 0}
| + | |
| − | .pp_nav p{float:left;white-space:nowrap;margin:2px 4px}
| + | |
| − | .pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px}
| + | |
| − | a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px}
| + | |
| − | .pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000}
| + | |
| − | .pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000}
| + | |
| − | .pp_gallery div{float:left;overflow:hidden;position:relative}
| + | |
| − | .pp_gallery ul{float:left;height:35px;position:relative;white-space:nowrap;margin:0 0 0 5px;padding:0}
| + | |
| − | .pp_gallery ul a{border:1px rgba(0,0,0,0.5) solid;display:block;float:left;height:33px;overflow:hidden}
| + | |
| − | .pp_gallery ul a img{border:0}
| + | |
| − | .pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0}
| + | |
| − | .pp_gallery li.default a{background:url(../images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px}
| + | |
| − | .pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important}
| + | |
| − | a.pp_next{background:url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:right;height:100%;text-indent:-10000px;width:49%}
| + | |
| − | a.pp_previous{background:url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:left;height:100%;text-indent:-10000px;width:49%}
| + | |
| − | a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000}
| + | |
| − | a.pp_close{position:absolute;right:0;top:0;display:block;line-height:22px;text-indent:-10000px}
| + | |
| − | .pp_loaderIcon{display:block;height:24px;left:50%;position:absolute;top:50%;width:24px;margin:-12px 0 0 -12px}
| + | |
| − | #pp_full_res{line-height:1!important}
| + | |
| − | #pp_full_res .pp_inline{text-align:left}
| + | |
| − | #pp_full_res .pp_inline p{margin:0 0 15px}
| + | |
| − | div.ppt{color:#fff;display:none;font-size:17px;z-index:9999;margin:0 0 5px 15px}
| + | |
| − | div.pp_default .pp_content,div.light_rounded .pp_content{background-color:#fff}
| + | |
| − | div.pp_default #pp_full_res .pp_inline,div.light_rounded .pp_content .ppt,div.light_rounded #pp_full_res .pp_inline,div.light_square .pp_content .ppt,div.light_square #pp_full_res .pp_inline,div.facebook .pp_content .ppt,div.facebook #pp_full_res .pp_inline{color:#000}
| + | |
| − | div.pp_default .pp_gallery ul li a:hover,div.pp_default .pp_gallery ul li.selected a,.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff}
| + | |
| − | div.pp_default .pp_details,div.light_rounded .pp_details,div.dark_rounded .pp_details,div.dark_square .pp_details,div.light_square .pp_details,div.facebook .pp_details{position:relative}
| + | |
| − | div.light_rounded .pp_top .pp_middle,div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right,div.light_rounded .pp_bottom .pp_middle,div.light_square .pp_left,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content,div.facebook .pp_content{background:#fff}
| + | |
| − | div.light_rounded .pp_description,div.light_square .pp_description{margin-right:85px}
| + | |
| − | div.light_rounded .pp_gallery a.pp_arrow_previous,div.light_rounded .pp_gallery a.pp_arrow_next,div.dark_rounded .pp_gallery a.pp_arrow_previous,div.dark_rounded .pp_gallery a.pp_arrow_next,div.dark_square .pp_gallery a.pp_arrow_previous,div.dark_square .pp_gallery a.pp_arrow_next,div.light_square .pp_gallery a.pp_arrow_previous,div.light_square .pp_gallery a.pp_arrow_next{margin-top:12px!important}
| + | |
| − | div.light_rounded .pp_arrow_previous.disabled,div.dark_rounded .pp_arrow_previous.disabled,div.dark_square .pp_arrow_previous.disabled,div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default}
| + | |
| − | div.light_rounded .pp_arrow_next.disabled,div.dark_rounded .pp_arrow_next.disabled,div.dark_square .pp_arrow_next.disabled,div.light_square .pp_arrow_next.disabled{background-position:-22px -87px;cursor:default}
| + | |
| − | div.light_rounded .pp_loaderIcon,div.light_square .pp_loaderIcon{background:url(../images/prettyPhoto/light_rounded/loader.gif) center center no-repeat}
| + | |
| − | div.dark_rounded .pp_top .pp_middle,div.dark_rounded .pp_content,div.dark_rounded .pp_bottom .pp_middle{background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat}
| + | |
| − | div.dark_rounded .currentTextHolder,div.dark_square .currentTextHolder{color:#c4c4c4}
| + | |
| − | div.dark_rounded #pp_full_res .pp_inline,div.dark_square #pp_full_res .pp_inline{color:#fff}
| + | |
| − | .pp_top,.pp_bottom{height:20px;position:relative}
| + | |
| − | * html .pp_top,* html .pp_bottom{padding:0 20px}
| + | |
| − | .pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px}
| + | |
| − | .pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px}
| + | |
| − | * html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static}
| + | |
| − | .pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px}
| + | |
| − | .pp_fade,.pp_gallery li.default a img{display:none}
| + | |
| | | | |
| | + | <br>14/07/2015: |
| | | | |
| − | /*
| + | - <br>Made MG1655-Z1 cells competent. |
| − | Skin Name: Nivo Slider Default Theme
| + | |
| − | Skin URI: http://nivo.dev7studios.com
| + | |
| − | Description: The default skin for the Nivo Slider.
| + | |
| − | Version: 1.3
| + | |
| − | Author: Gilbert Pellegrom
| + | |
| − | Author URI: http://dev7studios.com
| + | |
| − | Supports Thumbs: true
| + | |
| − | */
| + | |
| | | | |
| − | .theme-default .nivoSlider {
| |
| − | position:relative;
| |
| − | background:#fff url(../images/loading.gif) no-repeat 50% 50%;
| |
| − | margin-bottom:10px;
| |
| − | -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
| |
| − | -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
| |
| − | box-shadow: 0px 1px 5px 0px #4a4a4a;
| |
| − | }
| |
| − | .theme-default .nivoSlider img {
| |
| − | position:absolute;
| |
| − | top:0px;
| |
| − | left:0px;
| |
| − | display:none;
| |
| − | }
| |
| − | .theme-default .nivoSlider a {
| |
| − | border:0;
| |
| − | display:block;
| |
| − | }
| |
| − | .boxedslider{height:400px !important;}
| |
| − | .boxedshadow {background:url(../images/boxedshadow.png) no-repeat top center;height:105px;margin-top:-105px;}
| |
| − | .wrapshadow {box-shadow:none !important;}
| |
| − | .theme-default .nivo-controlNav {
| |
| − | text-align: center;
| |
| − | padding: 20px 0;
| |
| − | }
| |
| − | .theme-default .nivo-controlNav a {
| |
| − | display:inline-block;
| |
| − | width:22px;
| |
| − | height:22px;
| |
| − | background:url(../images/bullets.png) no-repeat;
| |
| − | text-indent:-9999px;
| |
| − | border:0;
| |
| − | margin: 0 2px;
| |
| − | }
| |
| − | .theme-default .nivo-controlNav a.active {
| |
| − | background-position:0 -22px;
| |
| − | }
| |
| | | | |
| − | .theme-default .nivo-directionNav a {
| |
| − | display:block;
| |
| − | width:30px;
| |
| − | height:30px;
| |
| − | background:url(../images/arrows.png) no-repeat;
| |
| − | text-indent:-9999px;
| |
| − | border:0;
| |
| − | opacity: 0;
| |
| − | -webkit-transition: all 200ms ease-in-out;
| |
| − | -moz-transition: all 200ms ease-in-out;
| |
| − | -o-transition: all 200ms ease-in-out;
| |
| − | transition: all 200ms ease-in-out;
| |
| − | }
| |
| − | .theme-default:hover .nivo-directionNav a { opacity: 1; }
| |
| − | .theme-default a.nivo-nextNav {
| |
| − | background-position:-30px 0;
| |
| − | right:15px;
| |
| − | }
| |
| − | .theme-default a.nivo-prevNav {
| |
| − | left:15px;
| |
| − | }
| |
| | | | |
| − | .theme-default .nivo-caption {
| + | </p> |
| − | font-family: Helvetica, Arial, sans-serif;
| + | |
| − | }
| + | <span class="cd-date">Jul 13</span> |
| − | .theme-default .nivo-caption a {
| + | </div> <!-- cd-timeline-content --> |
| − | color:#fff;
| + | </div> <!-- cd-timeline-block --> |
| − | border-bottom:1px dotted #fff;
| + | |
| − | }
| + | |
| − | .theme-default .nivo-caption a:hover {
| + | |
| − | color:#fff;
| + | |
| − | }
| + | |
| | | | |
| − | .theme-default .nivo-controlNav.nivo-thumbs-enabled {
| |
| − | width: 100%;
| |
| − | }
| |
| − | .theme-default .nivo-controlNav.nivo-thumbs-enabled a {
| |
| − | width: auto;
| |
| − | height: auto;
| |
| − | background: none;
| |
| − | margin-bottom: 5px;
| |
| − | }
| |
| − | .theme-default .nivo-controlNav.nivo-thumbs-enabled img {
| |
| − | display: block;
| |
| − | width: 120px;
| |
| − | height: auto;
| |
| − | }
| |
| | | | |
| − | /*
| |
| − | * jQuery Nivo Slider v3.1
| |
| − | * http://nivo.dev7studios.com
| |
| − | *
| |
| − | * Copyright 2013, Dev7studios
| |
| − | * Free to use and abuse under the MIT license.
| |
| − | * http://www.opensource.org/licenses/mit-license.php
| |
| − | */
| |
| − |
| |
| − | /* The Nivo Slider styles */
| |
| − | .nivoSlider {
| |
| − | position:relative;
| |
| − | width:100%;
| |
| − | height:auto;
| |
| − | overflow: hidden;
| |
| − | }
| |
| − | .nivoSlider img {
| |
| − | position:absolute;
| |
| − | top:0px;
| |
| − | left:0px;
| |
| − | max-width: none;
| |
| − | }
| |
| − | .nivo-main-image {
| |
| − | display: block !important;
| |
| − | position: relative !important;
| |
| − | width: 100% !important;
| |
| − | }
| |
| | | | |
| − | /* If an image is wrapped in a link */
| + | <div class="cd-timeline-block"> |
| − | .nivoSlider a.nivo-imageLink {
| + | <div class="cd-timeline-img cd-movie"> |
| − | position:absolute;
| + | <img src="http://colouringbook.org/SVG/2011/COLOURINGBOOK.ORG/ducky_icon_black_white_line_art_scalable_vector_graphics_svg_inkscape_adobe_illustrator_clip_art_clipart_coloring_book_colouring-1969px.png" alt="Movie"> |
| − | top:0px;
| + | </div> <!-- cd-timeline-img --> |
| − | left:0px;
| + | |
| − | width:100%;
| + | |
| − | height:100%;
| + | |
| − | border:0;
| + | |
| − | padding:0;
| + | |
| − | margin:0;
| + | |
| − | z-index:6;
| + | |
| − | display:none;
| + | |
| − | }
| + | |
| − | /* The slices and boxes in the Slider */ | + | |
| − | .nivo-slice { | + | |
| − | display:block;
| + | |
| − | position:absolute;
| + | |
| − | z-index:5;
| + | |
| − | height:100%;
| + | |
| − | top:0;
| + | |
| − | }
| + | |
| − | .nivo-box {
| + | |
| − | display:block;
| + | |
| − | position:absolute;
| + | |
| − | z-index:5;
| + | |
| − | overflow:hidden;
| + | |
| − | }
| + | |
| − | .nivo-box img { display:block; }
| + | |
| | | | |
| − | /* Caption styles */
| + | <div class="cd-timeline-content"> |
| − | .nivo-caption {
| + | <h2>Week 4</h2> |
| − | position:absolute;
| + | <p> |
| − | left:0px;
| + | |
| − | bottom:0px;
| + | |
| − | background:#000;
| + | |
| − | color:#fff;
| + | |
| − | width:100%;
| + | |
| − | z-index:8;
| + | |
| − | padding: 5px 10px;
| + | |
| − | opacity: 0.8;
| + | |
| − | overflow: hidden;
| + | |
| − | display: none;
| + | |
| − | -moz-opacity: 0.8;
| + | |
| − | filter:alpha(opacity=8);
| + | |
| − | -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
| + | |
| − | -moz-box-sizing: border-box; /* Firefox, other Gecko */
| + | |
| − | box-sizing: border-box; /* Opera/IE 8+ */
| + | |
| − | }
| + | |
| − | .nivo-caption p {
| + | |
| − | padding:5px;
| + | |
| − | margin:0;
| + | |
| − | }
| + | |
| − | .nivo-caption a {
| + | |
| − | display:inline !important;
| + | |
| − | }
| + | |
| − | .nivo-html-caption {
| + | |
| − | display:none;
| + | |
| − | }
| + | |
| − | /* Direction nav styles (e.g. Next & Prev) */
| + | |
| − | .nivo-directionNav a {
| + | |
| − | position:absolute;
| + | |
| − | top:45%;
| + | |
| − | z-index:9;
| + | |
| − | cursor:pointer;
| + | |
| − | }
| + | |
| − | .nivo-prevNav {
| + | |
| − | left:0px;
| + | |
| − | }
| + | |
| − | .nivo-nextNav {
| + | |
| − | right:0px;
| + | |
| − | }
| + | |
| − | /* Control nav styles (e.g. 1,2,3...) */
| + | |
| − | .nivo-controlNav {
| + | |
| − | text-align:center;
| + | |
| − | padding: 15px 0;
| + | |
| − | }
| + | |
| − | .nivo-controlNav a {
| + | |
| − | cursor:pointer;
| + | |
| − | }
| + | |
| − | .nivo-controlNav a.active {
| + | |
| − | font-weight:bold;
| + | |
| − | }
| + | |
| | | | |
| | | | |
| − | /*! | + | <br>22/07/2015: |
| − | * Font Awesome 4.3.0 by @davegandy - http://fontawesome.io - @fontawesome
| + | |
| − | * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
| + | |
| − | */@font-face{font-family:'FontAwesome';src:url('fonts/fontawesome-webfont.eot?v=4.3.0');src:url('fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'),url('fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'),url('fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'),url('fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'),url('fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:translate(0, 0)}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-genderless:before,.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}
| + | |
| | | | |
| | + | - <br>Ligated full construct gBlock into pSB1C3 plasmid backbone. |
| | | | |
| − | </style> | + | <br>23/07/2015: |
| | | | |
| − | <style media="screen" type="text/css"> | + | - <br>Transformed ligated plasmid into Top 10 cells. |
| | | | |
| − | .colorme {color:#55a2a6;}
| + | - <br>Ran PCR of gBlocks. |
| − | .nav-bar > li:hover, .nav-bar > li a:hover { color: #55a2a6;}
| + | |
| − | .nav-bar > li.active > a { }
| + | |
| − | ul.flyout li a:hover, .nav-bar li ul li a:hover {color:#55a2a6;}
| + | |
| − | .flyout {border-top:2px solid #55a2a6;}
| + | |
| − | .sectiontitle {border-left: 4px solid #55a2a6;}
| + | |
| − | ::-moz-selection{background:#55a2a6;color:#fff;}
| + | |
| − | ::selection{background:#55a2a6;color:#fff;}
| + | |
| − | .ca-menu li:hover .ca-main {color: #55a2a6;}
| + | |
| − | .topborder { border-top:4px solid #55a2a6;}
| + | |
| − | .readmore {background:#55a2a6;}
| + | |
| − | #subheader {background: #55a2a6;border-top: 1px solid #55a2a6; color: #fff;}
| + | |
| − | #subheader a {color: #eee;}
| + | |
| − | #subheader a:hover {color: #fff;}
| + | |
| − | .readmore {background:#55a2a6;}
| + | |
| − | #testimonials blockquote cite {color:#55a2a6;}
| + | |
| − | .tags {background:#55a2a6;}
| + | |
| − | ul.pagination li.current a {background: #55a2a6;}
| + | |
| − | .saymore {color:#55a2a6;}
| + | |
| − | .submit {background:#55a2a6;}
| + | |
| − | dl.tabs dd.active { border-bottom: 3px solid #55a2a6;}
| + | |
| − | ul.accordion > li.active {border-top: 3px solid #55a2a6;}
| + | |
| − | div.alert-box.default { background-color: #55a2a6;}
| + | |
| − | .slide { margin: 0; padding: 0; border-top: solid 4px #55a2a6;}
| + | |
| − | .btn-slide { background:#55a2a6 url(../../images/plus.png) no-repeat;}
| + | |
| − | .btn-slide.active { background: #55a2a6 url(../../images/minus.png) no-repeat;}
| + | |
| − | #footer {border-top:#55a2a6 4px solid;}
| + | |
| − | .back-top a:hover{background-color: #55a2a6;}
| + | |
| − | .sf-shadow ul {border-top:2px solid #55a2a6;}
| + | |
| − | .panel {border-left:4px solid #55a2a6;}
| + | |
| − | .colorbackground {background:#55a2a6;}
| + | |
| − | a.projectdetail { background: #55a2a6;opacity:0.8;}
| + | |
| − | a.projectdetail:hover { background: #55a2a6;opacity:1.0;}
| + | |
| − | #testimonials {border-left: solid 6px #55a2a6;}
| + | |
| − | .ei-title h2{background:#55a2a6;}
| + | |
| | | | |
| − | </style> | + | <br>24/07/2015: |
| − | <!-- skin color -->
| + | |
| − | <style media="screen" type="text/css">
| + | |
| | | | |
| − | /************************************************************************************
| + | - <br>Transformed ligated plasmid into Top 10 cells again. |
| − | MAX-WIDTH 767
| + | |
| − | *************************************************************************************/
| + | |
| − | @media only screen and (max-width: 767px) {
| + | |
| − | input[type="text"].one, input[type="password"].one, input[type="date"].one, input[type="datetime"].one, input[type="email"].one, input[type="number"].one, input[type="search"].one, input[type="tel"].one, input[type="time"].one, input[type="url"].one, textarea.one, .row textarea.one { width: 100% !important }
| + | |
| − | input[type="text"].two, .row input[type="text"].two, input[type="password"].two, .row input[type="password"].two, input[type="date"].two, .row input[type="date"].two, input[type="datetime"].two, .row input[type="datetime"].two, input[type="email"].two, .row input[type="email"].two, input[type="number"].two, .row input[type="number"].two, input[type="search"].two, .row input[type="search"].two, input[type="tel"].two, .row input[type="tel"].two, input[type="time"].two, .row input[type="time"].two, input[type="url"].two, .row input[type="url"].two, textarea.two, .row textarea.two { width: 100% !important }
| + | |
| − | input[type="text"].three, .row input[type="text"].three, input[type="password"].three, .row input[type="password"].three, input[type="date"].three, .row input[type="date"].three, input[type="datetime"].three, .row input[type="datetime"].three, input[type="email"].three, .row input[type="email"].three, input[type="number"].three, .row input[type="number"].three, input[type="search"].three, .row input[type="search"].three, input[type="tel"].three, .row input[type="tel"].three, input[type="time"].three, .row input[type="time"].three, input[type="url"].three, .row input[type="url"].three, textarea.three, .row textarea.three { width: 100% !important }
| + | |
| − | input[type="text"].four, .row input[type="text"].four, input[type="password"].four, .row input[type="password"].four, input[type="date"].four, .row input[type="date"].four, input[type="datetime"].four, .row input[type="datetime"].four, input[type="email"].four, .row input[type="email"].four, input[type="number"].four, .row input[type="number"].four, input[type="search"].four, .row input[type="search"].four, input[type="tel"].four, .row input[type="tel"].four, input[type="time"].four, .row input[type="time"].four, input[type="url"].four, .row input[type="url"].four, textarea.four, .row textarea.four { width: 100% !important }
| + | |
| − | input[type="text"].five, .row input[type="text"].five, input[type="password"].five, .row input[type="password"].five, input[type="date"].five, .row input[type="date"].five, input[type="datetime"].five, .row input[type="datetime"].five, input[type="email"].five, .row input[type="email"].five, input[type="number"].five, .row input[type="number"].five, input[type="search"].five, .row input[type="search"].five, input[type="tel"].five, .row input[type="tel"].five, input[type="time"].five, .row input[type="time"].five, input[type="url"].five, .row input[type="url"].five, textarea.five, .row textarea.five { width: 100% !important }
| + | |
| − | input[type="text"].six, .row input[type="text"].six, input[type="password"].six, .row input[type="password"].six, input[type="date"].six, .row input[type="date"].six, input[type="datetime"].six, .row input[type="datetime"].six, input[type="email"].six, .row input[type="email"].six, input[type="number"].six, .row input[type="number"].six, input[type="search"].six, .row input[type="search"].six, input[type="tel"].six, .row input[type="tel"].six, input[type="time"].six, .row input[type="time"].six, input[type="url"].six, .row input[type="url"].six, textarea.six, .row textarea.six { width: 100% !important }
| + | |
| − | input[type="text"].seven, .row input[type="text"].seven, input[type="password"].seven, .row input[type="password"].seven, input[type="date"].seven, .row input[type="date"].seven, input[type="datetime"].seven, .row input[type="datetime"].seven, input[type="email"].seven, .row input[type="email"].seven, input[type="number"].seven, .row input[type="number"].seven, input[type="search"].seven, .row input[type="search"].seven, input[type="tel"].seven, .row input[type="tel"].seven, input[type="time"].seven, .row input[type="time"].seven, input[type="url"].seven, .row input[type="url"].seven, textarea.seven, .row textarea.seven { width: 100% !important }
| + | |
| − | input[type="text"].eight, .row input[type="text"].eight, input[type="password"].eight, .row input[type="password"].eight, input[type="date"].eight, .row input[type="date"].eight, input[type="datetime"].eight, .row input[type="datetime"].eight, input[type="email"].eight, .row input[type="email"].eight, input[type="number"].eight, .row input[type="number"].eight, input[type="search"].eight, .row input[type="search"].eight, input[type="tel"].eight, .row input[type="tel"].eight, input[type="time"].eight, .row input[type="time"].eight, input[type="url"].eight, .row input[type="url"].eight, textarea.eight, .row textarea.eight { width: 100% !important }
| + | |
| − | input[type="text"].nine, .row input[type="text"].nine, input[type="password"].nine, .row input[type="password"].nine, input[type="date"].nine, .row input[type="date"].nine, input[type="datetime"].nine, .row input[type="datetime"].nine, input[type="email"].nine, .row input[type="email"].nine, input[type="number"].nine, .row input[type="number"].nine, input[type="search"].nine, .row input[type="search"].nine, input[type="tel"].nine, .row input[type="tel"].nine, input[type="time"].nine, .row input[type="time"].nine, input[type="url"].nine, .row input[type="url"].nine, textarea.nine, .row textarea.nine { width: 100% !important }
| + | |
| − | input[type="text"].ten, .row input[type="text"].ten, input[type="password"].ten, .row input[type="password"].ten, input[type="date"].ten, .row input[type="date"].ten, input[type="datetime"].ten, .row input[type="datetime"].ten, input[type="email"].ten, .row input[type="email"].ten, input[type="number"].ten, .row input[type="number"].ten, input[type="search"].ten, .row input[type="search"].ten, input[type="tel"].ten, .row input[type="tel"].ten, input[type="time"].ten, .row input[type="time"].ten, input[type="url"].ten, .row input[type="url"].ten, textarea.ten, .row textarea.ten { width: 100% !important }
| + | |
| − | input[type="text"].eleven, .row input[type="text"].eleven, input[type="password"].eleven, .row input[type="password"].eleven, input[type="date"].eleven, .row input[type="date"].eleven, input[type="datetime"].eleven, .row input[type="datetime"].eleven, input[type="email"].eleven, .row input[type="email"].eleven, input[type="number"].eleven, .row input[type="number"].eleven, input[type="search"].eleven, .row input[type="search"].eleven, input[type="tel"].eleven, .row input[type="tel"].eleven, input[type="time"].eleven, .row input[type="time"].eleven, input[type="url"].eleven, .row input[type="url"].eleven, textarea.eleven, .row textarea.eleven { width: 100% !important }
| + | |
| − | input[type="text"].twelve, .row input[type="text"].twelve, input[type="password"].twelve, .row input[type="password"].twelve, input[type="date"].twelve, .row input[type="date"].twelve, input[type="datetime"].twelve, .row input[type="datetime"].twelve, input[type="email"].twelve, .row input[type="email"].twelve, input[type="number"].twelve, .row input[type="number"].twelve, input[type="search"].twelve, .row input[type="search"].twelve, input[type="tel"].twelve, .row input[type="tel"].twelve, input[type="time"].twelve, .row input[type="time"].twelve, input[type="url"].twelve, .row input[type="url"].twelve, textarea.twelve, .row textarea.twelve { width: 100% !important }
| + | |
| − | label.right { text-align: left }
| + | |
| − | .button { display: block }
| + | |
| − | button.button,input[type="submit"].button { width: 100%; padding-left: 0; padding-right: 0; }
| + | |
| − | .button-group button.button,
| + | |
| − | .button-group input[type="submit"].button { width: auto; padding: 10px 20px 11px; }
| + | |
| − | .button-group button.button.large,
| + | |
| − | .button-group input[type="submit"].button.large { padding: 15px 30px 16px }
| + | |
| − | .button-group button.button.medium,
| + | |
| − | .button-group input[type="submit"].button.medium { padding: 10px 20px 11px }
| + | |
| − | .button-group button.button.small,
| + | |
| − | .button-group input[type="submit"].button.small { padding: 7px 14px 8px }
| + | |
| − | .button-group button.button.tiny,
| + | |
| − | .button-group input[type="submit"].button.tiny { padding: 5px 10px 6px }
| + | |
| − | .button-group.even button.button,
| + | |
| − | .button-group.even input[type="submit"].button { width: 100%; padding-left: 0; padding-right: 0; }
| + | |
| − | dl.tabs.mobile { width: auto; margin: 20px -20px 40px; height: auto; }
| + | |
| − | dl.tabs.mobile dt,dl.tabs.mobile dd { float: none; height: auto; }
| + | |
| − | dl.tabs.mobile dd a { display: block; width: auto; height: auto; padding: 18px 20px; line-height: 1; border: solid 0 #ccc; border-width: 1px 0 0; margin: 0; color: #555; background: #eee; font-size: 15px; font-size: 1.5rem; }
| + | |
| − | dl.tabs.mobile dd a.active { height: auto; margin: 0; border-width: 1px 0 0; }
| + | |
| − | .tabs.mobile { border-bottom: solid 1px #ccc; height: auto; }
| + | |
| − | .tabs.mobile dd a { padding: 18px 20px; border: none; border-left: none; border-right: none; border-top: 1px solid #ccc; background: #fff; }
| + | |
| − | .tabs.mobile dd a.active { border: none; background: #2ba6cb; color: #fff; margin: 0; position: static; top: 0; height: auto; }
| + | |
| − | .tabs.mobile dd:first-child a.active { margin: 0 }
| + | |
| − | dl.contained.mobile { margin-bottom: 0 }
| + | |
| − | dl.contained.tabs.mobile dd a { padding: 18px 20px }
| + | |
| − | dl.tabs.mobile + ul.contained { margin-left: -20px; margin-right: -20px; border-width: 0 0 1px 0; }
| + | |
| − | .tooltip { font-size: 14px; font-size: 1.4rem; line-height: 1.4; padding: 7px 10px 9px 10px; }
| + | |
| − | .tooltip > .nub,
| + | |
| − | .tooltip.top > .nub,
| + | |
| − | .tooltip.left > .nub,
| + | |
| − | .tooltip.right > .nub { border-color: transparent transparent black transparent; border-color: transparent transparent rgba(0, 0, 0, 0.85) transparent; top: -12px; left: 10px; }
| + | |
| | | | |
| − | }
| + | - <br>Ran PCR of BclA, INP and pgsA gBlocks. |
| − | @media only screen and (max-device-width: 800px), only screen and (device-width: 1024px) and (device-height: 600px), only screen and (width: 1280px) and (orientation: landscape), only screen and (device-width: 800px), only screen and (max-width: 767px) {
| + | |
| − | .flex-video { padding-top: 0 }
| + | |
| − |
| + | |
| − | }
| + | |
| | | | |
| − | /* Very large display targeting */
| + | - <br>Transformed more cells with ligated plasmid (using electroporation). |
| − | /* Standard (large) display targeting */
| + | |
| − | .show-for-small,
| + | |
| − | .show-for-medium,
| + | |
| − | .show-for-medium-down,
| + | |
| − | .hide-for-large,
| + | |
| − | .hide-for-large-up,
| + | |
| − | .show-for-xlarge { display: none !important }
| + | |
| − | .hide-for-xlarge,
| + | |
| − | .show-for-large,
| + | |
| − | .show-for-large-up,
| + | |
| − | .hide-for-small,
| + | |
| − | .hide-for-medium,
| + | |
| − | .hide-for-medium-down { display: block !important }
| + | |
| − | @media only screen and (min-width: 1441px) {
| + | |
| − | .hide-for-small,
| + | |
| − | .hide-for-medium,
| + | |
| − | .hide-for-medium-down,
| + | |
| − | .hide-for-large,
| + | |
| − | .show-for-large-up,
| + | |
| − | .show-for-xlarge { display: block !important }
| + | |
| − | .show-for-small,
| + | |
| − | .show-for-medium,
| + | |
| − | .show-for-medium-down,
| + | |
| − | .show-for-large,
| + | |
| − | .hide-for-large-up,
| + | |
| − | .hide-for-xlarge { display: none !important }
| + | |
| − | }
| + | |
| − | /* Medium display targeting */
| + | |
| − | @media only screen and (max-width: 1279px) and (min-width: 768px) {
| + | |
| − | .hide-for-small,
| + | |
| − | .show-for-medium,
| + | |
| − | .show-for-medium-down,
| + | |
| − | .hide-for-large,
| + | |
| − | .hide-for-large-up,
| + | |
| − | .hide-for-xlarge { display: block !important }
| + | |
| − | .show-for-small,
| + | |
| − | .hide-for-medium,
| + | |
| − | .hide-for-medium-down,
| + | |
| − | .show-for-large,
| + | |
| − | .show-for-large-up,
| + | |
| − | .show-for-xlarge { display: none !important }
| + | |
| − | }
| + | |
| − | /* Small display targeting */
| + | |
| − | @media only screen and (max-width: 767px) {
| + | |
| − | .show-for-small,
| + | |
| − | .hide-for-medium,
| + | |
| − | .show-for-medium-down,
| + | |
| − | .hide-for-large,
| + | |
| − | .hide-for-large-up,
| + | |
| − | .hide-for-xlarge { display: block !important }
| + | |
| − | .hide-for-small,
| + | |
| − | .show-for-medium,
| + | |
| − | .hide-for-medium-down,
| + | |
| − | .show-for-large,
| + | |
| − | .show-for-large-up,
| + | |
| − | .show-for-xlarge { display: none !important }
| + | |
| − | }
| + | |
| − | /* Orientation targeting */
| + | |
| − | .show-for-landscape,
| + | |
| − | .hide-for-portrait { display: block !important }
| + | |
| − | .hide-for-landscape,
| + | |
| − | .show-for-portrait { display: none !important }
| + | |
| − | @media screen and (orientation: landscape) {
| + | |
| − | .show-for-landscape,
| + | |
| − | .hide-for-portrait { display: block !important }
| + | |
| − | .hide-for-landscape,
| + | |
| − | .show-for-portrait { display: none !important }
| + | |
| − | }
| + | |
| − | @media screen and (orientation: portrait) {
| + | |
| − | .show-for-portrait,
| + | |
| − | .hide-for-landscape { display: block !important }
| + | |
| − | .hide-for-portrait,
| + | |
| − | .show-for-landscape { display: none !important }
| + | |
| − | }
| + | |
| − | /* Touch-enabled device targeting */
| + | |
| − | .show-for-touch { display: none !important }
| + | |
| − | .hide-for-touch { display: block !important }
| + | |
| − | .touch .show-for-touch { display: block !important }
| + | |
| − | .touch .hide-for-touch { display: none !important }
| + | |
| − | /* Specific overrides for elements that require something other than display: block */
| + | |
| − | table.show-for-xlarge,
| + | |
| − | table.show-for-large,
| + | |
| − | table.hide-for-small,
| + | |
| − | table.hide-for-medium { display: table !important }
| + | |
| − | @media only screen and (max-width: 1279px) and (min-width: 768px) {
| + | |
| − | .touch table.hide-for-xlarge,
| + | |
| − | .touch table.hide-for-large,
| + | |
| − | .touch table.hide-for-small,
| + | |
| − | .touch table.show-for-medium { display: table !important }
| + | |
| − | }
| + | |
| − | @media only screen and (max-width: 767px) {
| + | |
| − | table.hide-for-xlarge,
| + | |
| − | table.hide-for-large,
| + | |
| − | table.hide-for-medium,
| + | |
| − | table.show-for-small { display: table !important }
| + | |
| − | }
| + | |
| | | | |
| − | /************************************************************************************
| + | - <br>Plated transformed cells. |
| − | MAX-WIDTH 800
| + | |
| − | *************************************************************************************/
| + | |
| − | @media screen and (min-width: 600px) and (max-width: 800px) {
| + | |
| − | .row { width: 100%; max-width: 100%; min-width: 1px; margin: 0 auto; }
| + | |
| − | .ca-menu{padding:0; margin-left: 100px;}
| + | |
| − | .ca-menu li{ width: 250px;}
| + | |
| − | }
| + | |
| − | @media screen and (min-width: 600px) and (max-width: 800px) {
| + | |
| − | .ei-title h2,.ei-title h3 {}
| + | |
| − | }
| + | |
| − | /************************************************************************************
| + | |
| − | CAROUSEL
| + | |
| − | *************************************************************************************/
| + | |
| − | @media screen and (max-width: 1024px) {
| + | |
| − | #testimonials {width:98% !important;}
| + | |
| − | #testimonials blockquote{width:98% !important;}
| + | |
| − | #testimonials {height:160px !important;}
| + | |
| − | #testimonials blockquote{height:160px !important;}
| + | |
| − | .noslide h3 { color: #eee; padding: 0;}
| + | |
| − | #footer .four, #footer .row .four {width:100%;margin-bottom:20px; float:none;}
| + | |
| − | .newsmargin { margin-left: 0px;}
| + | |
| | | | |
| − | }
| + | - <br>Ran PCR of sZF2, sZF10 and sZF14. |
| | | | |
| − | @media screen and (max-width: 850px) {
| |
| − | .fitcarousel {width:97%;overflow:hidden;}
| |
| − | }
| |
| − | @media screen and (min-width: 470px) and (max-width: 480px) {
| |
| − | .fitcarousel {width:89% !important;overflow:hidden;}
| |
| − | }
| |
| − | /************************************************************************************
| |
| − | MAX-WITH 480
| |
| − | *************************************************************************************/
| |
| − | @media only screen and (max-width: 480px) {
| |
| − | body { -webkit-text-size-adjust: none; -ms-text-size-adjust: none; width: 100%; min-width: 0; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; }
| |
| − | .row { width: auto; min-width: 0; margin-left: 0; margin-right: 0; }
| |
| − | .column, .columns { width: auto !important; float: none; }
| |
| − | .column:last-child, .columns:last-child { float: none }
| |
| − | [class*="column"] + [class*="column"]:last-child { float: none }
| |
| − | .column:before, .columns:before, .column:after, .columns:after { content: ""; display: table; }
| |
| − | .column:after, .columns:after { clear: both }
| |
| − | .offset-by-one, .offset-by-two, .offset-by-three, .offset-by-four, .offset-by-five, .offset-by-six, .offset-by-seven, .offset-by-eight, .offset-by-nine, .offset-by-ten { margin-left: 0 !important }
| |
| − | .push-two, .push-three, .push-four, .push-five, .push-six, .push-seven, .push-eight, .push-nine, .push-ten { left: auto }
| |
| − | .pull-two, .pull-three, .pull-four, .pull-five, .pull-six, .pull-seven, .pull-eight, .pull-nine, .pull-ten { right: auto }
| |
| − | /* Mobile 4-column Grid */
| |
| − | .row .mobile-one { width: 25% !important; float: left; padding: 0 15px; }
| |
| − | .row .mobile-one:last-child { float: right }
| |
| − | .row .mobile-one.end { float: left }
| |
| − | .row.collapse .mobile-one { padding: 0 }
| |
| − | .row .mobile-two { width: 50% !important; float: left; padding: 0 15px; }
| |
| − | .row .mobile-two:last-child { float: right }
| |
| − | .row .mobile-two.end { float: left }
| |
| − | .row.collapse .mobile-two { padding: 0 }
| |
| − | .row .mobile-three { width: 75% !important; float: left; padding: 0 15px; }
| |
| − | .row .mobile-three:last-child { float: right }
| |
| − | .row .mobile-three.end { float: left }
| |
| − | .row.collapse .mobile-three { padding: 0 }
| |
| − | .row .mobile-four { width: 100% !important; float: left; padding: 0 15px; }
| |
| − | .row .mobile-four:last-child { float: right }
| |
| − | .row .mobile-four.end { float: left }
| |
| − | .row.collapse .mobile-four { padding: 0 }
| |
| − | .push-one-mobile { left: 25% }
| |
| − | .pull-one-mobile { right: 25% }
| |
| − | .push-two-mobile { left: 50% }
| |
| − | .pull-two-mobile { right: 50% }
| |
| − | .push-three-mobile { left: 75% }
| |
| − | .pull-three-mobile { right: 75% }
| |
| − | .nav-bar { height:1px; margin-top: 30px; padding: 0; }
| |
| − | .nav-bar > li { float: left; display: block; position: relative; padding: 10px 0; margin: 0 7px 0 0;line-height:10px;}
| |
| − | ul.flyout li a, .nav-bar li ul li a {margin:0px;height:100%;}
| |
| − | .name {display:block;}
| |
| − | .noleftmarg {padding:0px !important;}
| |
| − | .logo { margin-top: 20px;margin-bottom:0px;}
| |
| − | .ei-slider {height:260px;}
| |
| − | .responsiveslide {margin-left: 0px !important;width:100% !Important;height: 200px !important;}
| |
| − | .newsmargin{margin-left:0px;}
| |
| − | .floatright {float:none;}
| |
| − | #footer h1 {padding-top:20px;}
| |
| − | .back-top, .back-top a, .slide{display:none;}
| |
| − | .left { float: none }
| |
| − | .right { float: right; }
| |
| − | .ei-title h2,.ei-title h3 {}
| |
| − | #testimonials {height:260px !important;}
| |
| − | #testimonials blockquote{height:260px !important;}
| |
| − | .noslide h3 {padding:0px;}
| |
| − | .ca-menu li {width:100%;float:none;}
| |
| − | #subheader p { text-align: center;}
| |
| − | p.right {float:none;}
| |
| − | }
| |
| | | | |
| − | @media screen and (min-width: 601px) {
| + | </p> |
| − | /* ensure #nav is visible on desktop version */
| + | |
| − | /* styles for desktop */ | + | <span class="cd-date">Jul 20</span> |
| − | .tinynav { display: none }
| + | </div> <!-- cd-timeline-content --> |
| − | }
| + | </div> <!-- cd-timeline-block --> |
| | | | |
| − | /************************************************************************************
| |
| − | SUPERFISH
| |
| − | *************************************************************************************/
| |
| − | @media screen and (max-width: 800px) {
| |
| − | .tinynav { display: block }
| |
| − | #main-menu{ display: none }
| |
| − | .headermenu.columns{ padding: 0;float:none !Important;width:100% !Important;}
| |
| − | .headerlogo {width:100% !Important; z-index: 2; position: relative;}
| |
| − | .columns .headerlogo {padding-bottom:0;}
| |
| − | .fitcarousel {width:81%;overflow:hidden;}
| |
| − | .textmenu { margin-top: 8px !important;}
| |
| − | #nav-wrap { margin-top: 0;}
| |
| − | select.tinynav{ border: 0; background: #000; color: #fff; height: 50px; padding-left: 15px;font-weight:700;font-family: DroidSansRegular;}
| |
| − | .row { min-width: 100%;}
| |
| − | .logo { margin-top: 17px; margin-bottom: 17px;}
| |
| − | }
| |
| − |
| |
| | | | |
| | | | |
| − | /************************************************************************************
| |
| − | MAX-WIDTH 240
| |
| − | *************************************************************************************/
| |
| − | @media screen and (max-width: 240px) {
| |
| − | .row .mobile-one {width:45% !important;}
| |
| − | .row .mobile-three {width:55% !Important;}
| |
| − | .ca-menu, #footer {overflow:hidden;}
| |
| − | h1 {font-size:20px;}
| |
| − | #testimonials {height:250px !Important;}
| |
| − | .image_carousel {overflow:hidden;}
| |
| − | }
| |
| | | | |
| − | </style> | + | <div class="cd-timeline-block"> |
| − | <!-- IE Fix for HTML5 Tags -->
| + | <div class="cd-timeline-img cd-picture"> |
| − | <!--[if lt IE 9]> | + | <img src="http://colouringbook.org/SVG/2011/COLOURINGBOOK.ORG/ducky_icon_black_white_line_art_scalable_vector_graphics_svg_inkscape_adobe_illustrator_clip_art_clipart_coloring_book_colouring-1969px.png" alt="Picture"> |
| − | <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
| + | </div> <!-- cd-timeline-img --> |
| − | <![endif]-->
| + | <div class="cd-timeline-content"> |
| − | </head> | + | <h2>Week 5</h2> |
| − | <body> | + | <p> |
| − | <!-- HIDDEN PANEL | + | |
| − | ================================================== -->
| + | <br>27/07/2015: |
| − | <div id="panel"> | + | |
| − | <div class="row">
| + | - <br>Chemically transformed plates and electrotransformed plated grew over |
| − | <div class="twelve columns">
| + | |
| − | <img src="images/info.png" class="pics" alt="info">
| + | weekend. |
| − | <div class="infotext">
| + | |
| − | Thank you for visiting my theme! Replace this with your message to visitors.
| + | <br>28/07/2015 |
| − | </div>
| + | |
| − | </div>
| + | - <br>Colony PCR of the 2 clones. |
| − | </div>
| + | |
| − | </div> | + | <br>29/07/2015 |
| − | <p class="slide"> | + | |
| − | <a href="#" class="btn-slide"></a>
| + | - <br>Conducted plasmid mini prep of bacterial cultures. |
| | + | |
| | + | - <br>Ran gel electrophoresis of redone PCR. |
| | + | |
| | + | - <br>Ran gel electrophoresis of mini prep restriction digestion. |
| | + | |
| | + | - <br>Redoing PCR (of INP, sZF2, sZF10 and sZF14) with DMSO (at 0%, 3% and |
| | + | |
| | + | 6%). |
| | + | |
| | + | - <br>PCR purification of BclA and and pgsA. |
| | + | |
| | + | <br>30/07/2015 |
| | + | |
| | + | - <br>Re-did PCR of INP, sZF10 and sZF14. |
| | + | |
| | + | - <br>sZF14 returned positive (concentration of 31.8 ng/µl after purification). |
| | + | |
| | + | - <br>Purified sZF2. |
| | + | |
| | + | - <br>Re-doing PCR of INP and sZF10. |
| | + | |
| | + | <br>31/07/2015 |
| | + | |
| | + | - <br>Gel of sZF10 and INP PCR product returned negative. |
| | + | |
| | + | - <br>Re-doing PCR with 66 ̊ C and 68 ̊ C annealing temperatures. |
| | + | |
| | + | - <br>Ran gradient PCR of sZF10 and INP. |
| | + | |
| | + | - <br>Did restriction digestion of BclA, pgsA and Lpp OmpA |
| | </p> | | </p> |
| − | <!-- HEADER
| + | |
| − | ================================================== -->
| + | <span class="cd-date">Jul 27</span> |
| − | <div class="row"> | + | </div> <!-- cd-timeline-content --> |
| − | </div> | + | </div> <!-- cd-timeline-block --> |
| − | <div class="headermenu eight columns noleftmarg"> | + | |
| − | <nav id="nav-wrap">
| + | |
| − | <ul id="main-menu" class="nav-bar sf-menu">
| + | |
| − | <li class="current">
| + | |
| − | <a href="Home">Home</a>
| + | |
| − | <ul>
| + | |
| − |
| + | |
| − | </ul>
| + | |
| − | </li>
| + | |
| − | <li>
| + | |
| − | <a href="Project">Project</a>
| + | |
| − | <ul>
| + | |
| − | <li><a href="Project">Project Summary</a></li>
| + | |
| − | <li><a href="Project2">Experiments and Protocols</a></li>
| + | |
| − | <li><a href="Project3">Results</a></li>
| + | |
| − | <li><a href="Project4">Design</a></li>
| + | |
| − | <li><a href="Project5">Notebook</a></li>
| + | |
| − | </ul>
| + | |
| − | </li>
| + | |
| − | <li>
| + | |
| − | <a href="Parts">Parts</a>
| + | |
| − | <ul>
| + | |
| − | <li><a href="Parts">Submitted Parts</a></li>
| + | |
| − | <li><a href="Parts2">Basic Parts</a></li>
| + | |
| − | <li><a href="Parts3">Composite Parts</a></li>
| + | |
| − | <li><a href="Parts4">Part Creation</a></li>
| + | |
| − | </ul>
| + | |
| − | </li>
| + | |
| − | <li>
| + | |
| − | <a href="Modelling">Modelling</a>
| + | |
| − | <ul>
| + | |
| − | <li><a href="Modelling">Basic Model</a></li>
| + | |
| − | <li><a href="Modelling2">DNA Origami Glue</a></li>
| + | |
| − | <li><a href="modelling3">Tetrahedron Construction</a></li>
| + | |
| − | <li><a href="Modelling5">Cube Construction</a></li>
| + | |
| − | <li><a href="Modelling4">DNA Beading</a></li>
| + | |
| − | </ul>
| + | |
| − | </li>
| + | |
| − | <li>
| + | |
| − | <a href="Outreach">Outreach</a>
| + | |
| − | <ul>
| + | |
| − |
| + | |
| − | <li><a href="Interns">Interns</a></li>
| + | |
| − | <li><a href="Schools">Schools</a></li>
| + | |
| − | <li><a href="Collaborations">Collaborations</a></li>
| + | |
| − | </ul>
| + | |
| − | </li>
| + | |
| − |
| + | |
| − | <li>
| + | |
| − | <a href="Team">Team</a>
| + | |
| − | <ul>
| + | |
| − | <li><a href="Members">Members</a></li>
| + | |
| − | <li><a href="Attributions">Attributions</a></li>
| + | |
| − |
| + | |
| − | </ul>
| + | |
| | | | |
| − | </li>
| + | <div class="cd-timeline-block"> |
| − | <li>
| + | <div class="cd-timeline-img cd-picture"> |
| − | <a href="Safety">Safety</a>
| + | <img src="http://colouringbook.org/SVG/2011/COLOURINGBOOK.ORG/ducky_icon_black_white_line_art_scalable_vector_graphics_svg_inkscape_adobe_illustrator_clip_art_clipart_coloring_book_colouring-1969px.png" alt="Picture"> |
| − | <ul> | + | </div> <!-- cd-timeline-img --> |
| − | <li><a href="Safety">Safety</a></li>
| + | |
| − | <li><a href="Human Practices">Human Practices</a></li> | + | |
| − | </li>
| + | |
| − | </ul>
| + | |
| − | </nav>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | <div class="clear">
| + | |
| − | </div> | + | |
| | | | |
| − | <!-- SUBHEADER
| + | <div class="cd-timeline-content"> |
| − | ================================================== -->
| + | <h2>Week 6</h2> |
| − | <div id="subheader">
| + | |
| − | | + | |
| − | <div class="twelve columns">
| + | |
| − | <p class="left">
| + | |
| − | PROJECT DETAIL
| + | |
| − | </p>
| + | |
| − | <p class="right">
| + | |
| − | <a href="Parts2">...continue</a>
| + | |
| − | </p>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | <div class="hr">
| + | |
| − | </div>
| + | |
| − | <!-- CONTENT
| + | |
| − | ================================================== -->
| + | |
| − | <div class="row">
| + | |
| − | <!-- PROJECT DESCRIPTION-->
| + | |
| − | <div class="six columns">
| + | |
| − | <div class="sectiontitle">
| + | |
| − | <h4>Project name</h4>
| + | |
| − | </div>
| + | |
| − | <p>
| + | |
| − | Phasellus nec nibh id arcu pharetra blandit. Nullam mollis, lacus nec lacinia porttitor, odio eros laoreet nibh, at scelerisque magna justo eu turpis. Duis sed risus sit amet nunc cursus suscipit. Duis sed est turpis. Sed imperdiet elit eget massa consectetur sit amet rhoncus purus sagittis. Ut vitae nulla tempus erat accumsan porta a ut turpis. Suspendisse pharetra sagittis tellus, eu viverra neque molestie id.
| + | |
| − | </p>
| + | |
| − | <dl class="tabs">
| + | |
| − | <dd class="active"><a href="#simple1">Features</a></dd>
| + | |
| − | <dd><a href="#simple2">What we did</a></dd>
| + | |
| − | <dd><a href="#simple3">Client's Feedback</a></dd>
| + | |
| − | </dl>
| + | |
| − | <ul class="tabs-content">
| + | |
| − | <li class="active" id="simple1Tab">
| + | |
| − | <p>
| + | |
| − | ADD DESCRIPTION
| + | |
| − | </p>
| + | |
| − | <div class="six columns noleftmargin">
| + | |
| | <p> | | <p> |
| − | <img src="" alt="">< b> consectetur adipiscing< /b> | + | <br>03/08/2015: |
| − | </p> | + | |
| | + | - <br>Re-did restriction digestion of Lpp OmpA. |
| | + | |
| | + | - <br>Ligated BclA and pgsA into pSB1C3. |
| | + | |
| | + | <br>04/08/2015: |
| | + | |
| | + | - <br>Transformed ligated plasmid into MG1655-Z1 cells. |
| | + | |
| | + | - <br>PCR purified INP. |
| | + | |
| | + | - <br>Did a restriction digestion of INP and Lpp OmpA. |
| | + | |
| | + | - <br>Ran a gradient PCR of Lpp OmpA full construct. |
| | + | |
| | + | <br>05/08/2015: |
| | + | |
| | + | - <br>2 cultures inoculated with colonies from a DH5α Z1 plate. |
| | + | |
| | + | - <br>Purified and restriction digested Lpp OmpA full construct. |
| | + | |
| | + | - <br>Restriction digestion of INP. |
| | + | |
| | + | - <br>Streaked plate with pgsA and BclA transformed cells. |
| | + | |
| | + | <br>06/08/2015: |
| | + | |
| | + | - <br>Gel electrophoresis of sZF10. |
| | + | |
| | + | - <br>Cut out band corresponding to sZF10 (at 270 bases). |
| | + | |
| | + | - <br>Did a gel extraction (using Freeze ‘n’ Squeeze method). |
| | + | |
| | + | <br>07/08/2015: |
| | + | |
| | + | - <br>Streaked chloramphenicol plates with transformed RFP DH5α Z1 cells. |
| | + | |
| | + | - <br>Re-streaked plates with BclA and pgsA transformed cells. |
| | + | |
| | + | - <br>Made chemically competent DH5 α Z1 cells. |
| | + | |
| | + | - <br>Ran gel of digested plasmid. Obtained single band at 2000 base pairs (where |
| | + | |
| | + | backbone without RFP would be, lacking band at 1000 base pairs (for RFP gene)). |
| | + | |
| | + | - <br>Ran gel of undigested plasmids, single band at 3000 base pairs. |
| | + | |
| | + | - <br>Gel purified digested plasmid, nanodropped (2.1ng/l). |
| | + | |
| | + | <br>08/08/2015: |
| | + | |
| | + | - <br>RFP and BclA transformed cells grew with single colonies. |
| | + | |
| | + | - <br>pgsA plate showed no growth. |
| | + | |
| | + | - <br>Inoculated falcon tubes with RFP and BclA. |
| | + | |
| | + | - <br>Inoculated tube using old pgsA. |
| | + | |
| | + | - <br>Plated pure DH5α Z1 onto 1 chloramphenicol and 1 clean plate (to establish |
| | + | |
| | + | background growth). |
| | + | |
| | + | <br>09/08/2015: |
| | + | |
| | + | - <br>Mini prepped RFP, BclA and pgsA transformed cells. |
| | + | |
| | + | - <br>Chloramphenicol plate grew no colonies, clean plate grew a lawn. |
| | + | </p> |
| | + | |
| | + | <span class="cd-date">Aug 3</span> |
| | + | </div> <!-- cd-timeline-content --> |
| | + | </div> <!-- cd-timeline-block --> |
| | + | |
| | + | <div class="cd-timeline-block"> |
| | + | <div class="cd-timeline-img cd-picture"> |
| | + | <img src=" http://colouringbook.org/SVG/2011/COLOURINGBOOK.ORG/ducky_icon_black_white_line_art_scalable_vector_graphics_svg_inkscape_adobe_illustrator_clip_art_clipart_coloring_book_colouring-1969px.png" alt=" Picture"> |
| | + | </div> <!-- cd-timeline-img --> |
| | + | |
| | + | |
| | + | <div class="cd-timeline-content"> |
| | + | <h2>Week 7</h2> |
| | <p> | | <p> |
| − | <img src="images/check.png" alt=""><b>maxima parte</b>
| |
| − | </p>
| |
| − | </div>
| |
| − | </li>
| |
| − | <li id="simple2Tab">
| |
| − | <p>
| |
| − | Consectetur adipiscing elit. Et non ex maxima parte de tota iudicabis? Item de contrariis, a quibus ad genera formasque generum.
| |
| − | </p>
| |
| − | <p>
| |
| − | <img src="images/check.png" alt=""> genera formasque
| |
| − | </p>
| |
| − | <p>
| |
| − | <img src="images/check.png" alt=""> quibus ad genera
| |
| − | </p>
| |
| − | <p>
| |
| − | Et non ex maxima parte de tota iudicabis? Item de contrariis, a quibus ad genera formasque generum venerunt. Sit enim idem caecus, debilis. Duo Reges: constructio interrete.
| |
| − | </p>
| |
| − | </li>
| |
| − | <li id="simple3Tab">
| |
| − | <p>
| |
| − | <i>"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Et non ex maxima parte de tota iudicabis? Item de contrariis, a quibus ad genera formasque generum."</i>
| |
| − | </p>
| |
| − | <p>
| |
| − | <i>"Adipiscing elit. Et non ex maxima parte de tota iudicabis? Item de contrariis, a quibus ad genera formasque generum."</i>
| |
| − | </p>
| |
| − | </li>
| |
| − | </ul>
| |
| − | </div>
| |
| − | <!-- end main content-->
| |
| − | <!-- SLIDER-->
| |
| − | <div class="five columns">
| |
| − | <div class="slider-wrapper theme-default">
| |
| − | <div id="slider" class="nivoSlider detailslider">
| |
| − | <img src="http://pubs.rsc.org/services/images/RSCpubs.ePlatform.Service.FreeContent.ImageService.svc/ImageService/Articleimage/2012/SC/c2sc20446k/c2sc20446k-f2.gif" data-thumb="" alt="" style="width: 189px; visibility: hidden; display: inline;">
| |
| − | <img src="http://www.step.org.uk/app/uploads/2014/05/biologybanner.jpg" data-thumb="" alt="" style="width: 189px; visibility: hidden; display: inline;">
| |
| − | <img class="nivo-main-image" src="http://pubs.rsc.org/services/images/RSCpubs.ePlatform.Service.FreeContent.ImageService.svc/ImageService/Articleimage/2012/SC/c2sc20446k/c2sc20446k-f2.gif" style="display: inline; overflow: hidden; height: 300px; width: 189px;"><div class="nivo-caption"></div><div class="nivo-directionNav"><a class="nivo-prevNav">Prev</a><a class="nivo-nextNav">Next</a></div><div class="nivo-slice" name="0" style="left: 0px; width: 189px; height: 300px; opacity: 1; overflow: hidden; top: 0px;"></div></div><div class="nivo-controlNav"><a class="nivo-control active" rel="0">1</a><a class="nivo-control" rel="1">2</a></div>
| |
| − | </div>
| |
| − | </div>
| |
| − | <!-- end sliderr-->
| |
| − | </div>
| |
| − | <div class="hr">
| |
| − | </div>
| |
| | | | |
| − | <!-- FOOOTER | + | <br>10/08/2015: |
| − | ================================================== -->
| + | |
| − | <div id="footer"> | + | - <br>Nanodropped mini prep of RFP, BclA and pgsA. |
| − | <footer class="row">
| + | |
| − | <p class="back-top floatright" style="display: none;">
| + | - <br>Sent off for sequencing. |
| − | <a href="#top">< span>< /span></ a> | + | |
| − | </p>
| + | <br>11/08/2015 |
| − | <div class="three columns">
| + | |
| − | <h1>ABOUT US</h1>
| + | - <br>Digested old EC1 plasmid using Pst1+EcoR1 and Age1+Nde1 (to obtain |
| − | Our goal is to keep clients satisfied!
| + | |
| − | </div>
| + | plasmid backbone, full construct and anchor proteins). |
| − | <div class="three columns">
| + | |
| − | <h1>GET SOCIAL</h1>
| + | - <br>Digested new RFP plasmid to obtain plasmid backbone. |
| − | <a class="social facebook" href="#"></a> | + | |
| − | <a class="social twitter" href="#"></a>
| + | - <br>Inoculated culture with RFP bacteria. |
| − | <a class="social deviantart" href="#"></a>
| + | |
| − | <a class=" social flickr" href="#"></ a> | + | - <br>PCR of sZF10. |
| − | <a class="social dribbble" href="#"></a> | + | |
| − | </div>
| + | - <br>Mini-prep of RFP plasmid (JO4450). |
| − | <div class=" three columns"> | + | |
| − | <h1 class="newsmargin">NEWSLETTER</h1>
| + | <br>12/08/2015 |
| − | <div class="row collapse newsletter floatright"> | + | |
| − | <div class="ten mobile-three columns"> | + | - <br>Prepared 2 binding glass slides and 1 control. |
| − | <input type="text" class="nomargin" placeholder="Enter your e-mail address..."> | + | |
| − | </div> | + | - <br>Mini prepped new RFP plasmid. |
| − | <div class="two mobile-one columns"> | + | |
| − | <a href="#" class="postfix button expand">GO</a> | + | - <br>Digested new RFP plasmid and ran it on a gel. |
| − | </div>
| + | |
| − | </div>
| + | - <br>Gel of old full construct digested by Age1+Pst1. |
| − | </div>
| + | |
| − | </footer>
| + | - <br>Gel extracted then nanodropped. Showed that the gel extraction didn’t work. |
| − | </div> | + | |
| − | <div class="copyright"> | + | - <br>Digestion of all zinc fingers. |
| − | <div class="row">
| + | |
| − | <div class="six columns">
| + | <br>13/08/2015 |
| − | <span class="small"> </span>
| + | |
| − | </div> | + | - <br>Ligation of Lpp OmpA full construct into pSB1C3backbone. |
| − | <div class="six columns"> | + | |
| − | <span class="small floatright">Design by Warwick iGEM 2015<a target="_blank" </span> | + | - <br>Transformation of ligation product. |
| − | </div>
| + | |
| − | </div>
| + | <br>14/08/2015 |
| − | </div> | + | |
| − | <!-- JAVASCRIPTS | + | - <br>Restriction digestion of Lpp OmpA full construct using Pst1+EcoR1. |
| − | ================================================== -->
| + | |
| − | <!-- Javascript files placed here for faster loading --> | + | - <br>Inoculation of Lpp OmpA full construct transformed plasmid. |
| − | <!-- Javascript files placed here for faster loading --> | + | |
| − | <script src="javascripts/foundation.min.js"></script> | + | - <br>Only 2 colonies on the 4 plates of bacteria grew (background growth is 0 via |
| − | <script src="javascripts/jquery.cycle.js"></script> | + | |
| − | <script src="javascripts/app.js"></script> | + | control plates). |
| − | <script src="javascripts/modernizr.foundation.js"></script> | + | |
| − | <script src="javascripts/slidepanel.js"></script> | + | <br>15/08/2015 |
| − | <script src="javascripts/scrolltotop.js"></script> | + | |
| − | <script src="javascripts/hoverIntent.js"></script> | + | - <br>Mini-prepped grown transformed DH5α Z1, colonies 1 and 2. |
| − | <script src="javascripts/superfish.js"></script> | + | |
| − | <script src="javascripts/responsivemenu.js"></script> | + | - <br>Plated normal DH5α Z1 on clean plates (found a lawn of viable cells). |
| − | <script src="javascripts/elasticslideshow.js"></script> | + | |
| | + | - <br>Re-transformed cells formed a lawn (taken to be re-spread and inoculated). |
| | + | |
| | + | |
| | + | </p> |
| | + | |
| | + | <span class="cd-date">Aug 10</span> |
| | + | </div> <!-- cd-timeline-content --> |
| | + | </div> <!-- cd-timeline-block --> |
| | + | |
| | + | <div class="cd-timeline-block"> |
| | + | <div class="cd-timeline-img cd-picture"> |
| | + | <img src="http://colouringbook.org/SVG/2011/COLOURINGBOOK.ORG/ducky_icon_black_white_line_art_scalable_vector_graphics_svg_inkscape_adobe_illustrator_clip_art_clipart_coloring_book_colouring-1969px.png" alt="Picture"> |
| | + | </div> <!-- cd-timeline-img --> |
| | + | |
| | + | |
| | + | |
| | + | <div class="cd-timeline-content"> |
| | + | <h2>Week 8</h2> |
| | + | <p> |
| | + | |
| | + | <br>17/08/2015: |
| | + | |
| | + | - <br>Prepared mini prep for sequencing. |
| | + | |
| | + | - <br>Digested Lpp OmpA out of the plasmid and gel extracted the backbone. |
| | + | |
| | + | - <br>Ligated all anchor proteins into the plasmid. |
| | + | |
| | + | <br>18/08/2015: |
| | + | |
| | + | - <br>Transformed DH5α Z1 cells with each anchor protein. |
| | + | |
| | + | - <br>Re-growing Lpp OmpA transformed DH5α Z1 cells. |
| | + | |
| | + | - <br>Electroporated MG1655Z1 cells using the original full construct plasmid and |
| | + | |
| | + | plated. |
| | + | |
| | + | - <br>Streaked FIM(negative) cells on a clean plate. |
| | + | |
| | + | <br>19/08/2015: |
| | + | |
| | + | - <br>All plated grew well (Lpp OmpA transformed cells formed a lawn). |
| | + | |
| | + | - <br>Streaked Lpp OmpA transformed cells onto a chloramphenicol plate. |
| | + | |
| | + | - <br>Electroporated cells did not grow. |
| | + | |
| | + | - <br>Inoculations were made of the BclA, pgsA and INP plates. |
| | + | |
| | + | - <br>Made 12 new chloramphenicol plates. |
| | + | |
| | + | - <br>Designed primers (for the DNA origami oligonucleotide adhesive) for the |
| | + | |
| | + | modellers. |
| | + | |
| | + | - <br>Sequences came back clean (with no mutations). |
| | + | |
| | + | - <br>Colony PCR of all grown cells. |
| | + | |
| | + | <br>20/08/2015: |
| | + | |
| | + | - <br>Ran an electrophoresis gel of the colony PCRs. |
| | + | |
| | + | - <br>Made chemically competent FIM(negative). |
| | + | |
| | + | - <br>Made glycerol stocks of all completed cell cultures. |
| | + | |
| | + | - <br>Mini prep of pgsA, BclA and INP plasmids. |
| | + | |
| | + | - <br>Made inoculations of Lpp OmpA (one with IPTG, one without, and one where |
| | + | |
| | + | IPTG is added later). |
| | + | |
| | + | <br>21/08/2015: |
| | + | |
| | + | - <br>BclA, INP and pgsA plasmids sent for sequencing. |
| | + | |
| | + | - <br>Finished making FIM(negative) chemically competent cells. |
| | + | |
| | + | - <br>Measured OD600 of Lpp OmpA inoculations. |
| | + | |
| | + | - <br>Made another Lpp OmpA inoculation. |
| | + | |
| | + | - <br>Remade the colony PCR. |
| | + | |
| | + | <br>22/08/2015: |
| | + | |
| | + | - <br>Ran electrophoresis gel of colony PCR. |
| | + | |
| | + | - <br>No results so colony PCR remade. |
| | + | |
| | + | <br>23/08/2015 |
| | + | |
| | + | - <br>No results. |
| | + | |
| | + | - <br>Made inoculations of Lpp OmpA transformed cells (with IPTG and normal DH5α |
| | + | |
| | + | Z1 cells). |
| | + | </p> |
| | + | |
| | + | <span class="cd-date">Aug 17</span> |
| | + | </div> <!-- cd-timeline-content --> |
| | + | </div> <!-- cd-timeline-block --> |
| | + | |
| | + | <div class="cd-timeline-block"> |
| | + | <div class="cd-timeline-img cd-picture"> |
| | + | <img src="http://colouringbook.org/SVG/2011/COLOURINGBOOK.ORG/ducky_icon_black_white_line_art_scalable_vector_graphics_svg_inkscape_adobe_illustrator_clip_art_clipart_coloring_book_colouring-1969px.png" alt="Picture"> |
| | + | </div> <!-- cd-timeline-img --> |
| | + | |
| | + | |
| | + | |
| | + | |
| | + | |
| | + | <div class="cd-timeline-content"> |
| | + | <h2>Week 9</h2> |
| | + | <p> |
| | + | |
| | + | |
| | + | <br>24/08/2015: |
| | + | |
| | + | - <br>Made colony PCR again using different primer-colony combinations. |
| | + | |
| | + | - <br>Made more chloramphenicol plates. |
| | + | |
| | + | - <br>Assembled primers. |
| | + | |
| | + | - <br>Made designs (using paper stencils) of RFP transformed DH5α Z1. |
| | + | |
| | + | - <br>Carried out Age1+Nde1 digestion of Lpp OmpA full construct. |
| | + | |
| | + | - <br>Ran electrophoresis gel of colony PCR – had negative results. |
| | + | |
| | + | <br>25/08/2015: |
| | + | |
| | + | - <br>Gel extraction of digested full construct plasmid showed no positive results. |
| | + | |
| | + | - <br>Mini prepped functional cell. |
| | + | |
| | + | - <br>Set up (8 hour) digestion. |
| | + | |
| | + | <br>26/08/2015: |
| | + | |
| | + | - <br>Analyse digestion. Showed a single band (a negative result). |
| | + | |
| | + | - <br>Put DH5αcells on to grow (for microscopy). |
| | + | |
| | + | <br>27/08/2015: |
| | + | |
| | + | - <br>First steps of slide preparation. |
| | + | |
| | + | - <br>Mini prepped Lpp OmpA full construct. |
| | + | |
| | + | - <br>Digested Lpp OmpA full construct with Age1. |
| | + | |
| | + | - <br>Ran an electrophoresis gel of the digestion - results were negative. |
| | + | |
| | + | <br>28/08/2015: |
| | + | |
| | + | - <br>Mini prepped Lpp OmpA full construct. |
| | + | |
| | + | - <br>Ran electrophoresis gel (of digestion with EcoR1+Nde1 and digestion with |
| | + | |
| | + | EcoR1+Age1). |
| | + | |
| | + | - <br>Rerunning electrophoresis gel (using old enzymes and Lpp OmpA plasmid full |
| | + | |
| | + | construct mini prep). |
| | + | |
| | + | <br>29/08/2015: |
| | + | |
| | + | - <br>Did gel extraction of Lpp OmpA full construct plasmid mini prep. |
| | + | |
| | + | - <br>No supernatant after freeze and squeeze step. |
| | + | |
| | + | - <br>MG1655Z1 cells transformed with PSB3K3 via electroporation. |
| | + | |
| | + | <br>30/08/2015: |
| | + | |
| | + | - <br>Redid gel extraction of Lpp OmpA full construct (plasmid mini prep) via. |
| | + | |
| | + | |
| | + | |
| | + | |
| | + | |
| | + | </p> |
| | + | |
| | + | <span class="cd-date">Aug 24</span> |
| | + | </div> <!-- cd-timeline-content --> |
| | + | </div> <!-- cd-timeline-block --> |
| | + | |
| | + | <div class="cd-timeline-block"> |
| | + | <div class="cd-timeline-img cd-picture"> |
| | + | <img src="http://colouringbook.org/SVG/2011/COLOURINGBOOK.ORG/ducky_icon_black_white_line_art_scalable_vector_graphics_svg_inkscape_adobe_illustrator_clip_art_clipart_coloring_book_colouring-1969px.png" alt="Picture"> |
| | + | </div> <!-- cd-timeline-img --> |
| | + | |
| | + | <div class="cd-timeline-content"> |
| | + | <h2>Week 10</h2> |
| | + | <p> |
| | + | |
| | + | |
| | + | |
| | + | <br>31/08/2015: |
| | + | |
| | + | - <br>Repeated gel extraction (not enough full construct mini prepped plasmid). |
| | + | |
| | + | - <br>Started mini prep of Lpp OmpA full construct transformed colony. |
| | + | |
| | + | - <br>Slide prep up to (but not including) Blocking Buffer wash. |
| | + | |
| | + | - <br>LB inoculated with colony from MG1655Z1 + pSB3K3 plate. |
| | + | |
| | + | <br>01/09/2015 |
| | + | |
| | + | - <br>Gel extracted anchor protein plasmids (from digestion). |
| | + | |
| | + | - <br>Microscopy session - some controls not the best, but significant difference in |
| | + | |
| | + | brightness of induced and Lpp OmpA full construct. |
| | + | |
| | + | <br>02/09/2015: |
| | + | |
| | + | - <br>PCR of sZFs 2, sZF10 sZFand 14. |
| | + | |
| | + | - <br>Mini prepped more plasmid from the working MG1655Z1cells. |
| | + | |
| | + | - <br>Set up more MG1655Z1cells to grow overnight. |
| | + | |
| | + | - <br>Restriction digestion of full construct plasmid carried out using Nhe1+Cla1. |
| | + | |
| | + | <br>03/09/2015: |
| | + | |
| | + | - <br>Triplicate mini prep made using colony 2 (MG1655Z1). |
| | + | |
| | + | - <br>Restriction digested mini prep. |
| | + | |
| | + | - <br>Ran a gel extraction of digestion, then extracted from gel. |
| | + | |
| | + | - <br>Ran a PCR of the cut zinc fingers. |
| | + | |
| | + | <br>04/09/2015: |
| | + | |
| | + | - <br>Mini prepped a large batch of Dh5α Z1cell. |
| | + | |
| | + | - <br>Ran a restriction digestion (using Age1+Nde1). |
| | + | |
| | + | - <br>JS006 transformed with PSB3K3 via electroporation, grown on 1:2000 |
| | + | |
| | + | Kanamycin plate. |
| | + | |
| | + | - <br>Successful PCR of sZF2 and sZF14 (purified and tested). |
| | + | |
| | + | - <br>Redid PCR of sZF10. |
| | + | |
| | + | - <br>Gel extraction of plasmid Mhe1+Cla1 digest, worked perfectly. |
| | + | |
| | + | - <br>PCR purified the 3 anchor proteins (BclA, pgsA and INP). |
| | + | |
| | + | - <br>Mini prepped anchor proteins. |
| | + | |
| | + | - <br>Digested the anchor proteins, ran on an electrophoresis gel and then extracted. |
| | + | |
| | + | - <br>Carried out a restriction digestion (with Age1+Nde1). |
| | + | |
| | + | - <br>Ran digestion on an electrophoresis gel, and then extracted. |
| | + | |
| | + | <br>05/09/2015 |
| | + | |
| | + | - <br>Gel extracted the plasmid digested by Nhe1+Cla1. |
| | + | |
| | + | - <br>Mini prepped more plasmid. |
| | + | |
| | + | - <br>Digestion of plasmid (using Nde1+Age1). |
| | + | |
| | + | - <br>Ran electrophoresis gel of Nde1+Age1 digestion. |
| | + | |
| | + | |
| | + | </p> |
| | + | |
| | + | <span class="cd-date">Aug 31</span> |
| | + | </div> <!-- cd-timeline-content --> |
| | + | </div> <!-- cd-timeline-block --> |
| | + | |
| | + | <div class="cd-timeline-block"> |
| | + | <div class="cd-timeline-img cd-location"> |
| | + | <img src="http://colouringbook.org/SVG/2011/COLOURINGBOOK.ORG/ducky_icon_black_white_line_art_scalable_vector_graphics_svg_inkscape_adobe_illustrator_clip_art_clipart_coloring_book_colouring-1969px.png" alt="Location"> |
| | + | </div> <!-- cd-timeline-img --> |
| | + | |
| | + | <div class="cd-timeline-content"> |
| | + | <h2>Week 11</h2> |
| | + | <p> |
| | + | |
| | + | |
| | + | <br>07/09/2015: |
| | + | |
| | + | - <br>Ran an electrophoresis gel of Nde1+Age1 digest (reran to separate out bands). |
| | + | |
| | + | - <br>Gel extracted. |
| | + | |
| | + | - <br>Digested all zinc fingers. |
| | + | |
| | + | - <br>Gel of full construct (digested with Nhe1+Cla1) showed a positive result, so PCR |
| | + | |
| | + | purified. |
| | + | |
| | + | - <br>PCR purified sZF2, sZF10 and sZF14. |
| | + | |
| | + | - <br>Ligated (using T4 DNA ligase protocol). |
| | + | |
| | + | <br>08/09/2015: |
| | + | |
| | + | - <br>Ran gel electrophoresis of ligated zinc fingers (to check them). |
| | + | |
| | + | - <br>Transformed some of the ligation into chemically competent DH5α Z1 cells. |
| | + | |
| | + | - <br>Transformed rest of the ligation into electrocompetent cells. |
| | + | |
| | + | - <br>Made more chloramphenicol plates. |
| | + | |
| | + | <br>09/09/2015: |
| | + | |
| | + | - <br>Primer assembly of fluorescent zinc finger specific binding sequences. |
| | + | |
| | + | - <br>Made oligonucleotides for glass DNA binding. |
| | + | |
| | + | - <br>Made fluorescent oligos for specific DNA binding test. |
| | + | |
| | + | <br>10/09/2015: |
| | + | |
| | + | - <br>Plasmid preparation of pSB3K3 for insertion of fluorescent gBlocks. |
| | + | |
| | + | - <br>Wells 6F/18A/18C/18E/18E from kit Plate 4 2015 Phusion PCR. |
| | + | |
| | + | - <br>Gel electrophoresis of PCR products - showed only primer dimer at 100 bp. |
| | + | |
| | + | <br>11/09/2015: |
| | + | |
| | + | - <br>Plasmid preparation of pSB3K3 for insertion of fluorescent gBlocks. |
| | + | |
| | + | - <br>Wells 6F/18A/18C/18E/18E from kit Plate 4 2015 Phusion PCR. |
| | + | |
| | + | - <br>Gel electrophoresis of PCR products - showed only primer dimer at 100 base |
| | + | |
| | + | pairs again. |
| | + | |
| | + | - <br>Mini prepped electroporated MG1655Z1 containing sZFf2, sZF10, sZF14, BclA |
| | + | |
| | + | and INP plasmids. |
| | + | |
| | + | - <br>Sent the 5 modified plasmids for sequencing. |
| | + | |
| | + | - <br>Received PCR product from Oxford iGEM. Assembled oligos in PCR machine. |
| | + | |
| | + | - <br>Prepared slides (of induced and uninduced zinc fingers) for microscopy using |
| | + | |
| | + | Dh5α Z1 cells. |
| | + | |
| | + | <br>12/09/2015: |
| | + | |
| | + | - <br>Made inoculations of MG1655Z1 transformed cells for preparation of slides |
| | + | |
| | + | (using induced and uninduced zinc fingers and anchors). |
| | + | |
| | + | |
| | + | |
| | + | |
| | + | |
| | + | |
| | + | </p> |
| | + | |
| | + | <span class="cd-date">Sep 07</span> |
| | + | </div> <!-- cd-timeline-content --> |
| | + | </div> <!-- cd-timeline-block --> |
| | + | |
| | + | <div class="cd-timeline-block"> |
| | + | <div class="cd-timeline-img cd-location"> |
| | + | <img src="http://colouringbook.org/SVG/2011/COLOURINGBOOK.ORG/ducky_icon_black_white_line_art_scalable_vector_graphics_svg_inkscape_adobe_illustrator_clip_art_clipart_coloring_book_colouring-1969px.png" alt="Location"> |
| | + | </div> <!-- cd-timeline-img --> |
| | + | |
| | + | <div class="cd-timeline-content"> |
| | + | <h2>Final Week</h2> |
| | + | <p> |
| | + | |
| | + | |
| | + | <br>14/09/2015 |
| | + | |
| | + | - <br>Redo Phusion PCR (gradient) of wells 6F/18A/18C/18E/18E from kit Plate 4 |
| | + | |
| | + | 2015 with +/- DMSO. |
| | + | |
| | + | - <br>Gel electrophoresis of PCR products identified band of 2.5kb. |
| | + | |
| | + | - <br>Dpn1 digest for 3 hours and 37°C |
| | + | |
| | + | - <br>Remade glass slides with all zinc fingers (for the oligo binding experiment – |
| | + | |
| | + | experiment 3) and anchor proteins (for FLAG tag experiment – experiment 2). |
| | + | |
| | + | <br>15/09/2015 |
| | + | |
| | + | - <br>PCR purification of 18C and 18E. |
| | + | |
| | + | - <br>Gibson assembly of 18C and 18E, each with the gBlock for mKate, GFP and |
| | + | |
| | + | Cerulean |
| | + | |
| | + | - <br>Remade slides with zinc fingers (for experiment 3) and anchor proteins |
| | + | |
| | + | (experiment 2). Found out later that sequencing did not come back right, so slides |
| | + | |
| | + | must be remade using new cells. . |
| | + | |
| | + | <br>16/09/2015 |
| | + | |
| | + | - <br>Grew up all zinc fingers cells in m9 (to be used for experiment 2). |
| | + | |
| | + | <br>17/09/2015 |
| | + | |
| | + | - <br>Cells had not grown up, so regrew them in LB. |
| | + | |
| | + | - <br>Once grown, these cells were used to prepare slides for experiment 2. |
| | + | |
| | + | <br> 18/09/2015 |
| | + | |
| | + | <br> Visualised slides of zinc finger transformed cells, but only got negative results. |
| | + | |
| | + | <br> Remade slides using alternative protocol (did not fix cells to slide, cells were in liquid media). Visualised, got positive results for sZF14. |
| | + | |
| | + | |
| | + | |
| | + | |
| | + | |
| | + | </p> |
| | + | <span class="cd-date">Sep 14</span> |
| | + | </div> <!-- cd-timeline-content --> |
| | + | </div> <!-- cd-timeline-block --> |
| | + | </section> <!-- cd-timeline --> |
| | + | <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> |
| | + | <script src="js/main.js"></script> <!-- Resource jQuery --> |
| | + | |
| | + | |
| | + | </body> |
| | + | |
| | + | |
| | + | |
| | + | |
| | + | |
| | + | |
| | + | </html> |
| | + | |
| | | | |
| − | </body></html>
| + | {{WarwickFooter}} |
