-
Notifications
You must be signed in to change notification settings - Fork 0
/
basic-modular.css
executable file
·51 lines (41 loc) · 2.13 KB
/
basic-modular.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
/*
Original design: Basic Modular (v1.5 - Sep 11, 2012) - A free xhtml/css website template by Andreas Viklund.
For more information, see http://andreasviklund.com/templates/basic-modular/
*/
/* Tags */
*{margin:0;padding:0;}
body{background-color:#d2d4d5;color:#303030;font:76% Verdana,Tahoma,Sans-Serif;text-align:center;}
p{font-family: "Trebuchet MS", Helvetica, sans-serif;font-size:16px;margin:0 0 16px;line-height:1.5em;}
a{color:#336699;text-decoration:none;}
a:hover{color:#003366;text-decoration:underline;}
h1{font-size:1.6em;margin:0 0 8px;}
h2{font-size:1.4em;margin:0 0 8px;}
/* Container */
#container{background:#fff;margin:20px auto;padding:10px 10px 1px;text-align:left;width:770px;}
/* Header */
.header{background:#336699;clear:both;margin:0 0 10px;padding:10px;}
.header h1{color:#FFCC66;font-size:2.0em;color:"red";letter-spacing:0px;margin:0;padding:10px 0 0 10px;}
.header p{color:white;line-height:100%;font-size:1.6em;font-weight:300;margin:0;padding:0 0 10px 10px;}
/* Main menu */
.mainmenu{clear:both;margin:0 0 10px;}
.mainmenu ul{background:#f0f0f0;list-style:none;width:100%;}
.mainmenu li{float:left;list-style:none;margin:0 0 10px;}
.mainmenu li a{background:#f0f0f0;border-right:10px solid #fff;display:block;float:left;font-size:1.1em;font-weight:700;padding:6px 10px;}
.mainmenu li a:hover{background:#f5e9d9;display:block;padding:6px 10px;}
/* Breadcrumbs */
.breadcrumbs{background:#f0f0f0;clear:both;font-size:1.1em;font-weight:700;margin:0 0 10px;padding:10px;text-decoration:none;}
.breadcrumbs p{margin:0;}
/* Headline */
.headline{border-left:20px solid #336699;clear:both;margin:0 0 10px;padding:0 10px;}
.headline h1{margin:0;}
/* Single content */
.singlecontent{background:#F0F0F0;clear:both;line-height:1.4em;margin:0 0 10px;padding:10px 10px 1px;}
/* Double content */
.doublecontent{background:#f0f0f0;clear:both;line-height:1.4em;margin:0 0 10px;padding:10px 10px 1px;}
.doubleleft{float:left;width:48%;}
.doubleright{float:right;width:48%;}
/* Footer */
.footer{background:#f0f0e0;clear:both;color:gray;margin:0 0 10px;padding:10px;text-align:center;}
.footer p{margin:0;}
/* Misc classes */
.clear{clear:both;}