Team:UANL Mty-Mexico/CoreCSS

From 2013.igem.org

(Difference between revisions)
(Created page with "/*! * Bootstrap v3.0.0 * * Copyright 2013 Twitter, Inc * Licensed under the Apache License v2.0 * http://www.apache.org/licenses/LICENSE-2.0 * * Designed and built with al...")
 
(56 intermediate revisions not shown)
Line 1: Line 1:
 +
<html>
 +
 +
<style type="text/css">
 +
<!-- copy paste code below to remove banner and other igem wiki default settings-->
 +
 +
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
 +
    display:none;}
 +
#top-section {
 +
    border: none;
 +
    height: 0px;}
 +
#content {
 +
 +
    border: none;}
 +
 +
.firstHeading {
 +
    height:0px;
 +
    visibility:hidden;
 +
}
 +
 +
/* Removes "teams" from the menubar */
 +
#menubar > ul > li:last-child {
 +
    display: none;}
 +
/* Resizes the menubar to fik the links (default is 400px) */
 +
#menubar {
 +
    width: auto;}
 +
body {
 +
    margin: 10px 0 0 0;
 +
    padding: 0;}
 +
#top-section {
 +
    width: 965px;
 +
    height: 0;
 +
    margin: 0 auto;
 +
    padding: 0;
 +
    border: none;}
 +
#menubar {
 +
    font-size: 65%;
 +
    top: 0;
 +
    }
 +
.left-menu:hover {
 +
    background-color: transparent;}
 +
#menubar li a {
 +
    background-color: transparent;}
 +
#menubar:hover {
 +
    color: white;}
 +
#menubar li a {
 +
    color: transparent;}
 +
#menubar:hover li a {
 +
    color: #CCC;}
 +
 +
<!-- copy paste until here to remove default igem settings-->
 +
/*!
/*!
  * Bootstrap v3.0.0
  * Bootstrap v3.0.0
Line 502: Line 553:
.h1 {
.h1 {
   font-size: 36px;
   font-size: 36px;
 +
  color: #ffff;
}
}
Line 516: Line 568:
h4,
h4,
.h4 {
.h4 {
-
   font-size: 18px;
+
   font-size: 24px;
 +
  color: #2B60DE
}
}
Line 749: Line 802:
   padding-right: 15px;
   padding-right: 15px;
   padding-left: 15px;
   padding-left: 15px;
-
   margin-right: auto;
+
   margin-right: Auto;
-
   margin-left: auto;
+
   margin-left: Auto;
}
}
Line 916: Line 969:
@media (min-width: 768px) {
@media (min-width: 768px) {
   .container {
   .container {
-
     max-width: 750px;
+
     max-width: 700px;
-
  }
+
}
   .col-sm-1,
   .col-sm-1,
   .col-sm-2,
   .col-sm-2,
Line 2,386: Line 2,439:
@font-face {
@font-face {
   font-family: 'Glyphicons Halflings';
   font-family: 'Glyphicons Halflings';
-
   src: url('../fonts/glyphicons-halflings-regular.eot');
+
   src: url('https://dl.dropboxusercontent.com/u/82007410/igem%202013/fonts/glyphicons-halflings-regular.eot');
-
   src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');
+
   src: url('https://dl.dropboxusercontent.com/u/82007410/igem%202013/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('https://dl.dropboxusercontent.com/u/82007410/igem%202013/fonts/glyphicons-halflings-regular.woff') format('woff'), url('https://dl.dropboxusercontent.com/u/82007410/igem%202013/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('https://dl.dropboxusercontent.com/u/82007410/igem%202013/fonts/glyphicons-halflings-regular.svg') format('svg');
}
}
Line 3,849: Line 3,902:
.nav-tabs {
.nav-tabs {
   border-bottom: 1px solid #dddddd;
   border-bottom: 1px solid #dddddd;
 +
  font-size:17px;
}
}
Line 4,230: Line 4,284:
.navbar-nav {
.navbar-nav {
   margin: 7.5px -15px;
   margin: 7.5px -15px;
 +
  font-size: 17px;
}
}
Line 6,262: Line 6,317:
}
}
-
@media (max-width: 767px) {
+
.justified{
-
  .visible-xs {
+
        text-align:justify;
-
    display: block !important;
+
-
  }
+
-
  tr.visible-xs {
+
-
    display: table-row !important;
+
-
  }
+
-
  th.visible-xs,
+
-
  td.visible-xs {
+
-
    display: table-cell !important;
+
-
  }
+
-
}
+
-
 
+
-
@media (min-width: 768px) and (max-width: 991px) {
+
-
  .visible-xs.visible-sm {
+
-
    display: block !important;
+
-
  }
+
-
  tr.visible-xs.visible-sm {
+
-
    display: table-row !important;
+
-
  }
+
-
  th.visible-xs.visible-sm,
+
-
  td.visible-xs.visible-sm {
+
-
    display: table-cell !important;
+
-
  }
+
-
}
+
-
 
+
-
@media (min-width: 992px) and (max-width: 1199px) {
+
-
  .visible-xs.visible-md {
+
-
    display: block !important;
+
-
  }
+
-
  tr.visible-xs.visible-md {
+
-
    display: table-row !important;
+
-
  }
+
-
  th.visible-xs.visible-md,
+
-
  td.visible-xs.visible-md {
+
-
    display: table-cell !important;
+
-
  }
+
-
}
+
-
 
+
-
@media (min-width: 1200px) {
+
-
  .visible-xs.visible-lg {
+
-
    display: block !important;
+
-
  }
+
-
  tr.visible-xs.visible-lg {
+
-
    display: table-row !important;
+
-
  }
+
-
  th.visible-xs.visible-lg,
+
-
  td.visible-xs.visible-lg {
+
-
    display: table-cell !important;
+
-
  }
+
-
}
+
-
 
+
-
.visible-sm {
+
-
  display: none !important;
+
-
}
+
-
 
+
-
tr.visible-sm {
+
-
  display: none !important;
+
-
}
+
-
 
+
-
th.visible-sm,
+
-
td.visible-sm {
+
-
  display: none !important;
+
}
}
@media (max-width: 767px) {
@media (max-width: 767px) {
-
   .visible-sm.visible-xs {
+
   .visible
-
    display: block !important;
+
-
  }
+
-
  tr.visible-sm.visible-xs {
+
-
    display: table-row !important;
+
-
  }
+
-
  th.visible-sm.visible-xs,
+
-
  td.visible-sm.visible-xs {
+
-
    display: table-cell !important;
+
-
  }
+
-
}
+
-
@media (min-width: 768px) and (max-width: 991px) {
+
-
  .visible-sm {
+
/* expandable list CSS*/
-
    display: block !important;
