-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathbase.css
More file actions
153 lines (132 loc) · 7.65 KB
/
base.css
File metadata and controls
153 lines (132 loc) · 7.65 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
@CHARSET "UTF-8";
body { margin: 0px; padding: 0px; font-family: arial, helvetica, sans-serif; color: #222;}
header, nav, footer { display: block; }
header {
padding: 20px 0px 30px;
background-color: #222;
background: -moz-radial-gradient(50% 50%, farthest-side, #111, #222);
background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 350, from(#222), to(#111));
}
.wrapper { margin: 0 auto; width: 800px; }
.floatleft {float:left;}
.floatright {float:right;}
header .wrapper { background: url(header.png) no-repeat 0% 50%; }
header img {margin-left: 390px; }
nav { padding: 20px 0px 10px 0px; background-color: #333; background-image: -moz-linear-gradient(100% 100% 90deg, #222, #000); background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, from(#000), to(#222)); }
nav .wrapper ul { margin: 0 auto; width: 790px; }
nav .wrapper ul li { margin: 0px 3px; padding-bottom: 13px; display: inline-block; color: white; font-size: 20px; }
li.active { background: url(arrow.png) no-repeat 50% bottom; }
nav .wrapper ul li a {padding: 8px 12px; color: white; text-decoration: none; background-color: #e80279; background-image: -moz-linear-gradient(100% 100% 90deg, #e81a84, #e80279);
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, from(#e81a84), to(#e80279)); -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
#left { float: left; width: 380px; margin-right: 40px; margin-top: 30px; }
#right { float: left; width: 380px; margin-top: 10px; }
h1 { font-size: 26px; color: #e80279; margin-bottom: 20px; }
h2 { font-size: 22px; color: #e80279; margin-bottom: 16px; }
#left h2.twitter { color: #afe5f4; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; background: #44bcdc; padding: 4px 12px; }
#left h2.twitter em { color: white; font-weight: bold; }
h3 { font-weight: bold; font-weight: 14px; margin-bottom: 14px; }
p { margin-bottom: 20px; }
a { color: #e80279;}
div#main { background-color: #f6f6f6; background-image: -moz-linear-gradient(100% 5% 90deg, #f6f6f6, #aaa); background-image: -webkit-gradient(linear, 50% 0%, 50% 10%, from(#bbb), to(#F6F6F6)); }
#right a img { margin-bottom: 10px; }
#right nav { background: url(support.png) no-repeat; height: 200px; padding: 60px 0px 0px 20px; margin-bottom: 20px; border-radius: 4px;
-webkit-border-radius: 4px; -moz-border-radius: 4px; padding-right: 20px; }
#right nav li { padding: 8px 12px; margin-bottom: 6px; width: 250px; }
#right nav a { font-size: 20px; font-weight: bold; color: white; text-decoration: none;}
#thimbl { background: #e80279; }
#facebook { background: #43609c; }
#twitter {background: #45bcdd; }
#identica {background: #7bb12e; }
/* sub page alterations */
#sub-page header { padding: 0px; }
#sub-page header .wrapper {
width: 640px;
height: 60px;
padding-left: 160px;
background: url(sub-logo.png) no-repeat left top;
}
#sub-page nav .wrapper ul { position: relative; top: 24px; }
#sub-page nav .wrapper ul li { font-size: 14px; }
#sub-page #left { width: 530px; }
#sub-page #right { padding: 10px; background: #ccc; width: 210px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; min-height: 400px; }
/* on the getstarted page is no greybox so i added a class, in order to deactivate the grey box for this page */
#sub-page #right.notgrey { padding: 10px; background: none; width: 210px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; min-height: 400px; }
/* ------ */
footer { width: 100%; background: #222; background-color: #333; background-image: -moz-linear-gradient(100% 100% 90deg, #222, #000);
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, from(#000), to(#222)); padding-bottom: 20px; }
footer .wrapper { padding-top: 1px; }
footer nav { padding: 15px 20px 0px 20px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; margin: 20px 0px; background: #111 url(footer.png) no-repeat 96% 55px; }
footer nav ul li { float: left; display: inline-block; width: 240px; color: white; padding: 15px; font-size: 20px; margin: 0px 20px 20px 0px; }
footer nav ul li a { color: white; text-decoration: none; font-weight: bold; }
h5 { font-size: 30px; color: #e80279; margin-bottom: 5px; }
/* get started alternations */
.choicebox {width: 450px; padding: 10px;
background-color: #e3e3e3; margin: 10px 0;}
div.choicebox h2 {width: 180px; font-size: 20px; font-weight: 500; margin:0; letter-spacing: -1px; word-spacing: +2px;}
hr {width: 470px; border: 1px solid #e3e3e3; margin: 20px 0;}
#tellmemore {width: 470px; margin: 0 0 190px 0; }
div.choicebox p {margin: 15px 15px 0 0;}
div.choicebox a {padding: 5px 10px; margin: 20px 0px 0 0; background-color: #e80279; color: white; text-decoration: none; font-weight: bold;}
div.choicebox a:hover {padding: 5px 10px; margin: 20px 0px 0 0; background-color: #7bb12e; color: white; text-decoration: none; font-weight: bold;}
div.choicebox p:hover {margin: 15px 15px 0 0; padding: 0 0 0 30px; height: 28px; background-image:url('haken.png');background-repeat: no-repeat; background-position: 0px -5px;
}
/* Pink box */
.pinkBox { padding: 10px 10px; margin: 20px 0px 20px 0; background-color: #e80279; color: white; text-decoration: none; font-weight: bold; }
/* grey box award block */
#rightaward h2 {background-image:url('blub.png');background-repeat: no-repeat;background-position: right;}
#rightaward {width: 210px; margin-bottom: 60px; }
#rightaward img { float:left;}
#rightaward p {display: block; font-size:0.8em; width:110px; margin-left: 100px; }
#rightaward a { padding: 5px 10px; margin: -10px 0px 0 0; background-color: #e80279; color: white; text-decoration: none; font-weight: bold; float: right;}
#rightaward a:hover {padding: 5px 10px; margin: -10px 0px 0 0; background-color: #7bb12e; color: white; text-decoration: none; font-weight: bold; float: right;}
/* greybox rightpresentation */
#rightpresentation h2 {background-image:url('blub.png');background-repeat: no-repeat;background-position: 160px ;}
#rightpresentation {margin-bottom: 20px;}
/* greybox share */
#share {margin-bottom: 20px;}
#share h2 {background-image:url('blub.png');background-repeat: no-repeat;background-position: 80px ;}
div.border {width: 220px; border: 7px solid #000; padding: 10px 0 0 0;}
#share ul li {display: inline; margin: 10px;}
/** DD lists **/
dl dt {
font-weight: bold;
margin-top: 10px;
}
dl dd {
margin-left: 20px;
}
dl dd.smaller {
margin -left: 30px;
font-size: small;
}
dl {
margin-bottom: 20px;
}
blockquote {
font-family: courier;
margin-left: 10px;
border-left: 5px solid #e80279;
padding-left: 10px;
}
#left ul, #left ol {
margin-left: 10px;
}
#left ul li, #left ol li {
list-style: decimal;
margin-left: 10px;
}
/** contactform**/
#contactform {width: 50%}
#contactmail, #Message {width:100%; padding: 5px; border: 1px solid #e80279; margin-bottom: 10px; color: #222;}
#senden {padding: 5px 10px; margin: 0px 0px 0 0; background-color: #e80279; color: white; text-decoration: none; font-weight: bold;}
#senden:hover {padding: 5px 10px; margin: 0px 0px 0 0; background-color: #7bb12e; color: white; text-decoration: none; font-weight: bold; }
/**right blue twitter box**/
#latest_tweets {width: 233px; margin-bottom: 40px;}
#latest_tweets h2 {background-image:url('blub.png');background-repeat: no-repeat;background-position: 130px ;}
#righttwitter {padding: 15px; background-color: #45bcdd; color: #fff;}
#righttwitter h3 {width: 45%;float: left; padding:5px; font-size: 1.3em}
#righttwitter img {float:right;}
#righttwitter p {clear:both; font-size: 0.75em;}
/** right black faq box **/
#thimbl_faq {margin-bottom: 40px;}
#thimbl_faq h2 {background-image:url('blub.png');background-repeat: no-repeat;background-position: 60px ;}