Merge branch 'master' of github.com:synesthesiam/site into synesthesiam-master

[rnaseq-cwl-training.git] / swc-bootstrap.css

diff --git a/swc-bootstrap.css b/swc-bootstrap.css
index a2cc8070f286e451045d9ab71a7595a3b4bb7dd8..e1268e23e95d3ea4a62f7a1653b627bc1cf50eea 100644 (file)
--- a/swc-bootstrap.css
+++ b/swc-bootstrap.css
@@ -7,15 +7,22 @@
 
 .navbar .brand {
   padding-top: 0px;  /* align the logo */
+  text-shadow:none;
+}
+
+.navbar {
+  margin:0;
+  border-top:5px solid #2b3990;
+  border-bottom:1px solid #CCC;
 }
 
 .navbar .container {
     background-color: inherit;
-    font-size:12pt;
-    padding:25px 10px 10px 10px;
-    background:url('../img/logo-banner-hammer.png') no-repeat;
+    font-size:11pt;
+    padding:27px 10px 10px 10px;
+    background:url('../img/software-carpentry-banner.png') no-repeat;
     background-size: 250px;
-    background-position: 0px 10px;
+    background-position: 10px 10px;
     height:40px;
 }
 
@@ -29,28 +36,24 @@ code {
 
 .navbar-inverse .nav > li > a {
   color: #f0f0f0;
-  /*color: #2b3990;*/
+  text-shadow:none;
 }
 
 .navbar-inverse .navbar-inner {
-  background-color: #20267D;
-  background-image: none;
-  border-color: #20267D;
+  background:#D6D6D6;
 }
 
 .navbar-inverse .nav .active > a,
 .navbar-inverse .nav .active > a:hover,
 .navbar-inverse .nav .active > a:focus {
-  /*color: #2b3990;*/
-  color:#fff;
-  /*background-color: #20267D;*/
+  color: #2b3990;
 }
 
 .navbar-inverse .nav li.dropdown.open > .dropdown-toggle,
 .navbar-inverse .nav li.dropdown.active > .dropdown-toggle,
 .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle {
   color: #ffffff;
-  background-color: #20267D;
+  background-color: #B9B9C4;
 }
 
 .navbar-inverse .nav li.dropdown.active > .dropdown-toggle .caret {
@@ -66,18 +69,82 @@ code {
 .navbar-inverse .navbar-search .search-query {
   background-color: #ffffff;
   color: #666666;
+  border-color:#2b3990;
 }
 
 .navbar-inverse .nav-collapse .nav > li > a, .navbar-inverse .nav-collapse .dropdown-menu a {
-  color: #fff;
+  color: #2b3990;
 }
 
 .navbar.transparent.navbar-inverse .navbar-inner {
     border-width: 0px;
     -webkit-box-shadow: 0px 0px;
     box-shadow: 0px 0px;
-    background-color: rgba(0,0,0,0.0);
+    border-radius:0;
+    -webkit-border-radius:0;
     background-image: -webkit-gradient(linear, 50.00% 0.00%, 50.00% 100.00%, color-stop( 0% , rgba(0,0,0,0.00)),color-stop( 100% , rgba(0,0,0,0.00)));
     background-image: -webkit-linear-gradient(270deg,rgba(0,0,0,0.00) 0%,rgba(0,0,0,0.00) 100%);
     background-image: linear-gradient(180deg,rgba(0,0,0,0.00) 0%,rgba(0,0,0,0.00) 100%);
+}
+
+.container {
+    max-width:920px;
+}
+
+blockquote p {
+  font-size:14px;
+}
+
+@media (max-width: 767px) {
+    .container {
+      padding:0 40px;
+    }
+
+    body {
+      padding:0;
+    }
+
+    .navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top {
+      margin-left: 0;
+      margin-right: 0;
+      margin-bottom:0;
+    }
+}
+
+@media (max-width: 979px) and (min-width: 768px) {
+  .container {
+    max-width: 700px;
+  }
+
+}
+
+@media (max-width: 400px) {
+  .header h1 {
+      font-size: 24pt;
+  }
+
+  #header-text {
+      font-size:16pt;
+  }
+
+  .navbar .container {
+    background-size: 200px;
+    background-position: 10px 20px;
+    height:40px;
+  }
+
+  #nav-logo {
+    width:190px;
+    height:40px;
+  }
+}
+
+@media (max-width: 319px) {
+  .header h1 {
+      font-size: 20pt;
+  }
+
+  #header-text {
+      font-size:16pt;
+  }
 }
\ No newline at end of file