API tools faq
paste
Beeline

My Raptor Gallery

Beeline
Mar 5th, 2015
204
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.92 KB | None | 0 0
raw download clone embed print report
  1. <style>
  2.  
  3.  
  4.  
  5. .ui-widget {display: none;}
  6.  
  7. .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; }
  8.  
  9. .main {
  10. margin-top: 50px;
  11. margin-right:200px;
  12. position:absolute;
  13. background-color:#262626;
  14. border-left: 5px solid #bfd025;
  15. border-right: 5px solid #bfd025;
  16. border-top: 1px solid #bfd025;
  17. -moz-border-radius: 3px;
  18. -webkit-border-radius: 3px;
  19. border-radius: 10px;
  20. width: 400px;
  21. right:50px;
  22. padding: 10px;
  23.  
  24. }
  25.  
  26. body, html{
  27. background-color: #262626;
  28. background: url('http://i.imgur.com/byF80u8.png');
  29. background-position: center center;
  30. background-repeat: repeat;
  31. background-attachment: fixed;
  32. }
  33.  
  34. body, div, table {
  35. font-family: trebuchet MS;
  36. font-size: 12px;
  37. line-height: 11px;
  38. color: white;
  39. text-shadow: -2px 4px 5px rgba(46, 28, 28, 0.25);
  40. }
  41.  
  42.  
  43. b {
  44. font: 12px Sans;
  45. font-variant: sans;
  46. font-weight: bold;
  47. color: #bfd025;
  48. background: transparent;
  49. letter-spacing: 2px;
  50. text-shadow: -2px 4px 5px rgba(46, 28, 28, 0.25);
  51. border-radius: 5px;
  52. }
  53.  
  54. i {
  55. font: 14px sans;
  56. font-family: Satisfy, cursive;
  57. font-style: italic;
  58. font-weight: lighter;
  59. color: #bfd025;
  60. letter-spacing: 2px;
  61. text-shadow: 2px 1px 2px #333;
  62.  
  63. }
  64.  
  65. u {
  66. font: 12px Sans;
  67. font-weight: lighter;
  68. color: #white;
  69. border-bottom: 1px solid #bfd025;
  70. letter-spacing: 2px;
  71. }
  72.  
  73.  
  74. a:link, .menu2, .menu2 a:link {
  75. color: #9c9d8d;
  76. font-size: 8pt;
  77. font-family : trebuchet MS;
  78. text-decoration: none;
  79. -webkit-transition: all 0.5s ease-out;
  80. -moz-transition: all 0.5s ease-out;
  81. }
  82.  
  83. a:visited, .menu2 a:visited {
  84. color: #9c9d8d;
  85. font-family : trebuchet MS;
  86. }
  87.  
  88. a:hover, .menu, .menu a:link, .menu a:visited {
  89. color: #bfd025;
  90. font-family : trebuchet MS;
  91. background: transparent;
  92. -webkit-transition: all 0.5s ease-out;
  93. -moz-transition: all 0.5s ease-out;
  94. }
  95.  
  96. h1{
  97. font-family:"Times New Roman", Times, serif;
  98. font-size: 25px;
  99. color: #bfd025;
  100. text-shadow: #060606 1px 1px 0px;
  101. text-align: center;
  102. font-weight:normal;
  103. letter-spacing:-1px;
  104. font-style: italic;
  105. line-height:30px;
  106. text-transform:uppercase;
  107. margin:0px;padding:2px;
  108. padding-right: 5px;
  109. background-image: url('http://i.imgur.com/jbq69Aw.jpg');
  110. background-color: transparent;
  111. height:35px;
  112. }
  113.  
  114. small {
  115. color: white;
  116. font-family: trebuchet ms;
  117. font-size: 10px;
  118. text-transform: uppercase;
  119. }
  120.  
  121. body {
  122. position: absolute;
  123. top: 0;
  124. left: 0;
  125. bottom: 0;
  126. right: 0px;
  127. overflow-y: scroll;
  128. overflow-x: hidden;
  129. }
  130.  
  131. ::-webkit-scrollbar {
  132. width: 5px;
  133. height: 10px;
  134. }
  135.  
  136. ::-webkit-scrollbar-button:start:decrement,
  137. ::-webkit-scrollbar-button:end:increment {
  138. height: 0px;
  139. display: block;
  140. background-color: transparent;
  141. }
  142.  
  143. ::-webkit-scrollbar-track-piece {
  144. background-color: #262626;
  145. -webkit-border-radius: 0px;
  146. }
  147.  
  148. ::-webkit-scrollbar-thumb:vertical {
  149. height: 50px;
  150. background-color: #bfd025;
  151. border: none;
  152. -webkit-border-radius: 0px;
  153. }
  154.  
  155. .forum_comment {
  156. font-size: 8px;
  157. line-height: 8px;
  158. text-transform: uppercase;
  159. color: white;
  160. font-family: trebuchet MS;
  161. text-align: center;
  162. font-weight: lighter;
  163. line-height: 10px;
  164. letter-spacing: 5px;
  165. font-style: none;
  166. border: none;
  167. border-left: 5px solid #bfd025;
  168. border-right: 5px solid #bfd025;
  169. background-color:#262626;
  170.  
  171. }
  172.  
  173. a:link img, a:visited img {
  174. filter: alpha(opacity=100)
  175. -moz-opacity:100;
  176. opacity: 100;
  177. -webkit-border-radius: 0px;
  178. -moz-border-radius: 0px;
  179. -webkit-transition: all 0.5s ease-out;
  180. -moz-transition: all 0.5s ease-out;
  181. }
  182.  
  183. a:hover img {
  184. filter: alpha(opacity=70)
  185. -moz-opacity:.70;
  186. opacity: .70;
  187. -webkit-border-radius: 0px;
  188. -moz-border-radius: 0px;
  189. -webkit-transition: all 0.5s ease-out;
  190. -moz-transition: all 0.5s ease-out;
  191. }
  192.  
  193. a.navlink:link, a.navlink:visited, .navlink:active {
  194. display: inline-table;
  195. font: 8px Small Fonts;
  196. text-transform: uppercase;
  197. color: #e8e6d2;
  198. background: ;
  199. text-align: center;
  200. border: 0px solid #566545;
  201. padding: 2px;
  202. margin: 2px;
  203. -webkit-transition: all 0.8s ease-out;
  204. -moz-transition: all 0.8s ease-out;
  205. }
  206.  
  207. a.navlink:hover {
  208. display: block;
  209. font: 8px sans;
  210. text-transform: uppercase;
  211. color: #bfd025;
  212. padding: 2px;
  213. margin: 2px;
  214. -webkit-transition: all 0.8s ease-out;
  215. -moz-transition: all 0.8s ease-out;
  216. }
  217.  
  218. textarea {
  219. width: 70%;
  220. background: #262626;
  221. border: none;
  222. text-align: center;
  223. height: 100px;
  224. -moz-border-radius: 3px;
  225. -webkit-border-radius: 3px;
  226. border-radius: 3px;
  227. -moz-box-shadow: 0px 7px 23px #000000;
  228. -webkit-box-shadow: 0px 7px 23px #000000;
  229. border-left: 5px solid #bfd025;
  230. border-right: 5px solid #bfd025;
  231. }
  232.  
  233. .entrytable {
  234. background: #262626;
  235. text-align: center;
  236. border: none;
  237. width: 400px;
  238. border-left: 5px solid #bfd025;
  239. border-right: 5px solid #bfd025;
  240.  
  241.  
  242. }
  243.  
  244. .entrytable td {
  245. border: none;
  246. }
  247.  
  248. .comment_table {
  249. background: #262626;
  250. text-align: center;
  251. border: none;
  252. width: 400px;
  253. border-left: 5px solid #bfd025;
  254. border-right: 5px solid #bfd025;
  255. }
  256.  
  257. .comment_table td {
  258. border: none;
  259. }
  260.  
  261. .commentform {
  262. background: #262626;
  263. text-align: center;
  264. border: none;
  265. width: 400px;
  266. border-left: 5px solid #bfd025;
  267. border-right: 5px solid #bfd025;
  268. }
  269.  
  270. .commentform td {
  271. border: none;
  272. }
  273.  
  274. #last_comment {
  275. background: #262626;
  276. text-align: center;
  277. border: none;
  278. width: 400px;
  279. border-left: 5px solid #bfd025;
  280. border-right: 5px solid #bfd025;
  281. }
  282.  
  283. #last_comment td {
  284. border: none;
  285. }
  286.  
  287. .darkbox td {
  288. border: none;
  289. }
  290.  
  291. #ajaxpane {
  292. border: none
  293. }
  294.  
  295. #ajaxpane td {
  296. border: none;
  297. }
  298.  
  299. .ajaxtooltip {
  300. border: none;
  301. background: transparent;
  302. }
  303.  
  304. </style>
  305.  
  306. <center>
  307.  
  308. <style>
  309.  
  310. .folder_node {
  311. width: 98px;
  312. height: 98px;
  313. background-image: url("http://i.imgur.com/Ipn5Yhh.png");
  314. background-repeat: no-repeat;
  315. display: inline-block;
  316. opacity: 100;
  317. transition: all 1s ease-out;
  318. -o-transition: all 1s ease-out;
  319. -webkit-transition: all 1s ease-out;
  320. -moz-transition: all 1s ease-out;
  321. }
  322. .folder_node:hover {
  323. opacity: .70;
  324. transition: all 1s ease-out;
  325. -o-transition: all 1s ease-out;
  326. -webkit-transition: all 1s ease-out;
  327. -moz-transition: all 1s ease-out;
  328. }
  329.  
  330. .folder_thumbnail {
  331. display: none;
  332. }
  333.  
  334. .gallery_node img {
  335. align: center;
  336. width: 80px;
  337. height: 80px;
  338. transition: all 1s ease-out;
  339. -o-transition: all 1s ease-out;
  340. -webkit-transition: all 1s ease-out;
  341. -moz-transition: all 1s ease-out;
  342. border:ridge 2px #b9bcab;
  343. -moz-border-radius: 3px;
  344. -webkit-border-radius: 3px;
  345. border-radius: 3px;
  346. -moz-box-shadow: 0px 7px 23px #000000;
  347. -webkit-box-shadow: 0px 7px 23px #000000;
  348. }
  349. .gallery_node img:hover {
  350. transition: all 1s ease-out;
  351. -o-transition: all 1s ease-out;
  352. -webkit-transition: all 1s ease-out;
  353. -moz-transition: all 1s ease-out;
  354. border:ridge 2px #c0d226;
  355. -moz-border-radius: 3px;
  356. -webkit-border-radius: 3px;
  357. border-radius: 3px;
  358. -moz-box-shadow: 0px 7px 23px #000000;
  359. -webkit-box-shadow: 0px 7px 23px #000000;
  360. }
  361.  
  362. #vf_pic {
  363. width: 400px;
  364. border: 4px solid #262626;
  365. transition: all 1s ease-out;
  366. -o-transition: all 1s ease-out;
  367. -webkit-transition: all 1s ease-out;
  368. -moz-transition: all 1s ease-out;
  369. border:ridge 2px #262626;
  370. -moz-border-radius: 3px;
  371. -webkit-border-radius: 3px;
  372. border-radius: 3px;
  373. -moz-box-shadow: 0px 7px 23px #000000;
  374. -webkit-box-shadow: 0px 7px 23px #000000;
  375. }
  376. #vf_pic:hover {
  377. border: 4px solid #bfd025;
  378. transition: all 1s ease-out;
  379. -o-transition: all 1s ease-out;
  380. -webkit-transition: all 1s ease-out;
  381. -moz-transition: all 1s ease-out;
  382. border:ridge 2px #bfd025;
  383. -moz-border-radius: 3px;
  384. -webkit-border-radius: 3px;
  385. border-radius: 3px;
  386. -moz-box-shadow: 0px 7px 23px #000000;
  387. -webkit-box-shadow: 0px 7px 23px #000000;
  388. }
  389.  
  390.  
  391. select {
  392. background: #262626;
  393. font-size: 10px;
  394. text-transform: uppercase;
  395. color: #bfd025;
  396. border: none;
  397. }
  398.  
  399. input {
  400. font-size: 10px;
  401. text-transform: uppercase;
  402. color: #bfd025;
  403. border: none;
  404. border: 1px solid #bfd025;
  405. background-color:#262626;
  406.  
  407. }
  408.  
  409. #status_submit_button {background-image: none;
  410. border:ridge 2px #bfd025; }
  411.  
  412.  
  413. }
  414. #navi {
  415. margin: 5px;
  416. border-top: 1px solid #bfd025;
  417. border-bottom: 1px solid #bfd025;
  418. padding-bottom:0px;
  419. position: fixed;
  420. top: 0px;
  421. left: 0px;
  422. height: 800px;
  423. width: 30px;
  424. font-family: trebuchet MS;
  425. font-size: 8pt;
  426. color:#131313;
  427. background:#d2d2d2;
  428. line-height:15px;
  429. text-decoration:none;
  430. padding:0 29px 0 1px;
  431. height:15px;
  432.  
  433.  
  434. }
  435. .portlink:link, .portlink:visited, .portlink:active{
  436. width:50px;
  437. position:aboslute;
  438. height:15px;
  439. font-family:"Trebuchet MS",Arial,sans-serif;
  440. font-size:10px;
  441. font-weight:bold;
  442. color:#131313;
  443. background:#d2d2d2;
  444. line-height:15px;
  445. text-decoration:none;
  446. height:15px;
  447. margin:0;
  448. padding:3px 0 0 0;
  449. -moz-transition: all 0.8s ease-out;
  450. }
  451. .portlink:hover{
  452. color: #131313;
  453. background:#bfd025;
  454.  
  455. }
  456. div.menu5 a
  457. {
  458. display: inline-block;
  459. padding: 3 4px;
  460. background:;
  461. border-top: 3px solid #bfd025;
  462. -moz-border-radius: 3px;
  463. -webkit-border-radius: 3px;
  464. border-radius: 3px;
  465. color:#C4B09C;
  466. text-decoration:none;
  467. font: bold 12px Arial;
  468. line-height: 20px;
  469. margin-right:1px;
  470. }
  471.  
  472. div.menu5 a:hover, div.menu5 a.current
  473. {
  474. background:;
  475. color:#0e0e0d;
  476.  
  477. }
  478.  
  479. </style>
  480.  
  481. <div class="menu5"> <a href="http://vampirefreaks.com/profiles/home.php" class="portlink">VF Home</a> <a href="/Beeline" class="portlink">My Profile</a> <a href="/galley/Beeline" class="portlink">Refresh</a> <a href="http://vampirefreaks.com/pics_edit_header.php" class="portlink">Edit</a> <a href="/journal/Beeline" class="portlink">Jottings</a> <a href="http://vampirefreaks.com/members/Beeline/Beeline+Designs" class="portlink">PD 14</a> </div>
  482.  
  483. <style> body, html { background: url('http://i.imgur.com/ReeF51h.jpg'); background-repeat: no-repeat; background-position:left top; background-attachment: fixed; background-color: #131313; } </style>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!