Wug (CSS: profile)

Posted: 17 Sep 2015 10:27:13PM in Wug
Last edited: 17 Sep 2015 10:58:53PM
1
/*************************************************************************/
2
/* profile css by cy @ toyhou.se                                         */
3
/*************************************************************************/
4
/* bulletins */
5
6
.forum-thread-header a
7
{
8
    color: #64a6a8;
9
}
10
.forum-thread-header a:hover
11
{
12
    color: #f92269;
13
}
14
.forum-thread-header img
15
{
16
    border-radius: 3px;
17
}
18
.forum-thread-header 
19
{
20
    padding-left: 30px;
21
    padding-right: 30px;
22
    padding-top: 30px;
23
    padding-bottom: 30px;
24
    margin-bottom: 15px;
25
    background-color: #335c68;
26
    color: #64a6a8;
27
    width: 100%;
28
    border-radius: 3px;
29
}
30
.bulletin-post
31
{
32
    text-align: justify;
33
    color: #335c68;
34
    text-transform: none;
35
    font-weight: normal;
36
    font-size: 11pt;
37
}
38
.bulletin-caption
39
{
40
    color: #f7f7e7;
41
}
42
abbr
43
{
44
    color: #c4efd6;
45
    border-bottom-color: #64a6a8 !important;
46
    border-bottom-style: dashed !important;
47
}
48
49
/*************************************************************************/
50
/* characters gallery */
51
52
.sub-nav
53
{
54
    border-bottom: 1px dashed #f92269;
55
    padding-top: 30px;
56
    padding-bottom: 30px;
57
}
58
.sub-nav dt
59
{
60
    float: left;
61
    font-weight: bold;
62
    color: #335c68;
63
}
64
.sub-nav dd
65
{
66
    float: right;
67
    text-align: right;
68
    color: #64a6a8;
69
}
70
.sub-nav dd a, 
71
{
72
    color: #64a6a8;
73
}
74
.sub-nav dd a:hover, 
75
ul.pagination li a:hover
76
{
77
    color: #c4efd6;
78
    background-color: transparent;
79
}
80
.sub-nav dt.active a, 
81
.sub-nav dd.active a, 
82
.sub-nav li.active a, 
83
ul.pagination li.current a,
84
button, .button,
85
button.secondary, .button.secondary
86
{
87
    background: none repeat scroll 0% 0% #335c68;
88
    /*border-radius: 0 !important;*/
89
    border: 1px dashed #64a6a8 !important; 
90
    color: #c4efd6;
91
}
92
93
.sub-nav dt.active a:hover, 
94
.sub-nav dd.active a:hover,
95
.sub-nav li.active a:hover,  
96
ul.pagination li.current a:hover,
97
.button:hover,
98
button.secondary:hover, .button.secondary:hover
99
{
100
    background: none repeat scroll 0% 0% #64a6a8;
101
    color: #c4efd6;
102
}
103
104
ul.pagination li a
105
{
106
    background: none repeat scroll 0% 0% #64a6a8;
107
    border: 0 !important;
108
    background-color: transparent;
109
    color: #64a6a8;
110
}
111
112
/*************************************************************************/
113
/* content */
114
115
#main
116
{
117
    background-color: #f7f7e7;
118
}
119
120
blockquote
121
{
122
    background-color: transparent;
123
    color: #335c68;
124
    border-left: 5px solid #64a6a8;
125
    padding-top: 10px;
126
    padding-bottom: 10px;
127
}
128
.stuff
129
{
130
    font-family: "Lucida Grande",arial,Georgia,verdana,sans-serif !important;
131
    /*width: 60%;*/
132
    text-align: justified;
133
    padding-bottom: 30px;
134
    color: #335c68;
135
}
136
.stuff hr
137
{
138
    margin-bottom: 10px !important;
139
    border-style: dashed;
140
    border-color: #f92269;
141
    margin-top: 5px !important;
142
}
143
.stuff a
144
{
145
    color: #64a6a8;
146
}
147
.stuff a:hover
148
{
149
    color: #c4efd6;
150
}
151
.stuff h1, .stuff h2, .stuff h3, .stuff h4, .stuff h5
152
{
153
    color: #64a6a8;
154
}
155
#content
156
{
157
    font-family: "Lucida Grande",arial,Georgia,verdana,sans-serif !important;
158
    width: 50%;
159
    float: left;
160
    padding-left: 30px;
161
    padding-top: 50px;
162
    padding-bottom: 50px;
163
    color: #335c68;
164
}
165
166
/*************************************************************************/
167
/* panels */
168
169
.panel
170
{
171
    font-family: "Lucida Grande",arial,Georgia,verdana,sans-serif !important;
172
    font-size: 12px;
173
    text-transform: uppercase;
174
    font-weight: 700;
175
    line-height 18px;
176
    padding: 0px;
177
    background-color: transparent;
178
    border: 0px;
179
    color: #64a6a8;
180
}
181
.panel hr
182
{
183
    margin-bottom: 10px !important;
184
    border-style: dashed;
185
    border-color: #f92269;
186
    margin-top: 5px !important;
187
}
188
.th, .th.radius, .thumb
189
{
190
    border: 0px;
191
    padding: 5px;
192
    border-radius: 3px;
193
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
194
}
195
196
/*************************************************************************/
197
/* sidebar */
198
199
#sidebar
200
{
201
    font-family: "Lucida Grande",arial,Georgia,verdana,sans-serif !important;
202
    text-align: right;
203
    width: 30%;
204
    padding-top: 100px;
205
    padding-bottom: 100px;
206
    padding-right: 20px;
207
    background-color: #335c68;
208
}
209
#sidebar a
210
{
211
    color: #64a6a8;
212
}
213
#sidebar a:hover
214
{
215
    color: #f92269;
216
    background-color: transparent;
217
}
218
.side-nav
219
{
220
    padding-left: 40%;
221
}
222
.side-nav .header
223
{
224
    height: 150px;
225
    width: 150px;
226
    background-image: url('http://i.imgur.com/OcWG3Dh.jpg');
227
    border-bottom-left-radius: 50%;
228
    border-top-left-radius: 50%;
229
    border-bottom-right-radius: 3px;
230
    border-top-right-radius: 3px;
231
    font-size: 0px;
232
    float: right;
233
    clear: both;
234
    margin-right: 10px;
235
}
236
.side-nav .display-user
237
{
238
    text-align: right;
239
    font-size: 3em;
240
    float: right;
241
    clear: both;
242
    color: #c4efd6 !important;
243
}
244
.side-nav .display-user img, .side-nav li.divider
245
{
246
    display: none;
247
}
248
.side-nav li.blurb
249
{
250
    float: right;
251
    clear: both;
252
    color: #f7f7e7;
253
    text-align: right;
254
}
255
.side-nav li.blurb hr
256
{
257
    border-style: dashed;
258
    border-color:  #c4efd6;
259
    margin-top: 5px;
260
}
261
.side-nav li a
262
{
263
    float: right;
264
    clear: both;
265
    padding-right: 30px;
266
267
}
268
#sidebar li.active
269
{
270
    color: #c4efd6;
271
    background-color: #64a6a8;
272
}
273
274
/*************************************************************************/
275
/* hiding */
276
277
#header, #footer, .profiler, .label{ display: none; }