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 | + | /* 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; | ||
} | } | ||
} | } | ||
- | + | @media screen and (max-width: 768px) and (min-width: 480px) { /* tablet size only */ | |
- | @media screen and (max-width: 768px) and (min-width: 480px) { | + | |
} | } | ||
- | + | @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