Subversion Repositories svnkaklik

Rev

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

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