+
expandable1{
-
  }
+
  font-weight: 300;  
-
  tr.visible-sm {
+
  font-family: Helvetica, Geneva, sans-serif;
-
    display: table-row !important;
+
  border-bottom: 1px solid #a6a6a6;
-
  }
+
  color: #0000;
-
  th.visible-sm,
+
-
  td.visible-sm {
+
-
    display: table-cell !important;
+
-
  }
+
}
}
-
 
+
#listContainer{
-
@media (min-width: 992px) and (max-width: 1199px) {
+
   margin-top:15px;
-
   .visible-sm.visible-md {
+
-
    display: block !important;
+
-
  }
+
-
  tr.visible-sm.visible-md {
+
-
    display: table-row !important;
+
-
  }
+
-
  th.visible-sm.visible-md,
+
-
  td.visible-sm.visible-md {
+
-
    display: table-cell !important;
+
-
  }
+
}
}
-
@media (min-width: 1200px) {
+
#expList p {
-
  .visible-sm.visible-lg {
+
     margin:0;
-
     display: block !important;
+
     display:block;
-
  }
+
-
  tr.visible-sm.visible-lg {
+
-
     display: table-row !important;
+
-
  }
+
-
  th.visible-sm.visible-lg,
+
-
  td.visible-sm.visible-lg {
+
-
    display: table-cell !important;
+
-
  }
+
}
}
-
 
+
#expList p:hover {
-
.visible-md {
+
    none;
-
  display: none !important;
+
#expList ul{
 +
    list-style: none;
 +
    margin:0;
 +
    padding:0;
}
}
-
 
-
tr.visible-md {
 
-
  display: none !important;
 
}
}
-
 
+
#expList li {
-
th.visible-md,
+
    line-height:140%;
-
td.visible-md {
+
    list-style: none;
-
  display: none !important;
+
    text-indent:0px;
 +
    background-position: 1 10px;
 +
    padding-left: 20px;
 +
    background-repeat: no-repeat;
}
}
-
 
