Template:Team:Waterloo/CSS/baseWiki

From 2014.igem.org

(Difference between revisions)
(more padding)
(adds half column class)
Line 307: Line 307:
   height: 30px;
   height: 30px;
}
}
 +
.half-column {
 +
  width: 50%;
 +
}
 +
/* Tables */
/* Tables */
table.blueBorders {
table.blueBorders {
Line 323: Line 327:
}
}
-
/* Special Styles for Tablet Size & Below */
+
/* Special Styles Depending on Screen Size */
-
@media screen and (max-width: 768px) {
+
@media screen and (min-width: 768px) { /* above tablet size */
 +
}
 +
@media screen and (max-width: 768px) { /* tablet size and below */
     .content {
     .content {
       font-size: 14px;
       font-size: 14px;
     }
     }
}
}
-
/* Special Styles for Tablet Size Only */
+
@media screen and (max-width: 768px) and (min-width: 480px) { /* tablet size only */
-
@media screen and (max-width: 768px) and (min-width: 480px) {
+
}
}
-
/* Special Styles for Smartphones */
+
@media screen and (max-width : 480px) { */ smartphones */
-
@media screen and (max-width : 480px) {
+
     .content h1 {
     .content h1 {
       font-size: 35px;
       font-size: 35px;
 +
    }
 +
    .half-column {
 +
      width: 100%;
     }
     }
}
}
</style>
</style>
</html>
</html>

Revision as of 16:00, 17 October 2014