-
Notifications
You must be signed in to change notification settings - Fork 3
/
badass_style.css
117 lines (102 loc) · 2.76 KB
/
badass_style.css
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
html {
position: relative;
min-height: 100%;
}
body {
background:
radial-gradient(black 15%, transparent 16%) 0 0,
radial-gradient(black 15%, transparent 16%) 8px 8px,
radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 0 1px,
radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 8px 9px;
background-color:#282828;
background-size:16px 16px;
color: white;
text-align: center;
font-family: 'Audiowide';
margin-bottom: 10px; /* footer height */
}
#badass_heading {
font-size: 400%;
margin-bottom: 10px;
}
#badass_gamertag_container {
font-size: 320%;
text-shadow: 2px 2px 1px black;
margin: -40px 0px 85px 0px;
}
.badass_decoration {
height: 220px;
margin-bottom:-30px;
}
.badass_decoration#left {
margin-right:-40px;
}
.badass_decoration#right {
margin-left:-40px;
position:relative;
z-index: -1;
-moz-transform: scaleX(-1);
-o-transform: scaleX(-1);
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
filter: FlipH;
-ms-filter: "FlipH";
}
.badass_fast_animations {
-webkit-animation-duration: 0.2s;
-moz-animation-duration: 0.2s;
-ms-animation-duration: 0.2s;
-o-animation-duration: 0.2s;
}
#badass_button {
background-image: -webkit-linear-gradient(top, #ebebeb, #c2c2c2);
background-image: -moz-linear-gradient(top, #ebebeb, #c2c2c2);
background-image: -ms-linear-gradient(top, #ebebeb, #c2c2c2);
background-image: -o-linear-gradient(top, #ebebeb, #c2c2c2);
background-image: linear-gradient(to bottom, #ebebeb, #c2c2c2);
border-radius: 5px;
text-shadow: 2px 2px 1px #383838;
font-family: 'Audiowide';
color: #ffffff;
font-size: 120%;
padding: 5px 10px 5px 10px;
margin-bottom: 40px;
}
#badass_button:hover {
background-image: -webkit-linear-gradient(top, #adadad, #8f8f8f);
background-image: -moz-linear-gradient(top, #adadad, #8f8f8f);
background-image: -ms-linear-gradient(top, #adadad, #8f8f8f);
background-image: -o-linear-gradient(top, #adadad, #8f8f8f);
background-image: linear-gradient(to bottom, #adadad, #8f8f8f);
text-decoration: none;
}
#badass_announce {
margin-top: 40px;
}
#badass_horizontal_rule {
width: 50%;
border: 0;
height: 1px;
background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(255,255,255,255.75), rgba(0,0,0,0));
background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(255,255,255,255.75), rgba(0,0,0,0));
background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(255,255,255,255.75), rgba(0,0,0,0));
background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(255,255,255,255.75), rgba(0,0,0,0));
}
#badass_footer {
font-size: 75%;
color: #808080;
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 26px;
}
a:link {
color: #B3B3B3;
}
a:visited {
color: #8F8F8F;
}
div#badass_social_media {
margin-top: 25px;
}