+
-
@media (max-width: 767px) {
+
/* Collapsed state for list element */
-
  .visible-md.visible-xs {
+
#expList .collapsed {
-
     display: block !important;
+
     background-image: url('https://static.igem.org/mediawiki/2012/1/1a/Expandplussign.png');
-
  }
+
-
  tr.visible-md.visible-xs {
+
-
    display: table-row !important;
+
-
  }
+
-
  th.visible-md.visible-xs,
+
-
  td.visible-md.visible-xs {
+
-
    display: table-cell !important;
+
-
  }
+
}
}
-
 
+
/* Expanded state for list element
-
@media (min-width: 768px) and (max-width: 991px) {
+
/* NOTE: This class must be located UNDER the collapsed one */
-
  .visible-md.visible-sm {
+
#expList .expanded {
-
     display: block !important;
+
     background-image: url('https://static.igem.org/mediawiki/2012/9/94/Collapseplussign.png');
-
  }
+
-
  tr.visible-md.visible-sm {
+
-
    display: table-row !important;
+
-
  }
+
-
  th.visible-md.visible-sm,
+
-
  td.visible-md.visible-sm {
+
-
    display: table-cell !important;
+
-
  }
+
}
}
-
 
+
<!--highcharts container-->
-
@media (min-width: 992px) and (max-width: 1199px) {
+
.chart {
-
  .visible-md {
+
     height: 200px;
-
    display: block !important;
+
-
  }
+
-
  tr.visible-md {
+
-
    display: table-row !important;
+
-
  }
+
-
  th.visible-md,
+
-
  td.visible-md {
+
-
     display: table-cell !important;
+
-
  }
+
}
}
-
@media (min-width: 1200px) {
+
.spacer {
-
  .visible-md.visible-lg {
+
     height: 20px;
-
     display: block !important;
+
-
  }
+
-
  tr.visible-md.visible-lg {
+
-
    display: table-row !important;
+
-
  }
+
-
  th.visible-md.visible-lg,
+
-
  td.visible-md.visible-lg {
+
-
    display: table-cell !important;
+
-
  }
+
}
}
-
.visible-lg {
+
</style>
-
  display: none !important;
+
</html>
-
}
+
-
 
+
-
tr.visible-lg {
+
-
  display: none !important;
+
-
}
+
-
 
+
-
th.visible-lg,
+
-
td.visible-lg {
+
-
  display: none !important;
+
-
}
+
-
 
+
-
@media (max-width: 767px) {
+
-
  .visible-lg.visible-xs {
+
-
    display: block !important;
+
-
  }
+
-
  tr.visible-lg.visible-xs {
+
-
    display: table-row !important;
+
-
  }
+
-
  th.visible-lg.visible-xs,
+
-
  td.visible-lg.visible-xs {
+
-
    display: table-cell !important;
+
-
  }
+
-
}
+
-
 
+
-
@media (min-width: 768px) and (max-width: 991px) {
+
-
  .visible-lg.visible-sm {
+
-
    display: block !important;
+
-
  }
+
-
  tr.visible-lg.visible-sm {
+
-
    display: table-row !important;
+
-
  }
+
-
  th.visible-lg.visible-sm,
+
-
  td.visible-lg.visible-sm {
+
-
    display: table-cell !important;
+
-
  }
+
-
}
+
-
 
+
-
@media (min-width: 992px) and (max-width: 1199px) {
+
-
  .visible-lg.visible-md {
+
-
    display: block !important;
+
-
  }
+
-
  tr.visible-lg.visible-md {
+
-
    display: table-row !important;
+
-
  }
+
-
  th.visible-lg.visible-md,
+
-
  td.visible-lg.visible-md {
+
-
    display: table-cell !important;
+
-
  }
+
-
}
+
-
 
+
-
@media (min-width: 1200px) {
+
-
  .visible-lg {
+
-
    display: block !important;
+
-
  }
+
-
  tr.visible-lg {
+
-
    display: table-row !important;
+
-
  }
+
-
  th.visible-lg,
+
-
  td.visible-lg {
+
-
    display: table-cell !important;
+
-
  }
+
-
}
+
-
 
+
-
.hidden-xs {
+
-
  display: block !important;
+
-
}
+
-
 
+
-
tr.hidden-xs {
+
-
  display: table-row !important;
+
-
}
+
-
 
+
-
th.hidden-xs,
+
-
td.hidden-xs {
+
-
  display: table-cell !important;
+
-
}
+
-
 
