Template:Team:Waterloo/CSS/baseWiki

From 2014.igem.org

(Difference between revisions)
(adds .blueOnGrey)
 
(14 intermediate revisions not shown)
Line 47: Line 47:
   list-style: none;
   list-style: none;
   line-height: 18px;
   line-height: 18px;
 +
}
 +
ol li{
 +
  list-style:decimal;
}
}
table {
table {
background: transparent;
background: transparent;
-
}
 
-
.blueOnGrey h1, h2, h3, h4 {
 
-
  color:#71CCE6;
 
}
}
h1{
h1{
Line 100: Line 100:
   margin-top: 30px;
   margin-top: 30px;
   background: #FFFFFF;
   background: #FFFFFF;
 +
}
 +
div.figureContainer {
 +
  text-align: center;
 +
  font-style: italic;
 +
  font-size: 0.8em;
}
}
img {
img {
Line 111: Line 116:
   width: 100px;
   width: 100px;
   padding: 0px 8px;
   padding: 0px 8px;
 +
}
 +
img.image70{
 +
  width: 70%;
}
}
img.equation {
img.equation {
Line 163: Line 171:
/*Tabs*/
/*Tabs*/
-
.anchor{
+
.anchor {
-
   padding-bottom: 50px;
+
  /* when hyperlinking within page, to account for floating bar */
 +
   padding-top: 80px;
 +
  margin-bottom: -30px;
 +
  /* adjusted net 50px bottom padding? */
   text-align: justify;
   text-align: justify;
 +
}
 +
.anchor:first-child {
 +
    padding-top: 0px;
}
}
ul.tabs
ul.tabs
Line 223: Line 237:
position: relative;
position: relative;
top: 0px;
top: 0px;
-
font-weight:bold;
 
background: #71CCE6;
background: #71CCE6;
color: dimgrey;
color: dimgrey;
Line 326: Line 339:
.blueOnGrey {
.blueOnGrey {
   background: #333;
   background: #333;
-
   padding: 10px;
+
   padding: 15px;
 +
  color:#71CCE6;
 +
}
 +
.blueOnGrey h1, .blueOnGrey h2, .blueOnGrey h3, .blueOnGrey h4 {
   color:#71CCE6;
   color:#71CCE6;
}
}
Line 334: Line 350:
}
}
/* Lists on mathbook page */
/* Lists on mathbook page */
-
#MathBook ul li {
+
#MathBook ul li, #Acknowledgements ul li {
   list-style-type: circle;
   list-style-type: circle;
}
}
-
#MathBook ol li {
+
#MathBook ol li,  #Acknowledgements ol li {
   list-style-type: upper-roman;
   list-style-type: upper-roman;
}
}
Line 357: Line 373:
/* Special Styles Depending on Screen Size */
/* Special Styles Depending on Screen Size */
-
@media screen and (max-width: 1000px) { /* above tablet size */
+
@media screen and (max-width: 900px) { /* above tablet size */
   .content {
   .content {
     width: 70%;
     width: 70%;
 +
  }
 +
.half-column {
 +
    width: 100%;
 +
    padding: 5px;
 +
    float: none;
   }
   }
}
}
Line 378: Line 399:
     h1 {
     h1 {
       font-size: 30px;
       font-size: 30px;
-
    }
 
-
    .half-column {
 
-
      width: 100%;
 
-
      padding: 5px;
 
     }
     }
     .content {
     .content {

Latest revision as of 03:27, 18 October 2014