My favorites | Sign in
Project Home Downloads Wiki Issues Source
Checkout   Browse   Changes  
Changes to /trunk/example/stylesheets/screen.css
r14 vs. r15 Compare: vs.  Format:
Revision r15
Go to: 
Project members, sign in to write a code review
/trunk/example/stylesheets/screen.css   r14 /trunk/example/stylesheets/screen.css   r15
1 /* -------------------------------------------------------------- 1 /* --------------------------------------------------------------
2 SCREEN 2 SCREEN
3 -------------------------------------------------------------- */ 3 -------------------------------------------------------------- */
4 4
5 @import "boilerplate.css"; 5 @import "boilerplate.css";
6 @import "plugins.css"; 6 @import "plugins.css";
7 7
8 8
9 /* PAGE */ 9 /* PAGE */
10 #page { margin: 0 auto; width: 950px; } 10 #page {}
11 11
12 /* HEADER */ 12 /* HEADER */
13 #header { margin-top: 20px; } 13 #header { padding: 20px; background: #444; border-bottom: 2px solid #222; }
14 #header .tabs { border-bottom: 1px solid #ddd; } 14 #header h1 { margin-bottom: 0; font-size: 20px; line-height: 20px; color: #fff; }
15 #header .tabs li { margin-right: 1px; } 15
16 #header .tabs a { padding: 5px 15px; background: #ddd; color: #666; text-decoration: none; } 16 /* NAVIGATION */
17 #navigation { padding: 0 10px; background: #ddd; border-bottom: 2px solid #bbb; }
18 #navigation .tabs a { padding: 5px 10px; color: #666; text-decoration: none; }
19 #navigation .tabs a:hover { background: #bbb; color: #333; }
17 20
18 /* BODY */ 21 /* BODY */
19 #body { margin-top: 20px; } 22 #body { padding: 20px; }
23
24 /* INTRODUCTION */
20 #introduction { float: left; width: 480px; margin-right: 130px; } 25 #introduction { float: left; width: 480px; margin-right: 130px; }
26
27 /* RESOURCES */
21 #resources { float: left; margin-top: 10px; width: 230px; } 28 #resources { float: left; margin-top: 10px; width: 230px; }
22 #resources h3 { color: #888; } 29 #resources h3 { color: #888; }
23 #resources ul, #resources ol { color: #888; } 30 #resources ul, #resources ol { color: #888; }
24 #resources ul a { color: #555; } 31 #resources ul a { color: #555; }
25 32
26 /* FOOTER */ 33 /* FOOTER */
27 #footer { border-top: 1px solid #eee; margin-top: 20px; } 34 #footer { padding: 10px 20px; border-top: 1px solid #eee; }
28 #footer .tabs { width: 405px; border-top: 3px solid #eee; } 35 #footer .tabs { font-size: 13px; }
29 #footer .tabs a { padding: 10px 30px 10px 0; color: #666; text-decoration: none; } 36 #footer .tabs li { margin-right: 20px; }
37 #footer .tabs a { color: #999; text-decoration: none; }
30 #footer p.quiet { color: #ccc; } 38 #footer p.quiet { color: #ccc; }
Powered by Google Project Hosting