View difference between Paste ID: YAsg1VVj and V2DVwGLX
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
}