Team:Calgary/Sandbox
From 2012.igem.org
(Difference between revisions)
Line 28: | Line 28: | ||
border: none; | border: none; | ||
} | } | ||
- | body, | + | body, #top-section, #content, #footer-box{ |
overflow-x: hidden; | overflow-x: hidden; | ||
} | } | ||
- | + | /*Hi-res and normal smartphone device styles*/ | |
- | + | ||
- | + | p{ | |
- | + | font-family: Arial, sans-serif; | |
- | + | font-size: 2em; | |
- | + | font-weight: normal; | |
- | + | color: red; | |
- | + | } | |
- | + | p.family{ | |
- | + | font-family: Georgia; | |
- | + | } | |
- | + | #box{ | |
- | + | width: 100%; | |
- | + | height: 20px; | |
- | + | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#000000'); /* for IE */ | |
- | + | background: -webkit-gradient(linear, left top, right bottom, from(#333), to(#efefef)); /* for webkit browsers */ | |
- | + | background: -moz-linear-gradient(left, #ccc, #000); /* for firefox 3.6+ */ | |
- | + | } | |
- | + | div#top-section, div#footer-box, div#footer, div#content, div#f-list, ul#f-list{ | |
- | + | width: 95%; | |
- | + | } | |
- | + | #footer li{ | |
- | + | display: block; | |
- | + | } | |
- | + | .left-menu li a, .right-menu a{ | |
- | + | font-size: 1em; | |
- | + | padding-bottom: 5px; | |
- | + | padding-top: 10px; | |
- | + | } | |
- | + | .right-menu{ | |
- | + | position: relative; | |
- | + | margin-top: 14px; | |
- | + | } | |
- | + | #content{ | |
+ | margin-top: 10px; | ||
+ | } | ||
+ | |||
- | |||
/*Desktop styles*/ | /*Desktop styles*/ | ||
@media only screen and (min-device-width:481px){ | @media only screen and (min-device-width:481px){ | ||
Line 93: | Line 95: | ||
} | } | ||
} | } | ||
- | |||
</style> | </style> | ||
</head> | </head> |
Revision as of 17:29, 19 June 2012
Header
This is not a paragraph.
This is a test for font-family. Watch "Jeopardy!", Alex Trebek's fun TV quiz game.