+
-
@media (max-width: 767px) {
+
-
  .hidden-xs {
+
-
    display: none !important;
+
-
  }
+
-
  tr.hidden-xs {
+
-
    display: none !important;
+
-
  }
+
-
  th.hidden-xs,
+
-
  td.hidden-xs {
+
-
    display: none !important;
+
-
  }
+
-
}
+
-
 
+
-
@media (min-width: 768px) and (max-width: 991px) {
+
-
  .hidden-xs.hidden-sm {
+
-
    display: none !important;
+
-
  }
+
-
  tr.hidden-xs.hidden-sm {
+
-
    display: none !important;
+
-
  }
+
-
  th.hidden-xs.hidden-sm,
+
-
  td.hidden-xs.hidden-sm {
+
-
    display: none !important;
+
-
  }
+
-
}
+
-
 
+
-
@media (min-width: 992px) and (max-width: 1199px) {
+
-
  .hidden-xs.hidden-md {
+
-
    display: none !important;
+
-
  }
+
-
  tr.hidden-xs.hidden-md {
+
-
    display: none !important;
+
-
  }
+
-
  th.hidden-xs.hidden-md,
+
-
  td.hidden-xs.hidden-md {
+
-
    display: none !important;
+
-
  }
+
-
}
+
-
 
+
-
@media (min-width: 1200px) {
+
-
  .hidden-xs.hidden-lg {
+
-
    display: none !important;
+
-
  }
+
-
  tr.hidden-xs.hidden-lg {
+
-
    display: none !important;
+
-
  }
+
-
  th.hidden-xs.hidden-lg,
+
-
  td.hidden-xs.hidden-lg {
+
-
    display: none !important;
+
-
  }
+
-
}
+
-
 
+
-
.hidden-sm {
+
-
  display: block !important;
+
-
}
+
-
 
+
-
tr.hidden-sm {
+
-
  display: table-row !important;
+
-
}
+
-
 
+
-
th.hidden-sm,
+
-
td.hidden-sm {
+
-
  display: table-cell !important;
+
-
}
+
-
 
+
-
@media (max-width: 767px) {
+
-
  .hidden-sm.hidden-xs {
+
-
    display: none !important;
+
-
  }
+
-
  tr.hidden-sm.hidden-xs {
+
-
    display: none !important;
+
-
  }
+
-
  th.hidden-sm.hidden-xs,
+
-
  td.hidden-sm.hidden-xs {
+
-
    display: none !important;
+
-
  }
+
-
}
+
-
 
+
-
@media (min-width: 768px) and (max-width: 991px) {
+
-
  .hidden-sm {
+
-
    display: none !important;
+
-
  }
+
-
  tr.hidden-sm {
+
-
    display: none !important;
+
-
  }
+
-
  th.hidden-sm,
+
-
  td.hidden-sm {
+
-
    display: none !important;
+
-
  }
+
-
}
+
-
 
+
-
@media (min-width: 992px) and (max-width: 1199px) {
+
-
  .hidden-sm.hidden-md {
+
-
    display: none !important;
+
-
  }
+
-
  tr.hidden-sm.hidden-md {
+
-
    display: none !important;
+
-
  }
+
-
  th.hidden-sm.hidden-md,
+
-
  td.hidden-sm.hidden-md {
+
-
    display: none !important;
+
-
  }
+
-
}
+
-
 
+
-
@media (min-width: 1200px) {
+
-
  .hidden-sm.hidden-lg {
+
-
    display: none !important;
+
-
  }
+
-
  tr.hidden-sm.hidden-lg {
+
-
    display: none !important;
+
-
  }
+
-
  th.hidden-sm.hidden-lg,
+
-
  td.hidden-sm.hidden-lg {
+
-
    display: none !important;
+
-
  }
+
-
}
+
-
 
+
-
.hidden-md {
+
-
  display: block !important;
+
-
}
+
-
 
+
-
tr.hidden-md {
+
-
  display: table-row !important;
+
-
}
+
-
 
+
-
th.hidden-md,
+
-
td.hidden-md {
+
-
  display: table-cell !important;
+
-
}
+
-
 
+
-
@media (max-width: 767px) {
+
-
  .hidden-md.hidden-xs {
+
-
    display: none !important;
+
-
  }
+
-
  tr.hidden-md.hidden-xs {
+
-
    display: none !important;
+
-
  }
+
-
  th.hidden-md.hidden-xs,
+
-
  td.hidden-md.hidden-xs {
+
-
    display: none !important;
+
-
  }
+
-
}
+
-
 
