SHOW:
|
|
- or go back to the newest paste.
1 | - | CSS: |
1 | + | .text { |
2 | color:#666; | |
3 | -moz-border-radius: 7px; | |
4 | - | .text { |
4 | + | -webkit-border-radius: 7px; |
5 | - | color:#666; |
5 | + | margin:5px 0px 10px 0px; |
6 | - | -moz-border-radius: 7px; -webkit-border-radius: 7px; |
6 | + | padding:10px; |
7 | - | margin:5px 0px 10px 0px; |
7 | + | width:300px; |
8 | - | padding:10px; |
8 | + | border:#999 1px solid; |
9 | - | width:300px; |
9 | + | font-family:"font-family: Century Gothic, sans-serif; Unicode", "Lucida Grande", sans-serif; |
10 | - | border:#999 1px solid; |
10 | + | transition: all 0.25s ease-in-out; |
11 | - | font-family:"font-family: Century Gothic, sans-serif; Unicode", "Lucida Grande", sans-serif; |
11 | + | -webkit-transition: all 0.25s ease-in-out; |
12 | - | transition: all 0.25s ease-in-out; |
12 | + | -moz-transition: all 0.25s ease-in-out; |
13 | - | -webkit-transition: all 0.25s ease-in-out; |
13 | + | box-shadow: 0 0 5px rgba(81, 203, 238, 0); |
14 | - | -moz-transition: all 0.25s ease-in-out; |
14 | + | -webkit-box-shadow: 0 0 5px rgba(81, 203, 238, 0); |
15 | - | box-shadow: 0 0 5px rgba(81, 203, 238, 0); |
15 | + | -moz-box-shadow: 0 0 5px rgba(81, 203, 238, 0); |
16 | - | -webkit-box-shadow: 0 0 5px rgba(81, 203, 238, 0); |
16 | + | } |
17 | - | -moz-box-shadow: 0 0 5px rgba(81, 203, 238, 0); |
17 | + | .text:focus { |
18 | - | } |
18 | + | color:#000; |
19 | - | .text:focus { |
19 | + | outline:none; |
20 | - | color:#000; |
20 | + | border:#347235 1px solid; |
21 | - | outline:none; |
21 | + | font-family:"font-family: Century Gothic, sans-serif; Unicode", "Lucida Grande", sans-serif; |
22 | - | border:#347235 1px solid; |
22 | + | box-shadow: 0 0 5px rgba(81, 203, 238, 1); |
23 | - | font-family:"font-family: Century Gothic, sans-serif; Unicode", "Lucida Grande", sans-serif; |
23 | + | -webkit-box-shadow: 0 0 5px rgba(81, 203, 238, 1); |
24 | - | box-shadow: 0 0 5px rgba(81, 203, 238, 1); |
24 | + | -moz-box-shadow: 0 0 5px rgba(81, 203, 238, 1); |
25 | - | -webkit-box-shadow: 0 0 5px rgba(81, 203, 238, 1); |
25 | + | } |
26 | - | -moz-box-shadow: 0 0 5px rgba(81, 203, 238, 1); |
26 | + | .defaultText { |
27 | - | } |
27 | + | width: 300px; |
28 | - | .defaultText { |
28 | + | } |
29 | - | width: 300px; |
29 | + | .defaultTextActive { |
30 | - | } |
30 | + | color: #a1a1a1; |
31 | - | .defaultTextActive { |
31 | + | font-style: italic; |
32 | - | color: #a1a1a1; |
32 | + | } |
33 | - | font-style: italic; |
33 | + | .welcome1 { |
34 | - | } |
34 | + | font-weight:100; |
35 | - | .welcome1 { |
35 | + | font-family:Script MT Bold, Comic Sans MS; |
36 | line-height:.9em; | |
37 | - | font-weight:100; |
37 | + | color:white; |
38 | - | font-family:Script MT Bold, Comic Sans MS; |
38 | + | font-size:1.5em; |
39 | - | line-height:.9em; |
39 | + | text-decoration:none; |
40 | - | color:white; |
40 | + | text-shadow:0 1px 0 rgba(143,181,200,.7),0 0 6px rgba(143,181,200,1),0 0 30px rgba(143,181,200,.7); |
41 | - | font-size:1.5em; |
41 | + | filter: progid:DXImageTransform.Microsoft.Blur(pixelradius=2); |
42 | - | text-decoration:none; |
42 | + | outline:none; |
43 | - | text-shadow:0 1px 0 rgba(143,181,200,.7),0 0 6px rgba(143,181,200,1),0 0 30px rgba(143,181,200,.7); |
43 | + | } |
44 | - | filter: progid:DXImageTransform.Microsoft.Blur(pixelradius=2); |
44 | + | #container { |
45 | - | outline:none; |
45 | + | margin: 0 auto; |
46 | - | } |
46 | + | width:950px; |
47 | - | #container { |
47 | + | } |
48 | - | overflow:auto; |
48 | + | #userBack { |
49 | - | margin: 0 auto; |
49 | + | margin: 0 auto; |
50 | - | min-height: 100%; |
50 | + | margin-top:36px; |
51 | - | width:950px; |
51 | + | margin-bottom:50px; |
52 | - | } |
52 | + | min-height: 100%; |
53 | - | #userBack { |
53 | + | width:875px; |
54 | - | overflow:auto; |
54 | + | background: #fff; |
55 | - | margin: 0 auto; |
55 | + | border-left:0.08em solid #347235; |
56 | - | margin-top:36px; |
56 | + | border-right:0.08em solid #347235; |
57 | - | margin-bottom:50px; |
57 | + | } |
58 | - | min-height: 100%; |
58 | + | #regBack { |
59 | - | width:875px; |
59 | + | margin: 0 auto; |
60 | - | background: #fff; |
60 | + | margin-top:37px; |
61 | - | border-left:0.08em solid #347235; |
61 | + | min-height: 100%; |
62 | - | border-right:0.08em solid #347235; |
62 | + | width:875px; |
63 | - | } |
63 | + | -moz-box-shadow: 0 30 30px 5px #999; |
64 | - | #regBack { |
64 | + | -webkit-box-shadow: 30 0 30px 5px #999; |
65 | - | margin: 0 auto; |
65 | + | -o-box-shadow: 0 30 30px 5px #999; |
66 | - | margin-top:37px; |
66 | + | border:1px solid black; |
67 | - | min-height: 100%; |
67 | + | border-top-style:none; |
68 | - | width:875px; |
68 | + | background-color:white; |
69 | - | -moz-box-shadow: 0 30 30px 5px #999; |
69 | + | } |
70 | - | -webkit-box-shadow: 30 0 30px 5px #999; |
70 | + | #nologin { |
71 | - | -o-box-shadow: 0 30 30px 5px #999; |
71 | + | overflow:hidden; |
72 | - | border:1px solid black; |
72 | + | margin:27 auto; |
73 | - | border-top-style:none; |
73 | + | top:37px; |
74 | - | background-color:white; |
74 | + | } |
75 | - | } |
75 | + | #welcome { |
76 | - | #nologin { |
76 | + | margin-top:220px; |
77 | - | overflow:hidden; |
77 | + | margin-left:5px; |
78 | - | margin:27 auto; |
78 | + | } |
79 | - | top:37px; |
79 | + | #login { |
80 | - | } |
80 | + | margin-top:50px; |
81 | - | #welcome { |
81 | + | margin-left:5px; |
82 | - | margin-top:220px; |
82 | + | } |
83 | - | margin-left:5px; |
83 | + | #register { |
84 | - | } |
84 | + | margin-top:-150px; |
85 | - | #login { |
85 | + | margin-left:605px; |
86 | - | margin-top:50px; |
86 | + | } |
87 | - | margin-left:5px; |
87 | + | |
88 | - | } |
88 | + | .buttonG { |
89 | - | #register { |
89 | + | border-top: 1px solid #96d1f8; |
90 | - | margin-top:-150px; |
90 | + | background: #216b0f; |
91 | - | margin-left:605px; |
91 | + | background: -webkit-gradient(linear, left top, left bottom, from(#4e9c3e), to(#216b0f)); |
92 | - | } |
92 | + | background: -webkit-linear-gradient(top, #4e9c3e, #216b0f); |
93 | background: -moz-linear-gradient(top, #4e9c3e, #216b0f); | |
94 | - | .buttonG { |
94 | + | background: -ms-linear-gradient(top, #4e9c3e, #216b0f); |
95 | - | border-top: 1px solid #96d1f8; |
95 | + | background: -o-linear-gradient(top, #4e9c3e, #216b0f); |
96 | - | background: #216b0f; |
96 | + | padding: 10.5px 21px; |
97 | - | background: -webkit-gradient(linear, left top, left bottom, from(#4e9c3e), to(#216b0f)); |
97 | + | -webkit-border-radius: 5px; |
98 | - | background: -webkit-linear-gradient(top, #4e9c3e, #216b0f); |
98 | + | -moz-border-radius: 5px; |
99 | - | background: -moz-linear-gradient(top, #4e9c3e, #216b0f); |
99 | + | border-radius: 5px; |
100 | - | background: -ms-linear-gradient(top, #4e9c3e, #216b0f); |
100 | + | -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0; |
101 | - | background: -o-linear-gradient(top, #4e9c3e, #216b0f); |
101 | + | -moz-box-shadow: rgba(0,0,0,1) 0 1px 0; |
102 | - | padding: 10.5px 21px; |
102 | + | box-shadow: rgba(0,0,0,1) 0 1px 0; |
103 | - | -webkit-border-radius: 5px; |
103 | + | text-shadow: rgba(0,0,0,.4) 0 1px 0; |
104 | - | -moz-border-radius: 5px; |
104 | + | color: white; |
105 | - | border-radius: 5px; |
105 | + | font-size: 14px; |
106 | - | -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0; |
106 | + | font-family: Georgia, serif; |
107 | - | -moz-box-shadow: rgba(0,0,0,1) 0 1px 0; |
107 | + | text-decoration: none; |
108 | - | box-shadow: rgba(0,0,0,1) 0 1px 0; |
108 | + | vertical-align: middle; |
109 | - | text-shadow: rgba(0,0,0,.4) 0 1px 0; |
109 | + | } |
110 | - | color: white; |
110 | + | .buttonG:hover { |
111 | - | font-size: 14px; |
111 | + | border-top-color: #0c4700; |
112 | - | font-family: Georgia, serif; |
112 | + | background: #0c4700; |
113 | - | text-decoration: none; |
113 | + | color: #ccc; |
114 | - | vertical-align: middle; |
114 | + | } |
115 | - | } |
115 | + | .buttonG:active { |
116 | - | .buttonG:hover { |
116 | + | border-top-color: #517042; |
117 | - | border-top-color: #0c4700; |
117 | + | background: #517042; |
118 | - | background: #0c4700; |
118 | + | } |
119 | - | color: #ccc; |
119 | + | #bottomlinksHome { |
120 | - | } |
120 | + | margin-top:200px; |
121 | - | .buttonG:active { |
121 | + | text-align:center; |
122 | - | border-top-color: #517042; |
122 | + | } |
123 | - | background: #517042; |
123 | + | #bottomlinks { |
124 | - | } |
124 | + | top:100%; |
125 | - | #bottomlinksHome { |
125 | + | text-align:center; |
126 | - | margin-top:200px; |
126 | + | } |
127 | - | text-align:center; |
127 | + | #SignUp { |
128 | - | } |
128 | + | margin-left:40px; |
129 | - | #bottomlinks { |
129 | + | margin-top:20px; |
130 | - | top:100%; |
130 | + | width:600px; |
131 | - | text-align:center; |
131 | + | } |
132 | - | } |
132 | + | #line { |
133 | - | #SignUp { |
133 | + | |
134 | - | margin-left:40px; |
134 | + | margin-top:5px; |
135 | - | margin-top:20px; |
135 | + | background:#347235; |
136 | - | width:600px; |
136 | + | height:2px; |
137 | - | } |
137 | + | width:100%; |
138 | - | #line { |
138 | + | } |
139 | - | margin-top:5px; |
139 | + | #profpic { |
140 | - | background:#347235; |
140 | + | width:110px; |
141 | - | height:2px; |
141 | + | height:100px; |
142 | - | width:100%; |
142 | + | border:1px solid black; |
143 | - | } |
143 | + | } |
144 | - | #profpic { |
144 | + | #indexFirst { |
145 | - | width:110px; |
145 | + | min-height:100px; |
146 | - | height:100px; |
146 | + | background-color: #eee; |
147 | - | border:1px solid black; |
147 | + | padding:20px; |
148 | - | } |
148 | + | border-bottom:0.15em solid rgb(229,229,229); |
149 | - | #indexFirst { |
149 | + | } |
150 | - | min-height:100px; |
150 | + | #textContainer { |
151 | - | background-color: #eee; |
151 | + | -moz-box-shadow: 0 30 30px 5px #000; |
152 | - | padding:20px; |
152 | + | -webkit-box-shadow: 30 0 30px 5px #000; |
153 | - | border-bottom:0.15em solid rgb(229,229,229); |
153 | + | -o-box-shadow: 0 30 30px 5px #000; |
154 | - | } |
154 | + | } |
155 | - | #textContainer { |
155 | + | #contentContainer { |
156 | - | -moz-box-shadow: 0 30 30px 5px #000; |
156 | + | float:left; |
157 | - | -webkit-box-shadow: 30 0 30px 5px #000; |
157 | + | width:100%; |
158 | - | -o-box-shadow: 0 30 30px 5px #000; |
158 | + | background:red; |
159 | - | } |
159 | + | position:relative; |
160 | - | #contentContainer { |
160 | + | right:40%; |
161 | - | width:100%; |
161 | + | } |
162 | - | min-height:100%; |
162 | + | #contentContainer3 { |
163 | - | } |
163 | + | float:left; |
164 | - | #links { |
164 | + | width:100%; |
165 | - | float: left; |
165 | + | background:green; |
166 | - | width: 123px; /* LC width */ |
166 | + | overflow:hidden; |
167 | - | padding-left:20px; |
167 | + | position:relative; |
168 | - | border-right:0.12em solid rgb(229,229,229); |
168 | + | } |
169 | - | font-family: Comic Sans MS; |
169 | + | #contentContainer2 { |
170 | - | color: #027112; |
170 | + | float:left; |
171 | - | } |
171 | + | width:100%; |
172 | - | #news { |
172 | + | background:yellow; |
173 | - | min-height:100%; |
173 | + | position:relative; |
174 | - | width: 470px; /* Center width */ |
174 | + | right:30%; |
175 | - | padding-left:10px; |
175 | + | } |
176 | - | margin-left:-1px; |
176 | + | #links { |
177 | - | float:left; |
177 | + | float: left; |
178 | - | border-left:0.12em solid rgb(229,229,229); |
178 | + | width:30%; |
179 | - | border-right:0.12em solid rgb(229,229,229); |
179 | + | font-family: Comic Sans MS; |
180 | - | } |
180 | + | color: #027112; |
181 | - | #userStats { |
181 | + | position:relative; |
182 | - | background:white; |
182 | + | left:70%; |
183 | - | width: 200px; /* RC width */ |
183 | + | } |
184 | - | padding-left:10px; |
184 | + | #news { |
185 | - | margin-left:-1px; |
185 | + | float:left; |
186 | - | border-left:0.12em solid rgb(229,229,229); |
186 | + | width:40%; |
187 | - | float:left; |
187 | + | position:relative; |
188 | - | |
188 | + | left:70%; |
189 | - | } |
189 | + | } |
190 | - | #helpdiv{ |
190 | + | #userStats { |
191 | - | position: absolute; |
191 | + | width: 200px; /* RC width */ |
192 | - | top: 40px; left: 360px; /* place it where you want */ |
192 | + | float:left; |
193 | - | } |
193 | + | width:30%; |
194 | - | |
194 | + | position:relative; |
195 | - | #translucentbkg { |
195 | + | left:70%; |
196 | - | width: 250px; height: 100px; /* to match DIVs size */ |
196 | + | } |
197 | - | background-color: #2B60DE; /* the background */ |
197 | + | #helpdiv{ |
198 | - | filter:alpha(opacity=20); |
198 | + | position: absolute; |
199 | - | -moz-opacity:0.2; |
199 | + | top: 40px; left: 360px; /* place it where you want */ |
200 | - | opacity: 0.2; |
200 | + | } |
201 | - | -moz-border-radius-bottomleft:5px; |
201 | + | |
202 | - | -moz-border-radius-bottomright:5px; |
202 | + | #translucentbkg { |
203 | - | -moz-border-radius-topleft:5px; |
203 | + | width: 250px; height: 100px; /* to match DIVs size */ |
204 | - | -moz-border-radius-topright:5px; |
204 | + | background-color: #2B60DE; /* the background */ |
205 | - | -webkit-border-bottom-left-radius:5px; |
205 | + | filter:alpha(opacity=20); |
206 | - | -webkit-border-bottom-right-radius:5px; |
206 | + | -moz-opacity:0.2; |
207 | - | -webkit-border-top-left-radius:5px; |
207 | + | opacity: 0.2; |
208 | - | -webkit-border-top-right-radius:5px; |
208 | + | -moz-border-radius-bottomleft:5px; |
209 | - | border:2px solid white; |
209 | + | -moz-border-radius-bottomright:5px; |
210 | - | } |
210 | + | -moz-border-radius-topleft:5px; |
211 | - | |
211 | + | -moz-border-radius-topright:5px; |
212 | - | #opaquetext { |
212 | + | -webkit-border-bottom-left-radius:5px; |
213 | - | width: 250px; height: 100px; /* to match DIVs size */ |
213 | + | -webkit-border-bottom-right-radius:5px; |
214 | - | background-color: transparent; /* transparent background */ |
214 | + | -webkit-border-top-left-radius:5px; |
215 | - | position: absolute; /* absolute positioning */ |
215 | + | -webkit-border-top-right-radius:5px; |
216 | - | z-index: 2; /* place it over the other DIV */ |
216 | + | border:2px solid white; |
217 | - | -moz-border-radius-bottomleft:5px; |
217 | + | } |
218 | - | -moz-border-radius-bottomright:5px; |
218 | + | |
219 | - | -moz-border-radius-topleft:5px; |
219 | + | #opaquetext { |
220 | - | -moz-border-radius-topright:5px; |
220 | + | width: 250px; height: 100px; /* to match DIVs size */ |
221 | - | -webkit-border-bottom-left-radius:5px; |
221 | + | background-color: transparent; /* transparent background */ |
222 | - | -webkit-border-bottom-right-radius:5px; |
222 | + | position: absolute; /* absolute positioning */ |
223 | - | -webkit-border-top-left-radius:5px; |
223 | + | z-index: 2; /* place it over the other DIV */ |
224 | - | -webkit-border-top-right-radius:5px; |
224 | + | -moz-border-radius-bottomleft:5px; |
225 | - | } |
225 | + | -moz-border-radius-bottomright:5px; |
226 | - | |
226 | + | -moz-border-radius-topleft:5px; |
227 | - | .profSideLinks A:link { |
227 | + | -moz-border-radius-topright:5px; |
228 | - | display:inline-block; |
228 | + | -webkit-border-bottom-left-radius:5px; |
229 | - | text-decoration: none; |
229 | + | -webkit-border-bottom-right-radius:5px; |
230 | - | color: #00A0E3; |
230 | + | -webkit-border-top-left-radius:5px; |
231 | - | width:100%; |
231 | + | -webkit-border-top-right-radius:5px; |
232 | - | font-family: font-family: Century Gothic, sans-serif;; |
232 | + | } |
233 | - | } |
233 | + | |
234 | - | .profSideLinks A:visited { |
234 | + | .profSideLinks A:link { |
235 | - | display:inline-block; |
235 | + | display:inline-block; |
236 | - | text-decoration: none; |
236 | + | text-decoration: none; |
237 | - | color: #00A0E3; |
237 | + | color: #00A0E3; |
238 | - | width:100%; |
238 | + | width:100%; |
239 | - | font-family: font-family: Century Gothic, sans-serif;; |
239 | + | font-family: Century Gothic, sans-serif;; |
240 | - | } |
240 | + | } |
241 | - | .profSideLinks A:active { |
241 | + | .profSideLinks A:visited { |
242 | - | display:inline-block; |
242 | + | display:inline-block; |
243 | - | text-decoration: none; |
243 | + | text-decoration: none; |
244 | - | color: #00A0E3; |
244 | + | color: #00A0E3; |
245 | - | width:100%; |
245 | + | width:100%; |
246 | - | font-family: font-family: Century Gothic, sans-serif;; |
246 | + | font-family: Century Gothic, sans-serif;; |
247 | - | } |
247 | + | } |
248 | - | .profSideLinks A:hover { |
248 | + | .profSideLinks A:active { |
249 | - | display:inline-block; |
249 | + | display:inline-block; |
250 | - | text-decoration: none; |
250 | + | text-decoration: none; |
251 | - | color: #00A0E3; |
251 | + | color: #00A0E3; |
252 | - | background: #F4F1F1; |
252 | + | width:100%; |
253 | - | width:100%; |
253 | + | font-family: Century Gothic, sans-serif;; |
254 | - | font-family: font-family: Century Gothic, sans-serif;; |
254 | + | } |
255 | - | } |
255 | + | .profSideLinks A:hover { |
256 | - | .uiHeader h2{color:#1c2a47;font-size: 16px} |
256 | + | display:inline-block; |
257 | - | .uiHeader h2 a{color:#1c2a47} |
257 | + | text-decoration: none; |
258 | - | .uiHeader h3,.uiHeader h4{color:#333;font-size: 11px} |
258 | + | color: #00A0E3; |
259 | - | .uiHeader h5{color:#666;font-size: 11px} |
259 | + | background: #F4F1F1; |
260 | - | .uiHeaderTopBorder{border-top:1px solid #aaa;padding-top:.5em} |
260 | + | width:100%; |
261 | - | div.uiHeaderTopBorder{margin-left:0} |
261 | + | font-family: "Century Gothic", sans-serif;; |
262 | - | .uiHeaderNav{border-color:#eee;margin:8px 0 0 6px;padding:7px 6px 3px 5px} |
262 | + | } |
263 | - | .uiHeaderNav h4{color:gray} |
263 | + | .uiHeader h2{color:#1c2a47;font-size: 16px} |
264 | .uiHeader h2 a{color:#1c2a47} | |
265 | .uiHeader h3,.uiHeader h4{color:#333;font-size: 11px} | |
266 | .uiHeader h5{color:#666;font-size: 11px} | |
267 | .uiHeaderTopBorder{border-top:1px solid #aaa;padding-top:.5em} | |
268 | div.uiHeaderTopBorder{margin-left:0} | |
269 | .uiHeaderNav{border-color:#eee;margin:8px 0 0 6px;padding:7px 6px 3px 5px} | |
270 | .uiHeaderNav h4{color:gray} | |
271 | ||
272 | body { | |
273 | margin:0 auto; | |
274 | width:100%; | |
275 | } | |
276 | html { | |
277 | height:100%; | |
278 | } | |
279 | #footer { | |
280 | clear:both; | |
281 | border-top: 1px solid #eee; | |
282 | text-align:center; | |
283 | color:#556782 | |
284 | } | |
285 | .profSideLinks a { | |
286 | display: inline-block; | |
287 | } |