Team:SMTexas

From 2014hs.igem.org

(Difference between revisions)
Line 1: Line 1:
-
$wgAllowUserCss=true
+
 
<html>
<html>
 +
<style>
 +
/***** BASE CSS *****/
 +
 +
 +
/* Site Name */
 +
 +
#divSiteTitle {text-decoration:none;}
 +
 +
#divTagLine {text-decoration:none;}
 +
 +
 +
/* Headline Text */
 +
 +
#divHeaderLine1 {display:inline-block !important}
 +
 +
#divHeaderLine2 {display:inline-block !important}
 +
 +
#divHeaderLine3 {display:inline-block !important}
 +
 +
 +
/* Headings */
 +
 +
h3, h4, h5, h6 {line-height:1.5 !important}
 +
 +
.lead {
 +
    text-align:center;
 +
}
 +
 +
.lead h2 {
 +
    font-size:33px;line-height:45px;
 +
}
 +
 +
.lead h3 {
 +
    font-size:17px;
 +
}
 +
 +
.lead h3 a {
 +
    font-size:inherit !important;
 +
}
 +
 +
 +
/* Contact */
 +
 +
ul#contact-info .icon {font-size:20px;float:left;line-height:25px;margin-right:10px;}
 +
 +
ul#contact-info .field {font-weight:bold;}
 +
 +
ul#contact-info {list-style:none;}
 +
 +
 +
/* Grid */
 +
 +
#tiles li {
 +
width:240px !important;
 +
background-color: #ffffff;
 +
border: 1px solid #dedede;
 +
-moz-border-radius: 2px;
 +
-webkit-border-radius: 2px;
 +
border-radius: 2px;
 +
padding: 10px !important;
 +
margin-right:7px;margin-bottom:7px;float:left;
 +
}
 +
 +
#tiles li img {margin-bottom:10px;}
 +
 +
#tiles li div.meta {color:#999;text-transform:uppercase;font-size:10px;margin:0;}
 +
 +
#tiles li h4 {line-height:1.5;margin:0 0 5px 0;}
 +
 +
#tiles li h4 a {line-height:inherit;margin:0;text-decoration:inherit;color:inherit;font-size:inherit;font-family:inherit;font-weight:inherit;font-style:inherit;}
 +
 +
#tiles li p {font-size:12px;line-height:1.5;margin:0;}
 +
 +
#tiles li a {font-size:12px;}
 +
 +
#tiles li .more_link {font-size:smaller;line-height:2;text-transform:uppercase;letter-spacing:2px;white-space:nowrap;display:block;margin: 5px 0 0 0;}
 +
 +
#tiles li blockquote {line-height:1.5;margin:0;padding:0;color:#999;border:none;font-size:150%;font-style:italic;font-family:Georgia, Times, serif;}
 +
 +
#tiles li blockquote small {font-size:11px;font-style:normal;}
 +
 +
 +
/* Icons */
 +
 +
[class*="social foundicon-"]:before {font-family: "SocialFoundicons";}
 +
 +
[class*="general foundicon-"]:before {font-family: "GeneralFoundicons";}
 +
 +
       
 +
/* Menu Side */
 +
 +
.menu_menu_simple ul {margin-top:0px;margin-bottom:0px;}
 +
 +
.menu_menu_simple ul li {margin-top:0px;margin-bottom:0px;}
 +
 +
 +
/* Header Area */
 +
 +
#decorative1 {
 +
margin-top:-2px;padding-top:2px;   
 +
margin-left: -20px !important;
 +
margin-right: -20px !important; /* fix bg cover issue */
 +
}
 +
 +
 +
/* Menu Centered */
 +
 +
.centered_menu {text-align:center}
 +
 +
.centered_menu > div {display:inline-block;}
 +
 +
.centered_menu div {text-align:left}
 +
 +
 +
/* Footer elements */
 +
 +
.social_bookmarks a {font-size:smaller !important;text-transform:uppercase;letter-spacing:1px;text-decoration:none;margin-right:20px;}
 +
 +
.copyright {font-size:smaller;letter-spacing:1px;}
 +
 +
 +
/* Responsive Image */
 +
 +