+
-
@media (min-width: 768px) and (max-width: 991px) {
+
-
  .hidden-md.hidden-sm {
+
-
    display: none !important;
+
-
  }
+
-
  tr.hidden-md.hidden-sm {
+
-
    display: none !important;
+
-
  }
+
-
  th.hidden-md.hidden-sm,
+
-
  td.hidden-md.hidden-sm {
+
-
    display: none !important;
+
-
  }
+
-
}
+
-
 
+
-
@media (min-width: 992px) and (max-width: 1199px) {
+
-
  .hidden-md {
+
-
    display: none !important;
+
-
  }
+
-
  tr.hidden-md {
+
-
    display: none !important;
+
-
  }
+
-
  th.hidden-md,
+
-
  td.hidden-md {
+
-
    display: none !important;
+
-
  }
+
-
}
+
-
 
+
-
@media (min-width: 1200px) {
+
-
  .hidden-md.hidden-lg {
+
-
    display: none !important;
+
-
  }
+
-
  tr.hidden-md.hidden-lg {
+
-
    display: none !important;
+
-
  }
+
-
  th.hidden-md.hidden-lg,
+
-
  td.hidden-md.hidden-lg {
+
-
    display: none !important;
+
-
  }
+
-
}
+
-
 
+
-
.hidden-lg {
+
-
  display: block !important;
+
-
}
+
-
 
+
-
tr.hidden-lg {
+
-
  display: table-row !important;
+
-
}
+
-
 
+
-
th.hidden-lg,
+
-
td.hidden-lg {
+
-
  display: table-cell !important;
+
-
}
+
-
 
+
-
@media (max-width: 767px) {
+
-
  .hidden-lg.hidden-xs {
+
-
    display: none !important;
+
-
  }
+
-
  tr.hidden-lg.hidden-xs {
+
-
    display: none !important;
+
-
  }
+
-
  th.hidden-lg.hidden-xs,
+
-
  td.hidden-lg.hidden-xs {
+
-
    display: none !important;
+
-
  }
+
-
}
+
-
 
+
-
@media (min-width: 768px) and (max-width: 991px) {
+
-
  .hidden-lg.hidden-sm {
+
-
    display: none !important;
+
-
  }
+
-
  tr.hidden-lg.hidden-sm {
+
-
    display: none !important;
+
-
  }
+
-
  th.hidden-lg.hidden-sm,
+
-
  td.hidden-lg.hidden-sm {
+
-
    display: none !important;
+
-
  }
+
-
}
+
-
 
+
-
@media (min-width: 992px) and (max-width: 1199px) {
+
-
  .hidden-lg.hidden-md {
+
-
    display: none !important;
+
-
  }
+
-
  tr.hidden-lg.hidden-md {
+
-
    display: none !important;
+
-
  }
+
-
  th.hidden-lg.hidden-md,
+
-
  td.hidden-lg.hidden-md {
+
-
    display: none !important;
+
-
  }
+
-
}
+
-
 
+
-
@media (min-width: 1200px) {
+
-
  .hidden-lg {
+
-
    display: none !important;
+
-
  }
+
-
  tr.hidden-lg {
+
-
    display: none !important;
+
-
  }
+
-
  th.hidden-lg,
+
-
  td.hidden-lg {
+
-
    display: none !important;
+
-
  }
+
-
}
+
-
 
+
-
.visible-print {
+
-
  display: none !important;
+
-
}
+
-
 
+
-
tr.visible-print {
+
-
  display: none !important;
+
-
}
+
-
 
+
-
th.visible-print,
+
-
td.visible-print {
+
-
  display: none !important;
+
-
}
+
-
 
+
-
@media print {
+
-
  .visible-print {
+
-
    display: block !important;
+
-
  }
+
-
  tr.visible-print {
+
-
    display: table-row !important;
+
-
  }
+
-
  th.visible-print,
+
-
  td.visible-print {
+
-
    display: table-cell !important;
+
-
  }
+
-
  .hidden-print {
+
-
    display: none !important;
+
-
  }
+
-
  tr.hidden-print {
+
-
    display: none !important;
+
-
  }
+
-
  th.hidden-print,
+
-
  td.hidden-print {
+
-
    display: none !important;
+
-
  }
+
-
}
+

Latest revision as of 05:17, 27 October 2013

Retrieved from "http://2013.igem.org/Team:UANL_Mty-Mexico/CoreCSS"