Team:UCLA/sams extra css

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
<html>
<html>
<script type="text/css">
<script type="text/css">
-
<!--SLIDING SIDE BAR-->
+
@media (min-width: 768px){
-
.nav-sidebar {  
+
  .affix-content .container {
-
     width: 100%;
+
    width: 700px;
-
     padding: 8px 0;  
+
  } 
-
     border-right: 1px solid #ddd;
+
 
 +
  html,body{
 +
    background-color: #f8f8f8;
 +
    height: 100%;
 +
    overflow: hidden;
 +
  }
 +
    .affix-content .container .page-header{
 +
    margin-top: 0;
 +
  }
 +
 
 +
  .affix-sidebar{
 +
     padding-right:0;
 +
    font-size:small;
 +
    padding-left: 0;
 +
  } 
 +
  .affix-row, .affix-container, .affix-content{
 +
    height: 100%;
 +
    overflow: scroll;
 +
    margin-left: 0;
 +
    margin-right: 0;   
 +
  }
 +
  .affix-content{
 +
    background-color:white;
 +
  }
 +
  .sidebar-nav .navbar .navbar-collapse {
 +
     padding: 0;
 +
    max-height: none;
 +
  }
 +
  .sidebar-nav .navbar{
 +
     border-radius:0;  
 +
    margin-bottom:0;
 +
    border:0;
 +
  }
 +
  .sidebar-nav .navbar ul {
 +
    float: none;
 +
    display: block;
 +
  }
 +
  .sidebar-nav .navbar li {
 +
    float: none;
 +
    display: block;
 +
  }
 +
  .sidebar-nav .navbar li a {
 +
    padding-top: 12px;
 +
    padding-bottom: 12px;
 +
  } 
}
}
-
.nav-sidebar a {
+
 
-
     color: #333;
+
@media (min-width: 769px){
-
    -webkit-transition: all 0.08s linear;
+
  .affix-content .container {
-
     -moz-transition: all 0.08s linear;
+
     width: 600px;
-
    -o-transition: all 0.08s linear;
+
  }
-
    transition: all 0.08s linear;
+
     .affix-content .container .page-header{
-
    -webkit-border-radius: 4px 0 0 4px;
+
     margin-top: 0;
-
     -moz-border-radius: 4px 0 0 4px;  
+
  } 
-
    border-radius: 4px 0 0 4px;
+
}
}
-
.nav-sidebar .active a {  
+
 
-
    cursor: default;
+
@media (min-width: 992px){
-
     background-color: #428bca;
+
  .affix-content .container {
-
     color: #fff;
+
  width: 900px;
-
    text-shadow: 1px 1px 1px #666;  
+
  }
 +
     .affix-content .container .page-header{
 +
     margin-top: 0;
 +
  }
}
}
-
.nav-sidebar .active a:hover {
+
 
-
    background-color: #428bca;    
+
@media (min-width: 1220px){
-
}
+
   .affix-row{
-
.nav-sidebar .text-overflow a,
+
-
.nav-sidebar .text-overflow .media-body {
+
-
    white-space: nowrap;
+
     overflow: hidden;
     overflow: hidden;
-
    -o-text-overflow: ellipsis;
+
  }
-
    text-overflow: ellipsis;
+
-
}
+
-
/* Right-aligned sidebar */
+
  .affix-content{
-
.nav-sidebar.pull-right {  
+
    overflow: auto;
-
     border-right: 0;  
+
  }
-
     border-left: 1px solid #ddd;  
+
 
-
}
+
  .affix-content .container {
-
.nav-sidebar.pull-right a {
+
    width: 1000px;
-
     -webkit-border-radius: 0 4px 4px 0;  
+
  }
-
     -moz-border-radius: 0 4px 4px 0;  
+
 
-
     border-radius: 0 4px 4px 0;  
+
  .affix-content .container .page-header{
 +
     margin-top: 0;
 +
  }
 +
  .affix-content{
 +
     padding-right: 30px;
 +
    padding-left: 30px;
 +
  } 
 +
  .affix-title{
 +
    border-bottom: 1px solid #ecf0f1;  
 +
    padding-bottom:10px;
 +
  }
 +
  .navbar-nav {
 +
    margin: 0;
 +
  }
 +
  .navbar-collapse{
 +
    padding: 0;
 +
  }
 +
  .sidebar-nav .navbar li a:hover {
 +
     background-color: #428bca;
 +
     color: white;
 +
  }
 +
  .sidebar-nav .navbar li a > .caret {
 +
     margin-top: 8px;
 +
  } 
}
}
</script>
</script>

Revision as of 00:16, 7 August 2014

Retrieved from "http://2014.igem.org/Team:UCLA/sams_extra_css"