SHARE
TWEET

Untitled

a guest May 26th, 2019 68 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. body{
  2. font-family:Arial, Helvetica, sans-serif;
  3. font-size: 10px;
  4. background:#fafafa url('https://i.pinimg.com/originals/58/3b/d8/583bd8be37d8feac9d85e450d8ed6555.png') repeat-x right top;
  5. background-size: contain;
  6. }
  7.  
  8. a:link, a:active, a:visited{
  9. color: #a0a0a0;
  10. font-style:italic;
  11. letter-spacing:1px;
  12. text-decoration: none;
  13. }
  14.  
  15. #profile-container{ background:none; }
  16. img{
  17. max-width:100%;
  18. }
  19.  
  20.  
  21.  
  22.  
  23. #center{
  24. left:50%;
  25. top:50%;
  26. margin:-300px 0 0 -400px;
  27. position:fixed;
  28. width:800px;
  29. height:600px;
  30. background: url('') repeat right top;
  31. overflow:hidden;
  32. }
  33.  
  34.  
  35. #boxone{
  36. margin:490px 0px 0px 0px;
  37. width:260px;
  38. height:110px;
  39. position:absolute;
  40. }
  41.  
  42. #boxtwo{
  43. margin:490px 0px 0px 270px;
  44. width:260px;
  45. height:110px;
  46. position:absolute;
  47. }
  48.  
  49. #boxthree{
  50. margin:490px 0px 0px 540px;
  51. width:260px;
  52. height:110px;
  53. position:absolute;
  54. }
  55.  
  56. #boxed, #boxed2, #boxed3 {
  57. width:250px;
  58. height:90px;
  59. padding:5px 5px 10px 5px;
  60. bottom:-3px;
  61. left:0;
  62. position:absolute;
  63. background:#2B1C33;
  64. z-index: 123456!important;
  65. display:block;
  66. }
  67.  
  68. #boxone:hover, #boxtwo:hover, #boxthree:hover{
  69. margin-top: 0;
  70. padding-top:490px;
  71. }
  72.  
  73. #boxone:hover #aboutone, #boxtwo:hover #abouttwo,#boxthree:hover #aboutthree{
  74. top:0px;
  75. }
  76.  
  77.  @font-face {font-family:neou; src:url('https://dl.dropboxusercontent.com/s/ggesu9cscg40a2p/neou-thin.ttf?dl=1'); format(“truetype”);}
  78.  
  79. #boxone h1, #boxtwo h1, #boxthree h1 {
  80. font:35px "neou";
  81. margin-top:20px;
  82. color:#ccc;
  83. text-transform:uppercase;
  84. letter-spacing:0px;
  85. text-align:center;
  86. }
  87.  
  88. #boxone p, #boxtwo p, #boxthree p{
  89. font:7px trebuchet ms;
  90. letter-spacing:2px;
  91. color:#ccc;
  92. text-transform:uppercase;
  93. text-align:center;
  94. margin-top:15px;
  95. margin-bottom:-20px;
  96. line-height:7px;
  97. }
  98.  
  99. .lineone{
  100. width:260px;
  101. height:1px;
  102. background-image:linear-gradient(to right,transparent,#f0ab66,#f0ab66,transparent);
  103. display:inline-block;
  104. margin-top:13px;
  105. margin-left:-5px;
  106. position:absolute;
  107. }
  108.  
  109. .linetwo{
  110. width:260px;
  111. height:1px;
  112. background-image:linear-gradient(to right,transparent,#f0ab66,#f0ab66,transparent);
  113. display:inline-block;
  114. margin-left:-5px;
  115. margin-top:13px;
  116. position:absolute;
  117. }
  118.  
  119. .linethree{
  120. width:260px;
  121. height:1px;
  122. background-image:linear-gradient(to right,transparent,#f0ab66,#f0ab66,transparent);
  123. display:inline-block;
  124. margin-top:13px;
  125. margin-left:-5px;
  126. position:absolute;
  127. }
  128.  
  129. @font-face {
  130. font-family: "motor oil";
  131. src: url('http://static.tumblr.com/1f1tzta/9Rcmhm0yl/motor_oil_1937_m54.ttf');
  132. }  
  133.  
  134. .letter, .letter2, .letter3 {
  135. font-size:40px;
  136. position:absolute;
  137. z-index:1;
  138. color:#181528;
  139. top:-9px;
  140. margin-left:2px;
  141. opacity: .2;
  142. -webkit-transition: all 0.7s ease-in-out;
  143. -moz-transition: all 0.7s ease-in-out;
  144. -o-transition: all 0.7s ease-in-out;
  145. -ms-transition: all 0.7s ease-in-out;
  146. transition: all 0.7s ease-in-out;
  147.  
  148. }
  149.  
  150. #letter:hover{
  151.   opacity: .5;
  152.   -webkit-transition: all 0.7s ease-in-out;
  153. -moz-transition: all 0.7s ease-in-out;
  154. -o-transition: all 0.7s ease-in-out;
  155. -ms-transition: all 0.7s ease-in-out;
  156. transition: all 0.7s ease-in-out;
  157. }
  158.  
  159.  
  160. .initialsone {
  161. width: 50px;
  162. height: 0px;
  163. padding:15px 0;
  164. position: relative;
  165. color:#fff;
  166. background: #f0ab66;
  167. margin:0 auto;
  168. }
  169.  
  170. .initialsone:before {
  171. content: "";
  172. position: absolute;
  173. top: -10px;
  174. left: 0;
  175. width: 0;
  176. height: 0;
  177. border-left: 25px solid transparent;
  178. border-right: 25px solid transparent;
  179. border-bottom: 10px solid #f0ab66;
  180. }
  181.  
  182. .initialsone:after {
  183. content: "";
  184. position: absolute;
  185. bottom: -10px;
  186. left: 0;
  187. width: 0;
  188. height: 0;
  189. border-left: 25px solid transparent;
  190. border-right: 25px solid transparent;
  191. border-top: 10px solid #f0ab66;
  192. }
  193.  
  194. .initialstwo {
  195. width: 50px;
  196. height: 0px;
  197. padding:15px 0;
  198. position: relative;
  199. color:#fff;
  200. background: #f0ab66;
  201. margin:0 auto;
  202. }
  203.  
  204. .initialstwo:before {
  205. content: "";
  206. position: absolute;
  207. top: -10px;
  208. left: 0;
  209. width: 0;
  210. height: 0;
  211. border-left: 25px solid transparent;
  212. border-right: 25px solid transparent;
  213. border-bottom: 10px solid #f0ab66;
  214. }
  215.  
  216. .initialstwo:after {
  217. content: "";
  218. position: absolute;
  219. bottom: -10px;
  220. left: 0;
  221. width: 0;
  222. height: 0;
  223. border-left: 25px solid transparent;
  224. border-right: 25px solid transparent;
  225. border-top: 10px solid #f0ab66;
  226. }
  227.  
  228. .initialsthree {
  229. width: 50px;
  230. height: 0px;
  231. padding:15px 0;
  232. position: relative;
  233. color:#fff;
  234. background: #f0ab66;
  235. margin:0 auto;
  236. }
  237.  
  238. .initialsthree:before {
  239. content: "";
  240. position: absolute;
  241. top: -10px;
  242. left: 0;
  243. width: 0;
  244. height: 0;
  245. border-left: 25px solid transparent;
  246. border-right: 25px solid transparent;
  247. border-bottom: 10px solid #f0ab66;
  248. }
  249.  
  250. .initialsthree:after {
  251. content: "";
  252. position: absolute;
  253. bottom: -10px;
  254. left: 0;
  255. width: 0;
  256. height: 0;
  257. border-left: 25px solid transparent;
  258. border-right: 25px solid transparent;
  259. border-top: 10px solid #f0ab66;
  260. }
  261.  
  262. #aboutone{
  263. width:238px;
  264. height:465px;
  265. background:#2B1C33;
  266. padding:10px;
  267. position:absolute;
  268. top:500px;
  269. color:#CBCBCB;
  270. line-height:17px !important;
  271. font:11px calibri;
  272. overflow:hidden;
  273. border: solid .5px #f0ab66;
  274. }
  275. @font-face {font-family: "vdj";src: url('https://dl.dropboxusercontent.com/s/vn84aq1yx6s7jti/vdj.ttf?dl=1'); format("truetype");}
  276.  
  277.  
  278. #abouttwo{
  279. width:238px;
  280. height:465px;
  281. background:#2B1C33;
  282. color:#fff;
  283. padding:10px;
  284. position:absolute;
  285. top:500px;
  286. overflow:hidden;
  287. font:7px trebuchet ms;
  288. border: solid .5px #f0ab66;
  289.  
  290. }
  291.  
  292. #aboutthree{
  293. width:238px;
  294. height:465px;
  295. background:#2B1C33;
  296. color:#CBCBCB;
  297. padding:10px;
  298. position:absolute;
  299. top:500px;
  300. overflow:hidden;
  301. font:7px trebuchet ms;
  302. text-align: justify;
  303. text-transform: uppercase;
  304. letter-spacing:1px;
  305. border: solid .5px #f0ab66;
  306.  
  307. }
  308.  
  309. .clear{
  310. width:235px;
  311. border:1px solid #f0ab66;
  312. background: #2B1C33 url('http://static1.squarespace.com/static/59a21ce68fd4d26e0437553f/59a21fa0ff7c506488d47cd5/59f3d871c83025bbacf9c350/1509153429595/illustration-skylines-feature.gif') right;
  313. background-size:cover;
  314. opacity: ;
  315. float:left;
  316. -moz-transform: scaleX(-1);
  317.     -webkit-transform: scaleX(-1);
  318.     -o-transform: scaleX(-1);
  319.     transform: scaleX(-1);
  320.     -ms-filter: fliph; /*IE*/
  321.     filter: fliph; /*IE*/
  322. }
  323. .clear img{width:240px;
  324. opacity:.6;}
  325.  
  326. .transition{
  327. -webkit-transition: all 0.7s ease-in-out;
  328. -moz-transition: all 0.7s ease-in-out;
  329. -o-transition: all 0.7s ease-in-out;
  330. -ms-transition: all 0.7s ease-in-out;
  331. transition: all 0.7s ease-in-out;
  332. }
  333.  
  334.  
  335. span{float:left;}
  336. #abouttwo p, #aboutone p {
  337.   padding-left:25px;
  338.   padding-right:25px;
  339.   letter-spacing: .5px;
  340. color:#CBCBCB;
  341. padding-top:3px;
  342. padding-bottom:3px;
  343. text-align:right;
  344. text-transform:uppercase;
  345. }
  346.  
  347. h2{
  348. font-size:10px;
  349. font-weight:bold;
  350. font-style:italic;
  351. text-transform:uppercase;
  352. text-align:center!important;
  353. margin-bottom:5px!important;
  354. padding-bottom:10px!important;
  355. padding-top:20px;
  356. border-bottom:1px dotted #ccc!important;
  357. color:#CBCBCB;
  358. width:80%!important;
  359. margin-left:10%!important;
  360. }
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top