Advertisement
Beeline

DorGallery

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