1
0
mirror of https://github.com/videojs/video.js.git synced 2024-12-25 02:42:10 +02:00
video.js/stylesheets/site.css
2010-06-27 23:12:45 -07:00

38 lines
1.9 KiB
CSS

html { background: #152B38 url('../images/background.png') top left repeat-x; }
body { font-size: 10px; line-height: 1; color: #fff; text-align: center; }
#wrap { background: url("../images/background-highlights.png") center 20px no-repeat; }
#main { position: relative; width: 640px; margin: 0px auto; text-align: left; padding-bottom: 20px; }
h1 { font-size: 360%; line-height: 1; margin-bottom: 10px; text-align: center; letter-spacing: 5px; }
h2 { font-size: 200%; line-height: 1; margin-bottom: 10px; }
h6 { font-size: 100%; text-transform: uppercase; margin-bottom: 10px; color: #999; }
p.tagline { text-align: center; font-size: 120%; line-height: 1; }
p { font-size: 1.4em; line-height: 1.5; margin-bottom: 20px; }
a { color: #fff; }
a img { border: 0; }
ul#nav { list-style: none; margin: 0; padding: 0; height: 20px; text-align: right; margin-bottom: 20px; }
ul#nav li { display: inline; list-style: none; margin: 0; padding: 0; padding-left: 20px; font-size: 120%; line-height: 20px; }
ul#nav li a { color: #fff; text-decoration: none; }
.video-js-box { margin-bottom: 0; background-color: #000; }
p#video_note { margin-bottom: 20px; font-size: 100%; line-height: 20px; color: #999; text-align: center; }
p#sponsor { font-size: 10px; margin-bottom: 30px; }
p#sponsor a { text-decoration: none; }
#features_and_support { }
#features { width: 300px; float: left; }
ul#feature_list { display: block; margin: 0; padding: 0; }
ul#feature_list li { list-style: none; padding-left: 25px; font-size: 140%; line-height: 20px; margin-bottom: 25px; background: url("../images/icons/check.png") left top no-repeat; }
#supported { float: right; width: 320px; }
.supported-section { margin-bottom: 20px; }
.supported-section a { padding-right: 10px; }
.supported-section a:last-child { padding-right: 0; }
#issues_link { clear: both; padding-top: 20px; text-align: center; }
#disqus_thread { clear: both; padding-top: 30px; }
#footer { clear: both; padding: 20px 0; }