WebSVN – svnkaklik – Diff – /web/kaklik's_web/default.css


/*#############################################################
Name: Light
Date: 2006-08-20
Description: Bright and smooth.
Author: Viktor Persson
URL: http://templates.arcsin.se
 
Feel free to use and modify but please provide credits.
#############################################################*/
 
/* standard elements */
* {
	margin: 0;
	padding: 0;
}
a {
	color: #567;
}
a:hover {
	color: #28E;
}
body {
	background: #F2F2F2 url(img/bg.gif) repeat-y center top;
	color: #555A60;
	font: normal 62.5% "Lucida Sans Unicode",sans-serif;
	margin: 0;
}
p,cite,therminal,ul {
	font-size: 1.2em;
	padding-bottom: 1.2em;
}
h1 {
	font-size: 1.4em;
	margin-bottom: 4px;
}
li {
	list-style: url(img/li.gif);
	margin-left: 18px;
}
therminal {
	background: url(img/bgcode.gif);
	border: 1px solid #F6F6F6;
	color: #666;
	display: block;
	font: normal 1.1em "Lucida Sans Unicode",serif;
	margin-bottom: 12px;
	padding: 8px 10px;
	white-space: pre;
}
cite {
	background: url(img/quote.gif) no-repeat;
	color: #456;
	display: block;
	font: normal 1.4em "Lucida Sans Unicode",serif;
	padding-left: 28px;
}
h1,h2,h3 {
	color: #579;
	padding-top: 6px;
}
 
/* misc */
.clearer {
	clear: both;
}
 
/* structure */
.container {
	margin: 0 auto;
	width: 730px;
}
 
/* title */
.title {
	float: left;
	margin-top: 22px;
	text-align: center;
	width: 220px;
}
.title h1 {
	font: normal 2em Verdana,sans-serif;
}
.title h2 {
	color: #999;
	font: normal 1.1em Verdana,sans-serif;
}
 
/* navigation */
.navigation {
	background: url(img/holder.jpg) no-repeat;
	height: 100px;
	padding: 0 16px;
}
.navigation a {
	border-left: 1px solid #DDD;
	border-right: 1px solid #FFF;
	color: #89A;
	float: right;
	font: bold 1.2em "Trebuchet MS",sans-serif;
	margin-top: 9px;
	padding: 58px 18px 8px;
	text-align: center;
	text-decoration: none;
}
.navigation a:hover {
	background: #FFF url(img/navhover.gif) repeat-x;
	color: #28E;
	padding: 56px 18px 10px;
}
 
/* holders */
.holder {
	background: url(img/bgholder.jpg) repeat-y;
	padding: 0 32px;
}
.holder_top,.footer {
	clear: both;
	background: url(img/holder.jpg) no-repeat;
	height: 40px;
}
 
/* footer */
.footer {
	background-position: left bottom;
	color: #666;
	font-size: 1.1em;
	text-align: center;
 
}


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

Subversion Repositories svnkaklik

(root)/web/kaklik's_web/default.css – Rev 15 → 60