Subversion Repositories svnkaklik

Rev

Rev 427 | Rev 429 | Go to most recent revision | Only display areas with differences | Ignore whitespace | Details | Blame | Last modification | View Log

Rev 427 Rev 428
1
/*#############################################################
1
/*#############################################################
2
Name: Light
2
Name: Light
3
Date: 2006-08-20
3
Date: 2006-08-20
4
Description: Bright and smooth.
4
Description: Bright and smooth.
5
Author: Viktor Persson
5
Author: Viktor Persson
6
URL: http://templates.arcsin.se
6
URL: http://templates.arcsin.se
7
 
7
 
8
Feel free to use and modify but please provide credits.
8
Feel free to use and modify but please provide credits.
9
#############################################################*/
9
#############################################################*/
10
 
10
 
11
/* standard elements */
11
/* standard elements */
12
* {
12
* {
13
	margin: 0;
13
	margin: 0;
14
	padding: 0;
14
	padding: 0;
15
}
15
}
16
a {
16
a {
17
	color: #567;
17
	color: #567;
18
}
18
}
19
a:hover {
19
a:hover {
20
	color: #28E;
20
	color: #28E;
21
}
21
}
22
body {
22
body {
23
	background: #F2F2F2 url(img/bg.gif) repeat-y center top;
23
	background: #F2F2F2 url(img/bg.gif) repeat-y center top;
24
	color: #555A60;
24
	color: #555A60;
25
	font: normal 62.5% "Lucida Sans Unicode",sans-serif;
25
	font: normal 62.5% "Lucida Sans Unicode",sans-serif;
26
	margin: 0;
26
	margin: 0;
27
}
27
}
28
p,cite,therminal,ul {
28
p,cite,therminal,ul {
29
	font-size: 1.2em;
29
	font-size: 1.2em;
30
	padding-bottom: 1.2em;
30
	padding-bottom: 1.2em;
31
}
31
}
32
li {
32
li {
33
	list-style: url(img/li.gif);
33
	list-style: url(img/li.gif);
34
	margin-left: 18px;
34
	margin-left: 18px;
35
}
35
}
36
therminal {
36
therminal {
37
	background: url(img/bgcode.gif);
37
	background: url(img/bgcode.gif);
38
	border: 1px solid #F6F6F6;
38
	border: 1px solid #F6F6F6;
39
	color: #666;
39
	color: #666;
40
	display: block;
40
	display: block;
41
	font: normal 1.1em "Lucida Sans Unicode",serif;
41
	font: normal 1.1em "Lucida Sans Unicode",serif;
42
	margin-bottom: 12px;
42
	margin-bottom: 12px;
43
	padding: 8px 10px;
43
	padding: 8px 10px;
44
	white-space: pre;
44
	white-space: pre;
45
}
45
}
46
cite {
46
cite {
47
	background: url(img/quote.gif) no-repeat;
47
	background: url(img/quote.gif) no-repeat;
48
	color: #456;
48
	color: #456;
49
	display: block;
49
	display: block;
50
	font: normal 1.4em "Lucida Sans Unicode",serif;
50
	font: normal 1.4em "Lucida Sans Unicode",serif;
51
	padding-left: 28px;
51
	padding-left: 28px;
52
}
52
}
53
h1,h2,h3 {
53
h1,h2,h3 {
54
	color: #579;
54
	color: #579;
55
	padding-top: 6px;
55
	padding-top: 6px;
56
}
56
}
57
h1 {
57
h1 {
58
	font-size: 2em;
58
	font-size: 2em;
59
	margin-bottom: 4px;
59
	margin-bottom: 4px;
60
}
60
}
61
/* misc */
61
/* misc */
62
.clearer {
62
.clearer {
63
	clear: both;
63
	clear: both;
64
}
64
}
65
 
65
 
66
/* structure */
66
/* structure */
67
.container {
67
.container {
68
	margin: 0 auto;
68
	margin: 0 auto;
69
	width: 800px;
69
	width: 800px;
70
}
70
}
71
 
71
 
72
/* title */
72
/* title */
73
.title {
73
.title {
74
	float: left;
74
	float: left;
75
	margin-top: 22px;
75
	margin-top: 22px;
76
	text-align: center;
76
	text-align: center;
77
	width: 300px;
77
	width: 350px;
78
}
78
}
79
.title h1 {
79
.title h1 {
80
	font: normal 2em Verdana,sans-serif;
80
	font: normal 2em Verdana,sans-serif;
81
}
81
}
82
.title h2 {
82
.title h2 {
83
	color: #999;
83
	color: #999;
84
	font: normal 1.1em Verdana,sans-serif;
84
	font: normal 1.1em Verdana,sans-serif;
85
}
85
}
86
 
86
 
87
/* navigation */
87
/* navigation */
88
.navigation {
88
.navigation {
89
	background: url(img/holder.jpg) no-repeat;
89
	background: url(img/holder.jpg) no-repeat;
90
	height: 100px;
90
	height: 100px;
91
	padding: 0 16px;
91
	padding: 0 16px;
92
}
92
}
93
.navigation a {
93
.navigation a {
94
	border-left: 1px solid #DDD;
94
	border-left: 1px solid #DDD;
95
	border-right: 1px solid #FFF;
95
	border-right: 1px solid #FFF;
96
	color: #89A;
96
	color: #89A;
97
	float: right;
97
	float: right;
98
	font: bold 1.2em "Trebuchet MS",sans-serif;
98
	font: bold 1.2em "Trebuchet MS",sans-serif;
99
	margin-top: 9px;
99
	margin-top: 9px;
100
	padding: 58px 18px 8px;
100
	padding: 58px 18px 8px;
101
	text-align: center;
101
	text-align: center;
102
	text-decoration: none;
102
	text-decoration: none;
103
}
103
}
104
.navigation a:hover {
104
.navigation a:hover {
105
	background: #FFF url(img/navhover.gif) repeat-x;
105
	background: #FFF url(img/navhover.gif) repeat-x;
106
	color: #28E;
106
	color: #28E;
107
	padding: 56px 18px 10px;
107
	padding: 56px 18px 10px;
108
}
108
}
109
 
109
 
110
/* holders */
110
/* holders */
111
.holder {
111
.holder {
112
	background: url(img/bgholder.jpg) repeat-y;
112
	background: url(img/bgholder.jpg) repeat-y;
113
	padding: 0 32px;
113
	padding: 0 32px;
114
}
114
}
115
.holder_top,.footer {
115
.holder_top,.footer {
116
	clear: both;
116
	clear: both;
117
	background: url(img/holder.jpg) no-repeat;
117
	background: url(img/holder.jpg) no-repeat;
118
	height: 40px;
118
	height: 40px;
119
}
119
}
120
 
120
 
121
/* footer */
121
/* footer */
122
.footer {
122
.footer {
123
	background-position: left bottom;
123
	background-position: left bottom;
124
	color: #666;
124
	color: #666;
125
	font-size: 1.1em;
125
	font-size: 1.1em;
126
	text-align: center;
126
	text-align: center;
127
}
127
}