1. ?#profile-container {
2. display: block;
3. height: 100%;
4. width: 100%;
5. padding-bottom: 0px !important;
6. margin: auto;
7. overflow: hidden;
8. }
9. #profileContainer{
10.     font-size: 12px;
11.     font-family: Verdana,Helvetica,Arial,sans-serif;
12.     position: relative;
13.     margin: 0 auto;
14.     height: 100% !important;
15.     overflow: hidden;
16.     color: #ccc;
17.     width: 100% !important;
18. }
19.  
20. #scroller {
21.     padding: .1px .1px;
22.     display: block;
23.     width: 100%;
24.     height: 100%;
25.     box-sizing: border-box;
26.     overflow: hidden !important;
27. }
28. .contain {
29. position: relative;
30. width: 100%;
31. height: 100%;
32. background: url(https://www.transparenttextures.com/patterns/always-grey.png);
33.  
34. }
35.  
36. @font-face {
37. font-family: basic;
38. src:url(https://dl.dropboxusercontent.com/u/62876172/basictitlefont.ttf);
39. }
40. @font-face {
41. font-family: at;
42. src: url(https://dl.dropbox.com/s/ps0akfxgnxt6ekw/Peinture%20Fraiche.ttf);
43. }
44. a:link, a:visited, a:active{
45. color: inherit;
46. text-decoration: none;
47. -moz-transition: 0.5s;
48. -webkit-transition: 0.5s;
49. -o-transition: 0.5s;
50. }
51. .links {
52. display: inline-block;
53. position: relative;
54. }
55. .links:after {
56. display: block;
57. content: "";
58. margin: auto;
59. margin-top: -6px;
60. width: 0;
61. background: transparent;
62. border-bottom: 1px solid transparent;
63. -moz-transition: 0.5s;
64. -webkit-transition: 0.5s;
65. -o-transition: 0.5s;
66. }
67. .links:hover:after {
68. width: 100%;
69. border-bottom: 1px solid #FE535A;
70. }
71. #profile-container {
72. width: 100%;
73. height: 100%;
74. background: #333;
75. overflow: hidden;
76. }
77.  
78. #bar {
79. position: absolute;
80. left: -1px;
81. top: 210px;
82. width: 101%;
83. height: 200px;
84. background-image: url(http://i.imgur.com/cnVfjf8.png);
85. }
86. #pic {
87. position: fixed;
88. right: -140px; top: 0;
89. height: 100%; width: 500px;
90. background: url(holder) bottom left no-repeat;
91. background-size: 75%;
92. z-index: 1;
93. }
94. #box {
95. position: absolute;
96. top: 140px; left: 0;
97. width: 450px; height: 300px;
98. background: url(http://i.imgur.com/cnVfjf8.png);
99. }
100. .box {
101. position: absolute;
102. top: 10px; left: 10px;
103. width: 430px; height: 280px;
104. background: rgba(255,255,255,.8);
105. }
106. .boxx {
107. position: absolute;
108. top: 10px; left: 10px;
109. width: 410px; height: 260px;
110. }
111. /*RULEZZZ*/
112. .rules {
113. position: relative;
114. top: 5px;
115. text-align: justify;
116. font-family: tahoma;
117. font-size: 10px;
118. color: #000;
119. letter-spacing: -.5px;
120. line-height: 8px;
121. display: none;
122. }
123. .ybut {
124. position: relative;
125. top: 12px;
126. margin: 0 auto;
127. width: 100px;
128. text-align: center;
129. border: 1px solid #000;
130. font-family: basic;
131. color: #000;
132. font-size: 30px;
133. padding-top: 13px;
134. padding-bottom: 5px;
135. -moz-transition: 0.5s;
136. -webkit-transition: 0.5s;
137. -o-transition: 0.5s;
138. }
139. .ybut:hover {
140. color: #fff;
141. box-shadow: inset 100px 0 #000;
142. }
143. h1 {
144. font-family: basic;
145. font-weight: 100;
146. font-size: 50px;
147. text-align: center;
148. letter-spacing: -2px;
149. padding: 10px 0;
150. margin-top: 25px;
151. margin-bottom: 10px;
152. }
153. /*YES*/
154. .pic {
155. position: absolute;
156. top: 0; left: 0;
157. height: 258px; width: 100px;
158. background: url(https://i.imgur.com/qEp8Flu.png) 50% 30%;
159. background-size: 250%;
160. border: 1px solid #d40003;
161. }
162. .name {
163. position: absolute;
164. bottom: -11px; right: 15px;
165. font-family: at;
166. color: #d40003;
167. font-size: 70px;
168. letter-spacing: -2px;
169. }
170. .boxxx {
171. position: absolute;
172. top: 0; right: 0;
173. width: 296px; height: 200px;
174. border: 1px solid #d40003;
175. }
176. .stat {
177. position: absolute;
178. top: 8%; left: 1%;
179. height: 60%; width: 98%;
180. }
181.  
182. table {
183. width: 100%; height: 100px;
184. border-spacing: 9px;
185. }
186. td {
187. width: 25%;
188. font-family: calibri;
189. color: #000;
190. font-size: 12px;
191. text-align: center;
192. }
193. .bold {
194. font-family: courier;
195. font-size: 10px;
196. padding-top: 1px;
197. color: #720000;
198. text-transform: uppercase;
199. text-align: center;
200. }
201. .trivia, .bio, .bro {
202. position: absolute;
203. top: 5%; left: 5%;
204. width: 90%; height: 90%;
205. font-family: calibri;
206. color: #000;
207. font-size: 12px;
208. line-height: 12px;
209. text-align: justify;
210. overflow: auto;
211. display: none;
212. }
213. .buttbox {
214. position: absolute;
215. bottom: 0; right: 205px;
216. height: 50px; width: 93px;
217. }
218. .one, .two, .three, .four {
219. position: relative;
220. top: 0px; left: -1px;
221. float: left;
222. margin-right: 1px;
223. height: 48px; width: 17.0px;
224. border: 2px solid #d40003;
225. }
226. .one {
227. background: #720000;
228. }
229. .two {
230. background: #AC0000;
231. }
232. .three {
233. background: #FE5359;
234. }
235. .four {
236. background: #FEBDBB;
237. }
238. #char1 {
239.   position: absolute;
240.   top: 0px;
241.   left: 100px;
242.   height: 80px;
243.   width: 80px;
244.   background: url(https://i.imgur.com/NhvwSVU.png);
245.   background-position: 9px -1px;
246.   background-size: 75%;
247.   background-repeat: no-repeat;
248.   border-radius: 100px 100px 100px 100px;
249.   border: 2px solid #d40003;
250.   z-index: 20;
251. }
252. #char2 {
253.   position: absolute;
254.   top: 0px;
255.   left: 192px;
256.   height: 80px;
257.   width: 80px;
258.   background: url(https://i.imgur.com/zTBWSlI.gif);
259.   background-position: 8px 0px;
260.   background-size: 75%;
261.   background-repeat: no-repeat;
262.   border-radius: 100px 100px 100px 100px;
263.   border: 2px solid #d40003;
264.   z-index: 20;
265. }
266. #char3 {
267.   position: absolute;
268.   top: 0px;
269.   left: 284px;
270.   height: 80px;
271.   width: 80px;
272.   background: url(https://i.imgur.com/hcS1y73.png?1);
273.   background-position: 9px 0px;
274.   background-size: 70%;
275.   background-repeat: no-repeat;
276.   border-radius: 100px 100px 100px 100px;
277.   border: 2px solid #d40003;
278.   z-index: 20;
279. }
280. #char4 {
281.   position: absolute;
282.   top: 100px;
283.   left: 100px;
284.   height: 80px;
285.   width: 80px;
286.   background: url(https://i.imgur.com/fNCsTwA.png);
287.   background-position: -5px 0px;
288.   background-size: 100%;
289.   background-repeat: no-repeat;
290.   border-radius: 100px 100px 100px 100px;
291.   border: 2px solid #d40003;
292.   z-index: 20;
293. }
294. #char5 {
295.   position: absolute;
296.   top: 100px;
297.   left: 192px;
298.   height: 80px;
299.   width: 80px;
300.   background: url(https://i.imgur.com/YoxxPvc.gif);
301.   background-position: 4px 1px;
302.   background-size: 93%;
303.   background-repeat: no-repeat;
304.   border-radius: 100px 100px 100px 100px;
305.   border: 2px solid #d40003;
306.   z-index: 20;
307. }
308. #char6 {
309.   position: absolute;
310.   top: 100px;
311.   left: 284px;
312.   height: 80px;
313.   width: 80px;
314.   background: url(https://i.imgur.com/sT8t9lg.gif);
315.   background-position: 8px -1px;
316.   background-size: 70%;
317.   background-repeat: no-repeat;
318.   border-radius: 100px 100px 100px 100px;
319.   border: 2px solid #d40003;
320.   z-index: 20;
321. }
322.