img {max-width:100%;height:auto;width:auto;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
 +
 +
/* Responsive Video from Zurb Foundation. Copyright (c) 2011 ZURB, http://www.zurb.com/ License: MIT */
 +
 +
.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 {position:absolute;top:0;left:0;width:100%;height:100%;border:none;}
 +
 +
@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; }
 +
 +
    }
 +
 +
   
 +
/* Additional */
 +
   
 +
#divBoxed {position:relative}
 +
 +
.nav-links > a {margin-right:20px;}
 +
 +
.btn-secondary, .btn-secondary:hover {text-shadow:none;}
 +
 +
#divHeaderLine1 a, #divHeaderLine2 a, #divHeaderLine3 a {
 +
    font-size: inherit;
 +
    line-height: inherit;
 +
    letter-spacing: inherit;
 +
    font-family: inherit;
 +
    text-shadow: inherit;
 +
    font-weight: inherit;
 +
    font-style: inherit;
 +
}
 +
 +
#divHeaderLine1, #divHeaderLine2, #divHeaderLine3 {
 +
    padding-top:3px !important;
 +
    padding-bottom:3px !important;
 +
    text-align:inherit !important;
 +
}
 +
 +
#decorative2 {/*opacity:0.95;*/
 +
 +
    -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.03);
 +
    -moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.03);
 +
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.03);
 +
}
 +
 +
.showcase-tabs > li > a {
 +
    font-size: 14px;
 +
    letter-spacing: 1px;
 +
    padding-left: 20px;
 +
    padding-right: 20px;
 +
}
 +
 +
.cap1 div, .cap2 div, .cap3 div, .cap4 div, .cap5 div {
 +
    margin: 0 -1px;
 +
}
 +
 +
.camera_wrap .camera_pag .camera_pag_ul li {margin:20px 5px 0px !important;
 +
}
 +
 +
 +
/* Adjustments */
 +
 +
.search.adjust {margin-bottom:15px}
 +
     
 +
.divPanel {}
 +
 +
.divPanel.notop {padding-top:0px}
 +
 +
.divPanel.nobottom {padding-bottom:0px}
 +
 +
 +
/***** BOOTSTRAP CSS BASE OVERRIDE *****/
 +
 +
.navbar .nav-pills > li > a {text-shadow:none;font-weight:normal;}
 +
 +
.navbar .dropdown-menu li > a {text-shadow:none;font-weight:normal;}
 +
 +
.navbar .nav-pills > li > .dropdown-menu:before {border:none;}
 +
 +
.navbar .nav-pills > li > .dropdown-menu:after {border:none;}
 +
 +
.navbar .nav-pills > .active > a, .navbar .nav-pills > .active > a:hover, .navbar .nav-pills > .active > a:focus {-webkit-box-shadow: none;box-shadow: none;}
 +
 +
.navbar .nav-pills > li > a:hover, .navbar .nav-pills li.dropdown.open.active > .dropdown-toggle {-webkit-transition: ease-in-out .2s;-moz-transition: ease-in-out .2s;-o-transition: ease-in-out .2s;-ms-transition: ease-in-out .2s; transition: ease-in-out .2s;}
 +
 +
.navbar .nav-pills .open .dropdown-toggle {background-color:transparent;}
 +
 +
.btn .caret {margin-top: 8px !important;}
 +
 +
 +
 +
body{background-image: none; background-position: initial initial; background-repeat: initial initial; }
 +
 +
#divLogo{margin-top: 9px; margin-bottom: 0px; margin-left: -3px;}
 +
 +
#divSiteTitle{font-family: 'Century Gothic', sans-serif; color: rgb(176, 42, 154); font-size: 28px; text-shadow: rgba(0, 0, 0, 0.2) 2px 5px 9px, rgba(255, 255, 255, 0.298039) 0px -5px 35px; line-height: 42px; letter-spacing: 2px; text-transform: uppercase; font-weight: normal; font-style: normal; padding-left: 0px; padding-right: 0px;}
 +
 +
#divTagLine {font-family: 'Century Gothic', sans-serif; font-size: 12px; text-transform: uppercase; letter-spacing: 5px; line-height: 22px; color: rgb(255, 255, 255); text-shadow: none; padding-left: 3px; padding-right: 3px; font-weight: normal; font-style: normal;}
 +
 +
