Subversion Repositories svnkaklik

Rev

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

Rev 15 Rev 60
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,code,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
h1 {
32
h1 {
33
	font-size: 1.4em;
33
	font-size: 1.4em;
34
	margin-bottom: 4px;
34
	margin-bottom: 4px;
35
}
35
}
36
li {
36
li {
37
	list-style: url(img/li.gif);
37
	list-style: url(img/li.gif);
38
	margin-left: 18px;
38
	margin-left: 18px;
39
}
39
}
40
code {
40
therminal {
41
	background: url(img/bgcode.gif);
41
	background: url(img/bgcode.gif);
42
	border: 1px solid #F6F6F6;
42
	border: 1px solid #F6F6F6;
43
	color: #666;
43
	color: #666;
44
	display: block;
44
	display: block;
45
	font: normal 1.1em "Lucida Sans Unicode",serif;
45
	font: normal 1.1em "Lucida Sans Unicode",serif;
46
	margin-bottom: 12px;
46
	margin-bottom: 12px;
47
	padding: 8px 10px;
47
	padding: 8px 10px;
48
	white-space: pre;
48
	white-space: pre;
49
}
49
}
50
cite {
50
cite {
51
	background: url(img/quote.gif) no-repeat;
51
	background: url(img/quote.gif) no-repeat;
52
	color: #456;
52
	color: #456;
53
	display: block;
53
	display: block;
54
	font: normal 1.4em "Lucida Sans Unicode",serif;
54
	font: normal 1.4em "Lucida Sans Unicode",serif;
55
	padding-left: 28px;
55
	padding-left: 28px;
56
}
56
}
57
h1,h2,h3 {
57
h1,h2,h3 {
58
	color: #579;
58
	color: #579;
59
	padding-top: 6px;
59
	padding-top: 6px;
60
}
60
}
61
 
61
 
62
/* misc */
62
/* misc */
63
.clearer {
63
.clearer {
64
	clear: both;
64
	clear: both;
65
}
65
}
66
 
66
 
67
/* structure */
67
/* structure */
68
.container {
68
.container {
69
	margin: 0 auto;
69
	margin: 0 auto;
70
	width: 730px;
70
	width: 730px;
71
}
71
}
72
 
72
 
73
/* title */
73
/* title */
74
.title {
74
.title {
75
	float: left;
75
	float: left;
76
	margin-top: 22px;
76
	margin-top: 22px;
77
	text-align: center;
77
	text-align: center;
78
	width: 220px;
78
	width: 220px;
79
}
79
}
80
.title h1 {
80
.title h1 {
81
	font: normal 2em Verdana,sans-serif;
81
	font: normal 2em Verdana,sans-serif;
82
}
82
}
83
.title h2 {
83
.title h2 {
84
	color: #999;
84
	color: #999;
85
	font: normal 1.1em Verdana,sans-serif;
85
	font: normal 1.1em Verdana,sans-serif;
86
}
86
}
87
 
87
 
88
/* navigation */
88
/* navigation */
89
.navigation {
89
.navigation {
90
	background: url(img/holder.jpg) no-repeat;
90
	background: url(img/holder.jpg) no-repeat;
91
	height: 100px;
91
	height: 100px;
92
	padding: 0 16px;
92
	padding: 0 16px;
93
}
93
}
94
.navigation a {
94
.navigation a {
95
	border-left: 1px solid #DDD;
95
	border-left: 1px solid #DDD;
96
	border-right: 1px solid #FFF;
96
	border-right: 1px solid #FFF;
97
	color: #89A;
97
	color: #89A;
98
	float: right;
98
	float: right;
99
	font: bold 1.2em "Trebuchet MS",sans-serif;
99
	font: bold 1.2em "Trebuchet MS",sans-serif;
100
	margin-top: 9px;
100
	margin-top: 9px;
101
	padding: 58px 18px 8px;
101
	padding: 58px 18px 8px;
102
	text-align: center;
102
	text-align: center;
103
	text-decoration: none;
103
	text-decoration: none;
104
}
104
}
105
.navigation a:hover {
105
.navigation a:hover {
106
	background: #FFF url(img/navhover.gif) repeat-x;
106
	background: #FFF url(img/navhover.gif) repeat-x;
107
	color: #28E;
107
	color: #28E;
108
	padding: 56px 18px 10px;
108
	padding: 56px 18px 10px;
109
}
109
}
110
 
110
 
111
/* holders */
111
/* holders */
112
.holder {
112
.holder {
113
	background: url(img/bgholder.jpg) repeat-y;
113
	background: url(img/bgholder.jpg) repeat-y;
114
	padding: 0 32px;
114
	padding: 0 32px;
115
}
115
}
116
.holder_top,.footer {
116
.holder_top,.footer {
117
	clear: both;
117
	clear: both;
118
	background: url(img/holder.jpg) no-repeat;
118
	background: url(img/holder.jpg) no-repeat;
119
	height: 40px;
119
	height: 40px;
120
}
120
}
121
 
121
 
122
/* footer */
122
/* footer */
123
.footer {
123
.footer {
124
	background-position: left bottom;
124
	background-position: left bottom;
125
	color: #666;
125
	color: #666;
126
	font-size: 1.1em;
126
	font-size: 1.1em;
127
	text-align: center;
127
	text-align: center;
128
}
-
 
129
128
}
-
 
129