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