.navContainer {margin-top: 0px; }
 +
 +
.navContainer .navMenu {}
 +
 +
.navContainer .navMenu li {background-color: rgb(245, 245, 245); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }
 +
 +
.navContainer .navMenu li a {}
 +
 +
.navContainer .navMenu li.current {background-color: rgb(174, 0, 0); }
 +
 +
.navContainer .navMenu li.current a {}
 +
 +
.camera_caption > div {opacity: 0.85;filter:alpha(opacity=85);opacity: 0.85;filter:alpha(opacity=85);}
 +
 +
.camera_prevThumbs, .camera_nextThumbs, .camera_prev, .camera_next, .camera_commands, .camera_thumbs_cont {opacity: 0.85;filter:alpha(opacity=85);opacity: 0.85;filter:alpha(opacity=85);}
 +
 +
.camera_wrap .camera_pag .camera_pag_ul li, .camera_wrap .camera_pag .camera_pag_ul li, .camera_wrap .camera_pag .camera_pag_ul li:hover > span {box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);}
 +
 +
.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span {}
 +
 +
.camera_wrap {display: block; margin-bottom: 15px; height: 410px; border: 5px solid rgb(255, 255, 255); margin-left: -5px; -webkit-box-shadow: rgba(0, 0, 0, 0.294118) 0px 1px 4px; box-shadow: rgba(0, 0, 0, 0.294118) 0px 1px 4px; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; margin-top: 44px;}
 +
 +
.cap1 > div {opacity: 0.85;filter:alpha(opacity=85);opacity: 0.85; background-color: rgb(212, 173, 0);  }
 +
 +
.cap2 > div {opacity: 0.85;filter:alpha(opacity=85);opacity: 0.85; background-color: rgb(212, 173, 0);  }
 +
 +
.cap3 > div {opacity: 0.85;filter:alpha(opacity=85);opacity: 0.85;filter:alpha(opacity=85);}
 +
 +
.cap4 > div {opacity: 0.85;filter:alpha(opacity=85);opacity: 0.85;filter:alpha(opacity=85);}
 +
 +
.cap5 > div {opacity: 0.85;filter:alpha(opacity=85);opacity: 0.85;filter:alpha(opacity=85);}
 +
 +
h1 {font-family: 'Source Sans Pro', sans-serif; font-weight: normal; font-style: normal; font-size: 40px; line-height: 65px; margin-top: 0px; color: rgb(0, 0, 0);}
 +
 +
.page-content {line-height: 25px; font-family: 'Open Sans', sans-serif;}
 +
 +
.page-content a {color: rgb(164, 39, 143); font-family: 'Open Sans', sans-serif;}
 +
 +
.sidebox {-webkit-box-shadow:rgba(0, 0, 0, 0.298039) 0px 1px 3px;-moz-box-shadow:rgba(0, 0, 0, 0.298039) 0px 1px 3px;box-shadow:rgba(0, 0, 0, 0.298039) 0px 1px 3px;background-color:rgb(250, 250, 250);color:rgb(51, 51, 51);border-width:1px;border-style:solid;border-color:rgb(255, 255, 255);border-radius:3px;padding:18px;margin-top:28px;}
 +
 +
.sidebar {;}
 +
 +
.sidebox-title {line-height: 40px; font-weight: normal; font-style: normal; font-family: 'Source Sans Pro', sans-serif; color: rgb(51, 51, 51);}
 +
 +
.sidebox a {color: rgb(164, 39, 143);}
 +
 +
#decorative1 {position: relative; background-color: rgb(240, 240, 240); background-image: url(bright-lights-big-city.jpg); -webkit-background-size: cover; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat no-repeat;
 +
-webkit-box-shadow: 0px 3px 11px rgba(0, 0, 0, 0.7);
 +
-moz-box-shadow:    0px 3px 11px rgba(0, 0, 0, 0.7);
 +
box-shadow:        0px 3px 11px rgba(0, 0, 0, 0.7);}
 +
 +
#decorative2{background-color: rgb(61, 61, 61); height: 85px;}
 +
 +
#divFooter{font-family: 'Open Sans', sans-serif; background-color: rgb(0, 0, 0); color: rgb(255, 255, 255); padding-top: 32px; line-height: 22px; font-size: 12px; text-transform: none; background-image: none; background-repeat: repeat repeat;}
 +
 +
