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 
}