View difference between Paste ID: 25LCnx26 and ZYm8GDud
SHOW: | | - or go back to the newest paste.
1
Background
2
{
3
position:absolute;
4
top:0px;
5
left:0px;
6
width:100%;
7
height:100%;
8
background-color:#3D3D00;
9
}
10
#Menu, .gradient
11
{
12
overflow:hidden;
13
margin-bottom:8px;
14
margin-right:5px;
15
margin-left:20px;
16
margin-top:10px;
17
height:450px;
18
width:250px;
19
background-color:#fff;
20
display:block;
21
-webkit-box-shadow:  8px 6px 2px 8px rgba(0, 0, 0, 0.7);
22
box-shadow:  8px 6px 2px 8px rgba(0, 0, 0, 0.7);
23
float:left;
24
background: rgb(181,189,200);
25
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIyMSUiIHN0b3AtY29sb3I9IiNiNWJkYzgiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI2MyUiIHN0b3AtY29sb3I9IiM4MjhjOTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMjgzNDNiIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
26
background: -moz-linear-gradient(top,  rgba(181,189,200,1) 21%, rgba(130,140,149,1) 63%, rgba(40,52,59,1) 100%);
27
background: -webkit-gradient(linear, left top, left bottom, color-stop(21%,rgba(181,189,200,1)), color-stop(63%,rgba(130,140,149,1)), color-stop(100%,rgba(40,52,59,1)));
28
background: -webkit-linear-gradient(top,  rgba(181,189,200,1) 21%,rgba(130,140,149,1) 63%,rgba(40,52,59,1) 100%);
29
background: -o-linear-gradient(top,  rgba(181,189,200,1) 21%,rgba(130,140,149,1) 63%,rgba(40,52,59,1) 100%);
30
background: -ms-linear-gradient(top,  rgba(181,189,200,1) 21%,rgba(130,140,149,1) 63%,rgba(40,52,59,1) 100%);
31
background: linear-gradient(to bottom,  rgba(181,189,200,1) 21%,rgba(130,140,149,1) 63%,rgba(40,52,59,1) 100%);
32
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5bdc8', endColorstr='#28343b',GradientType=0 );
33
}
34
Dash
35
{
36
border-bottom: 2px dashed #999;
37
border-bottom-width: 1px;
38
border-bottom-style: dashed;
39
border-bottom-color: #999;
40
line-spacing: 0px;
41
width:100%;
42
}
43
.spread
44
{
45
letter-spacing:normal;
46
}
47
.spread:hover
48
{
49
letter-spacing:6px;
50
	-webkit-transition: all 0.5s ease-in-out;
51
	-moz-transition: all 0.5s ease-in-out;
52
    -ms-transition: all 0.5s ease-in-out;
53
    -o-transition: all 0.5s ease-in-out;
54
	transition: all 0.5s ease-in-out;
55
}
56
#a
57
{
58
display: block;
59
width: 75%;
60
height: 15px;
61
float: left;
62
opacity:1;
63
color: white;
64
font-size: 8px;
65
text-align: center;
66
border-bottom: 0px solid#B7DFC8;
67
border-bottom-width: 0px;
68
border-bottom-style: solid;
69
border-bottom-color: #B7DFC8;
70
padding-top: 5px;
71
padding-bottom: 5px;
72
font-family:times new roman;
73
}
74
#a:hover
75
{
76
-webkit-transition: all 0.5s ease-in-out;
77
-webkit-transition-property: all;
78
-webkit-transition-duration: 0.5s;
79
-webkit-transition-timing-function: ease-in-out;
80
-webkit-transition-delay: initial;
81
-moz-transition: all 0.5s ease-in-out;
82
-o-transition: all 0.5s ease-in-out;
83
-ms-transition: all 0.5s ease-in-out;
84
transition: all 0.5s ease-in-out;
85
width:100%;
86
text-decoration:underline;
87
}
88
fff, white
89
{
90
color:white;
91
}
92
f
93
{
94
color:#000;
95
}
96
small, #text_two
97
{
98
font-family:arial;
99
font-size:8px;
100
}
101
#Textbox, .gradient
102
{
103
padding:8px;
104
text-align:left;
105
Height:500px;
106
width:700px;
107
top:50px;
108
left:270px;
109
position:Absolute;
110
margin-bottom:25px;
111
margin-right:50px;
112
margin-left:10px;
113
margin-top:25px;
114
background-color:#fff;
115
-webkit-box-shadow:  2px 1px 0.3px 2px , 0.3);
116
box-shadow:  2px 1px 0.3px 2px , 0.3);
117
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
118
background: -moz-linear-gradient(-45deg,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
119
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0)));
120
background: -webkit-linear-gradient(-45deg,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
121
background: -o-linear-gradient(-45deg,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
122
background: -ms-linear-gradient(-45deg,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
123
background: linear-gradient(135deg,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
124
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );
125
}
126
h1, h2, h3, h4, h5, h6
127
{
128
font-weight:normal;
129
color:white;
130
font-family: 'La Belle Aurore';
131
text-align:center;
132
}
133
#clock, #message1
134
{
135
color:#fff;
136
font-family:'Lucida Console' Monaco monospace;
137
font-size:10px;
138
text-transform:uppercase;
139
text-decoration:underline;
140
text-align:center;
141
word-spacing:5px;
142-
}
142+
143
 footer#fixed-footer {
144
        color: black;
145
        border-top: 1px solid #000000;
146
        background-color: white;
147
        text-align: center;
148
        position:fixed;
149
        bottom: 0px;
150
        left: 0px;
151
        width: 100%;
152
        height: 20px;
153
        font-size:10px;
154
        text-align: center;
155
        line-height: 2em;
156
    }