#divFooter a{color: rgb(164, 39, 143);}
 +
 +
#divFooter h3{color: rgb(255, 255, 255);}
 +
 +
h2 {font-weight: normal; font-style: normal; font-family: 'Source Sans Pro', sans-serif; font-size: 35px; line-height: 45px;}
 +
 +
.breadcrumbs {line-height: 80px; font-family: 'Open Sans', sans-serif;}
 +
 +
.breadcrumbs a {color: rgb(164, 39, 143); font-family: 'Open Sans', sans-serif;}
 +
 +
#divHeaderLine1{letter-spacing: 0px; word-spacing: 0px; margin-top: 0px; color: rgb(46, 46, 46); font-size: 50px; line-height: 64px; font-family: 'Source Sans Pro', sans-serif; text-transform: none; text-shadow: rgba(0, 0, 0, 0.14902) 0px 3px 5px, rgba(255, 255, 255, 0.298039) 0px -5px 35px; font-weight: normal; font-style: normal; text-align: center; background-color: rgb(255, 255, 255); opacity: 0.9; padding: 3px 10px;}
 +
 +
#divHeaderLine2 {font-size: 20px; line-height: 30px; letter-spacing: 1px; margin-top: 11px; font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif; color: rgb(255, 255, 255); text-shadow: none; text-align: center; font-weight: normal; font-style: italic; background-color: rgb(0, 0, 0); opacity: 0.9; padding: 3px 10px; background-position: initial initial; background-repeat: initial initial;}
 +
 +
#divHeaderLine3{margin-top: 18px; color: rgb(0, 0, 0); text-align: center; line-height: 16px; text-transform: none; font-size: 15px;}
 +
 +
