Subversion Repositories svnkaklik

Rev

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

Rev 432 Rev 433
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 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: 90%;
69
	width: 90%;
70
}
70
}
71
 
71
 
72
/* title */
72
/* title */
73
.title {
73
.title {
74
	float: left;
74
	float: left;
75
	margin-top: 8%;
75
	margin-top: 8%;
76
	text-align: center;
76
	text-align: center;
77
	width: 30%;
77
	width: 10%;
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
	height: 10%;
89
	height: 10%;
90
	padding: 0 5%;
90
	padding: 0 5%;
91
}
91
}
92
.navigation a {
92
.navigation a {
93
	border-left: 1px solid #DDD;
93
	border-left: 1px solid #DDD;
94
	border-right: 1px solid #FFF;
94
	border-right: 1px solid #FFF;
95
	color: #89A;
95
	color: #89A;
96
	float: right;
96
	float: right;
97
	font: bold 1.2em "Trebuchet MS",sans-serif;
97
	font: bold 1.2em "Trebuchet MS",sans-serif;
98
	margin-top: 9px;
98
	margin-top: 9px;
99
	padding: 10% 8% 5%;
99
	padding: 10% 8% 5%;
100
	text-align: center;
100
	text-align: center;
101
	text-decoration: none;
101
	text-decoration: none;
102
}
102
}
103
.navigation a:hover {
103
.navigation a:hover {
104
	background: #FFF url(img/navhover.gif) repeat-x;
104
	background: #FFF url(img/navhover.gif) repeat-x;
105
	color: #28E;
105
	color: #28E;
106
	padding: 10% 8% 5%;
106
	padding: 10% 8% 5%;
107
}
107
}
108
 
108
 
109
/* holders */
109
/* holders */
110
.holder {
110
.holder {
111
}
111
}
112
.holder_top,.footer {
112
.holder_top,.footer {
113
}
113
}
114
 
114
 
115
/* footer */
115
/* footer */
116
.footer {
116
.footer {
117
	background-position: left bottom;
117
	background-position: left bottom;
118
	color: #666;
118
	color: #666;
119
	font-size: 1.1em;
119
	font-size: 1.1em;
120
	text-align: center;
120
	text-align: center;
121
}
121
}