Beeline

Cat

Aug 7th, 2015
244
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.75 KB | None | 0 0
  1. <style>
  2. .maintop, .leftnav, .profilename, .profilepages, .topbar, .defaultpic, .thumbnail, .gallery, .videos, .userinfo, .journal_entry, .profile_title, .likes_title, .dislikes_title, .music_title, .buttons1, .buttons2, .buttons3, .friends, .rate, .comment_title, .comments, .tagline, .menu2, .profilepages, .footer_links { display: none; }
  3.  
  4.  
  5. body, html { background-color: #0f1317;
  6. background-image: url('http://i.imgur.com/oGRN6KZ.png'),
  7. url('http://i.imgur.com/mrSmJWs.png');
  8. background-position: top left;
  9. background-repeat: no-repeat, repeat;
  10. background-attachment: fixed; position:absolute;
  11. }
  12. ::-webkit-scrollbar-thumb:vertical {
  13. background-color: #8f92af;
  14. border-radius: 0.0em;
  15. border: 1px solid #272525;
  16. height: 4px;
  17. width:6px;
  18. -webkit-box-shadow: inset 1px 1px 5px rgba(82,11,5,0.5);
  19. }
  20. ::-webkit-scrollbar {
  21. width: 8px;
  22. background-color: #131313;
  23. -webkit-box-shadow: inset 0 2px 5px rgba(218,144,108,0.6);
  24. border-bottom-right-radius: 0em;
  25. }
  26.  
  27. html, div {
  28. font-family: trebuchet MS;
  29. color: white;
  30. font-size: 12px;
  31. font-style: normal;
  32. }
  33. .main {
  34. background-color:;
  35. width: px;
  36. padding: 4px;
  37. top: 0px;
  38. left: 40px;
  39. width: 550px;
  40. height: 120px;
  41.  
  42.  
  43. }
  44. .portlink:link, .portlink:visited, .portlink:active{
  45. color: #7d8181;
  46. text-shadow: 1px 1px 1px transparent;
  47. font-family: tahoma;
  48. font-size: 10px;
  49. text-transform: uppercase;
  50. font-weight: lighter;
  51. background-color: #df0c1b;
  52. background: #541c1c;
  53. margin-top: 1px;
  54. margin-bottom: 1px;
  55. margin-left: -1px;
  56. margin-right: -1px;
  57. padding-top: 6px;
  58. padding-left: 4px;
  59. padding-right: 4px;
  60. padding-bottom: 6px;
  61. border: 1px solid #541c1c;
  62. line-height: 11px;
  63. text-align: center;
  64. padding:0px;
  65. width:150px;
  66. height:auto;
  67. -webkit-transition: all 0.5s ease-out;
  68. -moz-transition: all 0.5s ease-out;
  69. display:inline-block;
  70. }
  71. .portlink:hover{
  72. color: black;
  73. background-color: #7e1514;
  74. border-radius: 0px;
  75. -webkit-transition: all 0.8s ease-out;
  76. -moz-transition: all 0.8s ease-out;
  77.  
  78.  
  79. }
  80. h3 {
  81. color:#a59cb0;
  82. position: relative;
  83. font-family: trebuchet ms;
  84. text-transform: uppercase;
  85. font-weight: lighter;
  86. text-shadow: 1px 1px 1px #2e2222;
  87. font-size:22px;
  88. text-align:center;
  89. line-height:20px;
  90. letter-spacing: 2px;
  91. padding-top: 5px;
  92. padding-bottom: 5px;
  93. margin-top: 3px;
  94. margin-bottom: 2px;
  95. margin-left: 0px;
  96. margin-right: 0px;
  97. width: absolute;
  98. background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #951c1a), color-stop(1, #830909));
  99. border-radius:0.0em;
  100. }
  101. b {
  102. text-transform:
  103. uppercase;
  104. font-family: trebuchet MS;
  105. color: #951c1a;
  106. font-size: 9px;
  107. letter-spacing: 1px;
  108. }
  109. i {
  110. text-transform: none;
  111. font-family: trebuchet MS;
  112. color: #951c1a;
  113. font-size: 11px;
  114. letter-spacing: 1px;
  115. }
  116. s {
  117. text-transform: none;
  118. font-family: trebuchet MS;
  119. color: #951c1a;
  120. font-size: 11px;
  121. letter-spacing: 1px;
  122. }
  123. u {
  124. border-bottom: 1px solid #951c1a;
  125. text-transform: none;
  126. font-family: trebuchet MS;
  127. font-size: 11px;
  128. letter-spacing: 1px;
  129. }
  130. blockquote {
  131. text-align: center;
  132. background-color: ;
  133. padding: 4px;
  134. border-top: 4px solid #d6beb4;
  135. border-bottom: 4px solid #d6beb4;
  136. border-radius: 0.5em;
  137. height:auto;
  138. width: 350px;
  139. }
  140. .Frienss {
  141. width: 150px;
  142. height: 150px;
  143. filter: alpha(opacity=100)
  144. -moz-opacity:.80;
  145. opacity: .80;
  146. margin: 0px;
  147. margin-left: 5px;
  148. padding: 1px;
  149. margin: 0px;
  150. padding: 2px;
  151. border-radius: 4px;
  152. border: 2px solid #e10f1c;
  153. background-color: #e10f1c;
  154. -webkit-transition: all 0.5s ease-out;
  155. }
  156. .Frienss:hover {
  157. margin: 0px;
  158. padding: 2px;
  159. border-radius: 2px;
  160. border: 2px solid #10171f;
  161. background-color: #dbbfb3;
  162. -webkit-transition: all 0.5s ease-out;
  163. }
  164. .Hangouts {
  165. background: url('http://i.imgur.com/E9QLElB.png');
  166. background-repeat: repeat;
  167. width: 130px;
  168. height: 30px;
  169. margin: 0px;
  170. opacity: .7;
  171. border-radius: 2px;
  172. border: 2px solid white;
  173. background-color: #3EC9A7;
  174. transition: all 0.45s ease-out;
  175. -ms-transition: all 0.45s ease-out;
  176. -o-transition: all 0.45s ease-out;
  177. -webkit-transition: all 0.45s ease-out;
  178. -moz-transition: all 0.45s ease-out;
  179. }
  180. .Hangouts:hover {
  181. background: url('http://i.imgur.com/E9QLElB.png');
  182. background-repeat: no-repeat;
  183. width: 130px;
  184. height: 30px;
  185. opacity: .7;
  186. border-radius: 2px;
  187. border: 2px solid #750103;
  188. background-color: #98D9B6;
  189. transition: all 0.45s ease-out;
  190. -ms-transition: all 0.45s ease-out;
  191. -o-transition: all 0.45s ease-out;
  192. -webkit-transition: all 0.45s ease-out;
  193. -moz-transition: all 0.45s ease-out;
  194. }
  195.  
  196. a:link, .menu2, .menu2 a:link {
  197. color: ;
  198. font-size: 9pt;
  199. font-family: trebuchet ms;
  200. text-transform: none;
  201. text-decoration: none;
  202. -webkit-transition: all 0.5s ease-out;
  203. -moz-transition: all 0.5s ease-out;
  204. }
  205. a:visited, .menu2 a:visited {
  206. color: ;
  207. text-transform: none;
  208. font-family: trebuchet ms;
  209. text-transform: none;
  210. text-decoration: none;
  211. }
  212.  
  213. a:hover, .menu, .menu a:link, .menu a:visited {
  214. color: ;
  215. text-decoration: none;
  216. font-family: trebuchet ms;
  217. text-transform: none;
  218. background: transparent;
  219. -webkit-transition: all 0.5s ease-out;
  220. -moz-transition: all 0.5s ease-out;
  221.  
  222.  
  223.  
  224. }
  225. .nav {
  226. letter-spacing: 0px;
  227. text-align: center;
  228. line-height: 15px;
  229. background-color: #7e1514;
  230. height: 15px;
  231. width: 15px;
  232. display: inline-block;
  233. border: 0px solid #750103;
  234. border-left: 0;
  235. border-right: 0;
  236. padding: 0 0 0 0px;
  237. clear: both;
  238. border-radius: 50%;
  239. -webkit-transition: -webkit-transform .8s ease-in-out;
  240. transition: transform .8s ease-in-out;
  241. }
  242. .nav:hover {
  243. letter-spacing: 0px;
  244. text-align: center;
  245. line-height: 15px;
  246. background-color: #7e1514;
  247. height: 15px;
  248. width: 15px;
  249. display: inline-block;
  250. border: 0px solid gray;
  251. border-left: 0;
  252. border-right: 0;
  253. padding: 0 0 0 0px;
  254. clear: both;
  255. -webkit-transform: rotate(360deg);
  256. transform: rotate(360deg);
  257. }
  258. #nav a {
  259. letter-spacing: 1px;
  260. text-align: left;
  261. line-height: 15px;
  262. color: #CCC;
  263. height: 15px;
  264. display: inline-block;
  265. border: 0px solid #050505;
  266. border-left: 0;
  267. border-right: 0;
  268. padding: 0 0 0 10px;
  269. clear: both;
  270. }
  271. #nav: hover {
  272. letter-spacing: 1px;
  273. text-align: left;
  274. line-height: 15px;
  275. color: #CCC;
  276. height: 15px;
  277. display: inline-block;
  278. border: 0px solid #050505;
  279. border-left: 0;
  280. border-right: 0;
  281. padding: 0 0 0 10px;
  282. clear: both;
  283.  
  284. </style>
  285. <style>
  286.  
  287. .overlay {
  288. width: 1000px;
  289. height: 600px;
  290. background: ;
  291. position: absolute;
  292.  
  293. }
  294. .innerbox {
  295. overflow: hidden;
  296. border: none;
  297. background: ;
  298. position: absolute;
  299. }
  300. .section {
  301. height: 450px;
  302. overflow: auto;
  303.  
  304. }
  305.  
  306. #anchorbox {
  307. overflow-Y:hidden;
  308. overflow-x:hidden;
  309. position:absolute;
  310. top: 50px;
  311. left: 535px;
  312. width: 450px;
  313. height: 450px;
  314. padding-left:10px;
  315. padding-bottom:90px;
  316. background-color:#131313;
  317. box-shadow: 0px 1px 3px transparent;
  318. border: 2px solid #222;
  319. border-radius: 0em;
  320. font-family: trebuchet MS;
  321. color: black;
  322. font-size: 10px;
  323. }
  324.  
  325. #Nav {
  326. top: 455px;
  327. left: 110px;
  328. width: 195px;
  329. height: 35px;
  330. padding: 0px;
  331. overflow: hidden;
  332.  
  333.  
  334. }
  335.  
  336. #Nav2 {
  337. top: 475px;
  338. left: 130px;
  339. width: 220px;
  340. height: 95px;
  341. padding: 0px;
  342. overflow: hidden;
  343. }
  344.  
  345. #Hangouts {
  346. top: 510px;
  347. left: 535px;
  348. width: 454px;
  349. height: 110px;
  350. padding:5px;
  351. padding-top:0px;
  352. padding-right:2px;
  353. overflow-Y:auto;
  354. overflow-x:hidden;
  355. background-color:#131313;
  356. box-shadow: 0px 1px 3px transparent;
  357. border: 2px solid #222;
  358. border-radius: 0em;
  359. }
  360.  
  361. </style>
  362. <div class="header">
  363.  
  364.  
  365. <div id="anchorbox">
  366. <a name="about"></a>
  367. <div class="section">
  368. <h3>About Me</h3>
  369. <b>Here</b> <i>is where</i> <u>your</u> about me goes.
  370.  
  371. <blockquote>More information about you here and here and here somewhere along here. Possibly right <i>here</i> too.
  372. </div>
  373.  
  374. <a name="Photos"></a>
  375. <div class="section">
  376. <h3>Likes</h3>
  377. The fanciful stuff here
  378. </div>
  379.  
  380. <a name="DN"></a>
  381. <div class="section">
  382. <h3>Dislikes</h3>
  383. The not so fanciful stuff in this section
  384. </div>
  385.  
  386. <a name="music"></a>
  387. <div class="section">
  388. <h3>Music</h3>
  389. Your list of ear-candy here :)
  390. </div>
  391. </div>
  392.  
  393. <div class="innerbox" id="Nav">
  394. <center><a href="http://vampirefreaks.com/profiles/home.php"><img src="http://i.imgur.com/rpeCbDK.png" title="vf home" class="nav" /></a>
  395. <a href="http://vampirefreaks.com/profile_action.php?user=bitchimcatwoman"><img src="http://i.imgur.com/2pHGkh1.png" title="" class="nav" /></a>
  396. <a href="http://vampirefreaks.com/user_comment.php?user=bitchimcatwoman&amp;rate=1"><img src="http://i.imgur.com/UF9ZC7j.png" title="Comment" class="nav" /></a>
  397. <a href="http://vampirefreaks.com/gallery/bitchimcatwoman"><img src="http://i.imgur.com/nrwi6WI.png" title="Gallery" class="nav" /></a>
  398. <a href="http://vampirefreaks.com/journal/bitchimcatwoman"><img src="http://i.imgur.com/EtccIyu.png" title="Journal" class="nav" /></a>
  399. <a href="http://lindmarybee.wix.com/silvertongued"><img src="http://i.imgur.com/OGf1hx9.png" title="Credit" class="nav" /></a><br /></div>
  400. <div class="innerbox" id="Nav2">
  401. <a href="#about" class="portlink">About Me</a>
  402. <a href="#Photos" class="portlink">Likes</a>
  403. <a href="#DN" class="portlink">Dislikes</a>
  404. <a href="#music" class="portlink">Music</a></center>
  405. </div>
  406. </div>
  407.  
  408.  
  409.  
  410.  
  411. <div class="innerbox" id="Hangouts"><h3>Hangouts</h3>
  412.  
  413. <center><a href="LINKTOCULT"><img src="IMAGE TO CULT" class="Hangouts" /></a>
  414. <a href="LINKTOCULT"><img src="IMAGE TO CULT" class="Hangouts" /></a>
  415. <a href="LINKTOCULT"><img src="IMAGE TO CULT" class="Hangouts" /></a>
  416. <a href="LINKTOCULT"><img src="IMAGE TO CULT" class="Hangouts" /></a>
  417. <a href="LINKTOCULT"><img src="IMAGE TO CULT" class="Hangouts" /></a>
  418. <a href="LINKTOCULT"><img src="IMAGE TO CULT" class="Hangouts" /></a></center>
  419. </div>
Advertisement
Add Comment
Please, Sign In to add comment