a.btn, a.btn-large, a.btn-small, a.btn-mini {color:#333}
 +
 +
a.btn-info, a.btn-success, a.btn-warning, a.btn-danger, a.btn-inverse {color:#ffffff}
 +
 +
.btn-secondary, .btn-secondary:hover, a.btn-secondary, a.btn-secondary:hover {color:#323232;}
 +
 +
.btn-secondary {border:1px solid #dfdfdf;border-bottom:1px solid #afafaf;background-color:#fafafa;background-repeat: repeat-x;background-image:-webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#e1e1e1));background-image:-webkit-linear-gradient(top, #fafafa, #e1e1e1);background-image:-moz-linear-gradient(top, #fafafa, #e1e1e1);background-image:-ms-linear-gradient(top, #fafafa, #e1e1e1);background-image:-o-linear-gradient(top, #fafafa, #e1e1e1);background-image:linear-gradient(top, #fafafa, #e1e1e1);filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#e1e1e1, GradientType=0);filter: progid:dximagetransform.microsoft.gradient(enabled=false);}
 +
 +
.btn-secondary:hover, .btn-secondary:active, .btn-secondary.active, .btn-secondary.disabled, .btn-secondary[disabled] {background-color:#dfdfdf;}
 +
 +
.btn-primary, .btn-primary:hover, a.btn-primary, a.btn-primary:hover {color:#ffffff;}
 +
 +
.btn-primary {border:1px solid #9d2589;border-bottom:1px solid #7b1d6c;background-color:#b02a9a;background-repeat: repeat-x;background-image:-webkit-gradient(linear, left top, left bottom, from(#b02a9a), to(#9e268b));background-image:-webkit-linear-gradient(top, #b02a9a, #9e268b);background-image:-moz-linear-gradient(top, #b02a9a, #9e268b);background-image:-ms-linear-gradient(top, #b02a9a, #9e268b);background-image:-o-linear-gradient(top, #b02a9a, #9e268b);background-image:linear-gradient(top, #b02a9a, #9e268b);filter: progid:dximagetransform.microsoft.gradient(startColorstr=#b02a9a, endColorstr=#9e268b, GradientType=0);filter: progid:dximagetransform.microsoft.gradient(enabled=false);}
 +
 +
.btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {background-color:#9d2589;}
 +
 +
#divHeaderText {padding-top: 200px; padding-bottom: 30px; border-color: rgb(51, 51, 51); text-align: left;}
 +
 +
#decorative1 {-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;}
 +
 +
#contentOuterSeparator{margin-top: 0px; border-top-color: rgb(255, 255, 255); border-top-width: 0px; border-top-style: solid; margin-bottom: 25px; height: 0px; background-color: transparent;}
 +
 +
#footerOuterSeparator{margin-top: 55px; border-top-width: 0px; border-top-style: solid; border-top-color: rgb(95, 95, 95);}
 +
 +
#headerSeparator{margin-top: 7px; border-top-color: rgb(51, 51, 51); border-top-width: 0px; border-top-style: solid;}
 +
 +
h3,.page-content h3 a {font-weight: normal; font-style: normal; font-family: 'Source Sans Pro', sans-serif; font-size: 28px; line-height: 45px;}
 +
 +
h4,.page-content h4 a {font-weight: normal; font-style: normal; font-family: 'Source Sans Pro', sans-serif; font-size: 21px; line-height: 45px;}
 +
 +
h5,.page-content h5 a {font-weight: normal; font-style: normal; font-family: 'Source Sans Pro', sans-serif; font-size: 17px; line-height: 45px;}
 +
 +
h6,.page-content h6 a {font-weight: normal; font-style: normal; font-family: 'Source Sans Pro', sans-serif; font-size: 15px; line-height: 45px;}
 +
 +
.line-separator{border-top-width: 1px; border-top-style: solid; margin-top: 21px; margin-bottom: 21px; border-top-color: rgb(234, 234, 234); border-bottom-color: rgb(255, 255, 255); border-bottom-width: 1px; border-bottom-style: solid; }
 +
 +
#headerSeparator2{margin-top: 45px; margin-bottom: 18px; }
 +
 +
#divVideo{border: 7px solid rgb(255, 255, 255); margin-left: -5px; -webkit-box-shadow: rgba(0, 0, 0, 0.498039) 0px 15px 10px -10px, rgba(0, 0, 0, 0.298039) 0px 1px 4px; box-shadow: rgba(0, 0, 0, 0.498039) 0px 15px 10px -10px, rgba(0, 0, 0, 0.298039) 0px 1px 4px; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; margin-top: 36px; }
 +
 +
.nav .dropdown-toggle .caret {border-top-color:rgb(0, 0, 0);border-bottom-color:rgb(0, 0, 0);}
 +
 +
.nav .dropdown-toggle:hover .caret {border-top-color:rgb(0, 0, 0);border-bottom-color:rgb(0, 0, 0);}
 +
 +
.navbar .dropdown-menu, .dropdown-menu {background-color: rgb(54, 54, 54); border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px;}
 +
 +
.navbar .dropdown-menu li > a, .dropdown-menu li > a, .navbar .nav-pills .open .dropdown-toggle {color: rgb(255, 255, 255);}
 +
 +
.navbar .dropdown-menu li > a:hover, .navbar .dropdown-menu .active > a, .navbar .dropdown-menu .active > a:hover, .dropdown-menu li > a:hover, .dropdown-menu .active > a, .dropdown-menu .active > a:hover, .dropdown-menu li > a:focus, .dropdown-submenu:hover > a, .navbar .nav-pills .open a.dropdown-toggle:hover {filter:none;color:rgb(255, 255, 255);background-color:rgb(176, 42, 154);background-image:none}
 +
 +
.navbar .nav-pills > li > a {margin-left: 2px; margin-right: 2px; padding: 35px; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; color: rgb(255, 255, 255); border-bottom-style: none;}
 +
 +
.navbar .nav-pills > li > a:hover, .navbar .nav li.dropdown.open.active > .dropdown-toggle, .navbar .nav-pills > li > a:focus {color: rgb(255, 255, 255); background-color: rgb(176, 42, 154); border-bottom-style: none;}
 +
 +
.navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle {background:none}
 +
 +
.navbar .nav-pills > .active > a, .navbar .nav-pills > .active > a:hover, .navbar .nav-pills li.dropdown.open > .dropdown-toggle, .navbar .nav-pills li.dropdown.active > .dropdown-toggle {color: rgb(255, 255, 255); background-color: rgb(176, 42, 154); border-bottom-style: none;}
 +
 +
.navbar .ddmenu {margin-top:-2px;margin-bottom:0px}
 +
 +
.navbar .nav-pills li.dropdown > .dropdown-toggle .caret, .navbar .nav-pills li.dropdown.open > .dropdown-toggle .caret, .navbar .nav-pills li.dropdown.active > .dropdown-toggle .caret, .navbar .nav-pills li.dropdown.open.active > .dropdown-toggle .caret {border-top-color:rgb(255, 255, 255);border-bottom-color:rgb(255, 255, 255);}
 +
 +
.navbar .nav-pills li.dropdown > .dropdown-toggle:hover .caret {border-top-color:rgb(255, 255, 255);border-bottom-color:rgb(255, 255, 255);}
 +
 +
.navbar .nav-pills li.dropdown.active > .dropdown-toggle .caret {border-top-color:rgb(255, 255, 255);border-bottom-color:rgb(255, 255, 255);}
 +
 +
.dropdown-menu .sub-menu {left:100%;position:absolute;top:0;visibility:hidden;margin-top:-1px;}
 +
 +
.dropdown-menu li:hover .sub-menu {visibility:visible;}
 +
 +
.ddmenu.nav-pills li a {font-family: 'Source Sans Pro', sans-serif; font-size: 17px; text-shadow: none; line-height: 15px;}
 +
 +
.ddmenu .dropdown-menu li a {line-height: 29px; font-size: 15px; font-family: 'Source Sans Pro', sans-serif;}
 +
 +
#decorative2 {position:fixed;top:0;left:0;right:0;z-index:1032}
 +
 +
body {padding-top:85px}
 +
 +
.lead h2 {font-size: 37px; line-height: 57px; font-family: 'Open Sans';}
 +
 +
.lead h3 {font-size: 21px; line-height: 31px;}
 +
 +
.dropdown-menu .sub-menu {left:100%;position:absolute;top:0;visibility:hidden;margin-top:-1px;}
 +
.dropdown-menu li:hover .sub-menu {visibility:visible;}
 +
.navbar .btn-navbar-highlight {display:none;width:100%}
 +
 +
#decorative2 {z-index:100 !important}
 +
 +
@media (max-width: 979px) {
 +
    #divLogo {margin-bottom:10px;}
 +
 +
 +
    .navbar .btn-navbar-highlight {display:inline;padding:9px 14px;margin-top:15px;}
 +
 +
    .navbar {width:100%;}
 +
 +
    #divMenuRight {float:none}
 +
 +
 +
    .dropdown-menu .sub-menu {left:0%;position:relative;top:0;visibility:visible;margin-top:3px;display:block}
 +
 +
    .dropdown-menu, .sub-menu {border-radius:5px !important;}
 +
 +
    .navbar .ddmenu {margin-top: 0px;margin-bottom: 0px;}
 +
 +
 +
    /* Fixed Top */
 +
 +
    #decorative2 {position:static;  height:auto;}
 +
 +
    body {padding-top:0px}
 +
 +
 +
}
 +
 +
 +
@media (max-width: 767px) {   
 +
    #divLogo {margin-top:10px;margin-bottom:10px;}
 +
 +
    #divSiteTitle {font-size: 25px;}
 +
 +
   
 +
    #divHeaderText {margin:0px;padding:10px 0px;}
 +
 
 +
    #divHeaderLine1 {margin-top: 0px;}
 +
   
 +
   
 +
    #divMenuRight {width:100%;margin-top: 0px;padding-top:0px}
 +
 +
    .ddmenu, .navbar .ddmenu {margin-top: 0px; margin-bottom: 0px;}
 +
 +
    .navbar .btn-navbar-highlight {padding:9px 14px;margin-top:0px;}
 +
 +
    .navbar {width:100%;margin-top: 0px;padding-top:0px}
 +
 +
   
 +
    #decorative1, #decorative2, #decorative3 {margin-left:-20px;margin-right:-20px;padding-left:20px;padding-right:20px;}
 +
 +
   
 +
    /* Fixed Top */
 +
 +
    #decorative2 {position:static}
 +
 +
    body {padding-top:0px}
 +
 +
   
 +
    #divFooter {margin-left:-20px;margin-right:-20px;padding-left:20px;padding-right:20px;}
 +
   
 +
    #divBoxed > #divFooter {margin-left:0px;margin-right:0px;padding-left:0px;padding-right:0px;}
 +
 +
   
 +
    body > #footerOuterSeparator, body > #contentOuterSeparator {margin-left:-20px;margin-right:-20px;}
 +
 +
   
 +
    .headerArea, .topArea {padding:20px !important;}
 +
/*only for templates without divBoxed*/
 +
 +
   
 +
    #camera_wrap {margin-top:20px}
 +
 +
    #divVideo {margin-top:20px}
 +
 +
   
 +
    .dropdown-menu .sub-menu {left:0%;position:relative;top:0;visibility:visible;margin-top:3px;display:block}
 +
 +
    .dropdown-menu, .sub-menu {border-radius:5px !important;}
 +
 +
    .navbar .ddmenu {margin-top: 0px;margin-bottom: 0px;}
 +
 +
}
 +
</style>
 +
 +
 +
 +
<head>
<head>
     <meta charset="utf-8">
     <meta charset="utf-8">

Revision as of 01:15, 4 April 2014

Your Name Here - Simple

Left Sidebar Content

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s.

Static Image

Another Section

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s.

Two Column (left-hand sidebar)


Aliquam a tellus quam. Phasellus sit amet bibendum nunc. Donec lobortis nulla diam, a laoreet nisi rhoncus vitae. Suspendisse tincidunt, nulla sed convallis consectetur, diam enim ultricies nulla, a luctus odio nisi in ligula. Aenean ornare rhoncus fermentum. Suspendisse et enim in nibh dictum blandit et id nisi. Duis mollis, libero id venenatis viverra, metus lacus placerat turpis, at semper orci odio id lectus. Proin fringilla quam porttitor est mattis, id aliquam est laoreet. Nulla congue urna nisi, eu commodo dolor aliquet eget. Donec ullamcorper diam quis porttitor convallis. Aliquam erat volutpat. Phasellus pulvinar sagittis nunc et adipiscing.

Duis facilisis tellus ante, eu sodales neque ornare vitae. Pellentesque laoreet velit diam, quis tempor est fringilla sed. Curabitur in ullamcorper lectus, et gravida mauris. Suspendisse tristique euismod metus, quis facilisis lectus cursus faucibus. Nulla sed leo sed tellus egestas mattis sed id libero. Aenean at scelerisque augue. Phasellus at sem porttitor, auctor metus pharetra, lacinia sapien.

Etiam enim dui, dictum vitae lobortis quis, placerat feugiat leo. Sed commodo elit orci, non tincidunt velit suscipit in. Nulla facilisi. Praesent vel eros tristique, lobortis orci vitae, interdum quam. In hac habitasse platea dictumst. Praesent lobortis iaculis ante, at laoreet est pulvinar vel. Cras vulputate tempus nulla eget venenatis. Suspendisse magna lacus, tincidunt nec pulvinar sit amet, semper quis neque. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras vehicula volutpat enim, id vehicula dolor porttitor in. Nam vehicula velit erat, eu consectetur elit luctus ut. Aliquam ac convallis enim, et venenatis dui. Maecenas et leo metus. Etiam diam ante, lacinia vitae orci vel, dignissim vestibulum tortor. Aliquam elit sapien, pellentesque eu consectetur et, tempor vitae nisl.

Donec arcu nisi, euismod vitae facilisis id, pulvinar eget tortor. Nunc lobortis ultrices pellentesque. Sed sollicitudin dapibus erat a interdum. Cras massa mauris, rutrum vel nisi non, malesuada lobortis velit. Fusce eu tellus justo. Donec dictum, purus at adipiscing rhoncus, risus libero bibendum ipsum, mollis vestibulum arcu arcu eget elit. In tempor laoreet ultricies. Maecenas lacus neque, fermentum in blandit a, mollis in libero. Vivamus ornare eros quis arcu cursus, at luctus nisi accumsan.

About Company

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s.

Terms of Use
Privacy Policy
FAQ
Sitemap

Sample Content

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s.

Get in Touch

  • Phone:
    (123) 456 7890 / 456 7891
  • Email:
    info@yourdomain.com
  • Address:
    123 Street
    12345 City, State
    Country