API tools faq
paste
Beeline

Octogallery

Beeline
Oct 11th, 2014
218
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.28 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. background-image: url('http://i.imgur.com/3oN9H9I.png');
  12. background-repeat;
  13. background-attachment: fixed;
  14. border: 6px solid #2b2b2b;
  15. border-radius: 20px;
  16. width: 500px;
  17. height: 300px;
  18. padding: 10px;
  19. border:ridge 2px #007F9F;
  20. -moz-border-radius: 3px;
  21. -webkit-border-radius: 3px;
  22. border-radius: 3px;
  23. -moz-box-shadow: 0px 7px 23px #000000;
  24. -webkit-box-shadow: 0px 7px 23px #000000;
  25. }
  26.  
  27. body, html{
  28. background-color: #C4B09C;
  29. background-image: url('http://i.imgur.com/Yu6giwy.png'), url('http://i.imgur.com/3oN9H9I.png'); background-position: top right; background-repeat: no-repeat, repeat; background-attachment: fixed;
  30. }
  31.  
  32. body, div, table {
  33. font-family: trebuchet MS;
  34. font-size: 12px;
  35. line-height: 11px;
  36. color: #007F9F;
  37. text-shadow: -2px 4px 5px rgba(46, 28, 28, 0.25);
  38. }
  39.  
  40. b {
  41. font: 12px Sans;
  42. font-variant: sans;
  43. font-weight: bold;
  44. color: #007F9F;
  45. background: transparent;
  46. letter-spacing: 2px;
  47. text-shadow: -2px 4px 5px rgba(46, 28, 28, 0.25);
  48. border-top: 2px solid #333333;
  49. border-bottom: 2px solid #333333;
  50. border-radius: 5px;
  51. }
  52.  
  53. i {
  54. font: 14px sans;
  55. font-family: Satisfy, cursive;
  56. font-style: italic;
  57. font-weight: lighter;
  58. color: #007F9F;
  59. letter-spacing: 2px;
  60. text-shadow: 2px 1px 2px #333;
  61. }
  62.  
  63. u {
  64. font: 12px Sans;
  65. font-weight: lighter;
  66. color: #007F9F;
  67. border-bottom: 1px solid #be3c3c;
  68. letter-spacing: 2px;
  69. }
  70.  
  71.  
  72. a:link, .menu2, .menu2 a:link {
  73. color: #007F9F;
  74. font-size: 8pt;
  75. font-family : trebuchet MS;
  76. text-decoration: none;
  77. -webkit-transition: all 0.5s ease-out;
  78. -moz-transition: all 0.5s ease-out;
  79. }
  80.  
  81. a:visited, .menu2 a:visited {
  82. color: #007F9F;
  83. font-family : trebuchet MS;
  84. }
  85.  
  86. a:hover, .menu, .menu a:link, .menu a:visited {
  87. color: #1c1b22;
  88. font-family : trebuchet MS;
  89. background: transparent;
  90. -webkit-transition: all 0.5s ease-out;
  91. -moz-transition: all 0.5s ease-out;
  92. }
  93.  
  94. h1 {
  95. font-size: 16px;
  96. line-height: 14px;
  97. font-family: trebuchet MS;
  98. text-align: center;
  99. letter-spacing: 2px;
  100. color: fafdcd;
  101. font-weight: lighter;
  102. text-transform: uppercase;
  103. font-style: none;
  104. margin: 2px;
  105. border-left: 30px solid #CC6C56;
  106. border-right: 30px solid #CC6C56;
  107. border-bottom: 3px solid #CC6C56;
  108. border-top: 3px solid #CC6C56;
  109. }
  110.  
  111. small {
  112. color: #007F9F;
  113. font-family: trebuchet ms;
  114. font-size: 10px;
  115. text-transform: uppercase;
  116. }
  117.  
  118. body {
  119. position: absolute;
  120. top: 300px;
  121. left: 0;
  122. bottom: 0;
  123. width: 500px;
  124. left: 625px;
  125. overflow-y: scroll;
  126. overflow-x: hidden;
  127. }
  128.  
  129. ::-webkit-scrollbar {
  130. width: 5px;
  131. height: 10px;
  132. }
  133.  
  134. ::-webkit-scrollbar-button:start:decrement,
  135. ::-webkit-scrollbar-button:end:increment {
  136. height: 0px;
  137. display: block;
  138. background-color: transparent;
  139. }
  140.  
  141. ::-webkit-scrollbar-track-piece {
  142. background-color: #101010;
  143. -webkit-border-radius: 0px;
  144. }
  145.  
  146. ::-webkit-scrollbar-thumb:vertical {
  147. height: 50px;
  148. background-color: #007F9F;
  149. border: none;
  150. -webkit-border-radius: 0px;
  151. }
  152.  
  153. .forum_comment {
  154. font-size: 8px;
  155. line-height: 8px;
  156. text-transform: uppercase;
  157. color: #007F9F;
  158. background: #413b36;
  159. font-family: trebuchet MS;
  160. text-align: center;
  161. font-weight: lighter;
  162. line-height: 10px;
  163. letter-spacing: 5px;
  164. font-style: none;
  165. border: none;
  166. border-radius: 20px;
  167. border:ridge 2px #007F9F;
  168. -moz-border-radius: 3px;
  169. -webkit-border-radius: 3px;
  170. border-radius: 3px;
  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: #1c1b22;
  199. background: #413b36;
  200. text-align: center;
  201. border-radius: 3px;
  202. border-right: 2px solid #f1efd9;
  203. border-left: 4px solid #f1efd9;
  204. padding: 2px;
  205. margin: 2px;
  206. -webkit-transition: all 0.8s ease-out;
  207. -moz-transition: all 0.8s ease-out;
  208. }
  209.  
  210. a.navlink:hover {
  211. display: block;
  212. font: 8px sans;
  213. text-transform: uppercase;
  214. color: #484274;
  215. background: #484274;
  216. text-align: center;
  217. border-radius: 3px;
  218. border-right: 4px solid #f1efd9;
  219. border-left: 6px solid #f1efd9;
  220. padding: 2px;
  221. margin: 2px;
  222. -webkit-transition: all 0.8s ease-out;
  223. -moz-transition: all 0.8s ease-out;
  224. }
  225.  
  226. textarea {
  227. width: 70%;
  228. background: #1c1b22;
  229. border: none;
  230. text-align: center;
  231. height: 100px;
  232. border:ridge 2px #007F9F;
  233. -moz-border-radius: 3px;
  234. -webkit-border-radius: 3px;
  235. border-radius: 3px;
  236. -moz-box-shadow: 0px 7px 23px #000000;
  237. -webkit-box-shadow: 0px 7px 23px #000000;
  238. }
  239.  
  240. .entrytable {
  241. background: 6D898A;
  242. background: url('http://i.imgur.com/h48PX3J.png');
  243. text-align: center;
  244. border: none;
  245. width: 500px;
  246. border:ridge 2px #007F9F;
  247. -moz-border-radius: 3px;
  248. -webkit-border-radius: 3px;
  249. border-radius: 3px;
  250. -moz-box-shadow: 0px 7px 23px #000000;
  251. -webkit-box-shadow: 0px 7px 23px #000000;
  252. }
  253.  
  254. .entrytable td {
  255. border: none;
  256. }
  257.  
  258. .comment_table {
  259. background: 6D898A;
  260. text-align: center;
  261. border: none;
  262. width: 700px;
  263. border:ridge 2px #007F9F;
  264. -moz-border-radius: 3px;
  265. -webkit-border-radius: 3px;
  266. border-radius: 3px;
  267. -moz-box-shadow: 0px 7px 23px #000000;
  268. -webkit-box-shadow: 0px 7px 23px #000000;
  269. }
  270.  
  271. .comment_table td {
  272. border: none;
  273. }
  274.  
  275. .commentform {
  276. background: #211e3e;
  277. text-align: center;
  278. border: none;
  279. width: 700px;
  280. border:ridge 2px #007F9F;
  281. -moz-border-radius: 3px;
  282. -webkit-border-radius: 3px;
  283. border-radius: 3px;
  284. -moz-box-shadow: 0px 7px 23px #000000;
  285. -webkit-box-shadow: 0px 7px 23px #000000;
  286. }
  287.  
  288. .commentform td {
  289. border: none;
  290. }
  291.  
  292. #last_comment {
  293. background: #211e3e;
  294. text-align: center;
  295. border: none;
  296. width: 700px;
  297. border:ridge 2px #007F9F;
  298. -moz-border-radius: 3px;
  299. -webkit-border-radius: 3px;
  300. border-radius: 3px;
  301. -moz-box-shadow: 0px 7px 23px #000000;
  302. -webkit-box-shadow: 0px 7px 23px #000000;
  303. }
  304.  
  305. #last_comment td {
  306. border: none;
  307. }
  308.  
  309. .darkbox td {
  310. border: none;
  311. }
  312.  
  313. #ajaxpane {
  314. border: none
  315. }
  316.  
  317. #ajaxpane td {
  318. border: none;
  319. }
  320.  
  321. .ajaxtooltip {
  322. border: none;
  323. background: transparent;
  324. }
  325.  
  326. </style>
  327.  
  328. <center>
  329.  
  330. <style>
  331.  
  332. .folder_node {
  333. width: 98px;
  334. height: 98px;
  335. background-image: url("http://i.imgur.com/s2iDVmx.png");
  336. background-repeat: no-repeat;
  337. display: inline-block;
  338. opacity: 100;
  339. transition: all 1s ease-out;
  340. -o-transition: all 1s ease-out;
  341. -webkit-transition: all 1s ease-out;
  342. -moz-transition: all 1s ease-out;
  343. }
  344. .folder_node:hover {
  345. opacity: .70;
  346. transition: all 1s ease-out;
  347. -o-transition: all 1s ease-out;
  348. -webkit-transition: all 1s ease-out;
  349. -moz-transition: all 1s ease-out;
  350. }
  351.  
  352. .folder_thumbnail {
  353. display: none;
  354. }
  355.  
  356. .gallery_node img {
  357. align: center;
  358. width: 80px;
  359. height: 80px;
  360. border: 4px solid #f1efd9;
  361. transition: all 1s ease-out;
  362. -o-transition: all 1s ease-out;
  363. -webkit-transition: all 1s ease-out;
  364. -moz-transition: all 1s ease-out;
  365. border:ridge 2px #007F9F;
  366. -moz-border-radius: 3px;
  367. -webkit-border-radius: 3px;
  368. border-radius: 3px;
  369. -moz-box-shadow: 0px 7px 23px #000000;
  370. -webkit-box-shadow: 0px 7px 23px #000000;
  371. }
  372. .gallery_node img:hover {
  373. border: 4px solid #f1efd9;
  374. transition: all 1s ease-out;
  375. -o-transition: all 1s ease-out;
  376. -webkit-transition: all 1s ease-out;
  377. -moz-transition: all 1s ease-out;
  378. border:ridge 2px #007F9F;
  379. -moz-border-radius: 3px;
  380. -webkit-border-radius: 3px;
  381. border-radius: 3px;
  382. -moz-box-shadow: 0px 7px 23px #000000;
  383. -webkit-box-shadow: 0px 7px 23px #000000;
  384. }
  385.  
  386. #vf_pic {
  387. width: 400px;
  388. border: 4px solid #f1efd9;
  389. transition: all 1s ease-out;
  390. -o-transition: all 1s ease-out;
  391. -webkit-transition: all 1s ease-out;
  392. -moz-transition: all 1s ease-out;
  393. border:ridge 2px #007F9F;
  394. -moz-border-radius: 3px;
  395. -webkit-border-radius: 3px;
  396. border-radius: 3px;
  397. -moz-box-shadow: 0px 7px 23px #000000;
  398. -webkit-box-shadow: 0px 7px 23px #000000;
  399. }
  400. #vf_pic:hover {
  401. border: 4px solid #f1efd9;
  402. transition: all 1s ease-out;
  403. -o-transition: all 1s ease-out;
  404. -webkit-transition: all 1s ease-out;
  405. -moz-transition: all 1s ease-out;
  406. border:ridge 2px #007F9F;
  407. -moz-border-radius: 3px;
  408. -webkit-border-radius: 3px;
  409. border-radius: 3px;
  410. -moz-box-shadow: 0px 7px 23px #000000;
  411. -webkit-box-shadow: 0px 7px 23px #000000;
  412. }
  413.  
  414. select {
  415. background: #332a3f;
  416. font-size: 10px;
  417. text-transform: uppercase;
  418. color: #007F9F;
  419. border: none;
  420. border:ridge 2px #007F9F;
  421. -moz-border-radius: 3px;
  422. -webkit-border-radius: 3px;
  423. border-radius: 3px;
  424. -moz-box-shadow: 0px 7px 23px #000000;
  425. -webkit-box-shadow: 0px 7px 23px #000000;
  426. }
  427.  
  428. input {
  429. background: #332a3f;
  430. font-size: 10px;
  431. text-transform: uppercase;
  432. color: #007F9F;
  433. border: none;
  434.  
  435. }
  436.  
  437. #status_submit_button {background-image: none; }
  438.  
  439. .portlink:link, .portlink:visited, .portlink:active{
  440. color: white;
  441. font-family: trebuchet ms;
  442. font-size: 10px;
  443. text-transform: uppercase;
  444. font-weight: lighter;
  445. border-right: 3px solid #007F9F;
  446. border-left: 3px solid #007F9F;
  447. line-height: 22px;
  448. text-align: center;
  449. padding:0px;
  450. margin:5px;
  451. background: #837a7e;
  452. width:100px;
  453. height:25px;
  454. -webkit-transition: all 0.5s ease-out;
  455. -moz-transition: all 0.5s ease-out;
  456. display:inline-block;
  457. border:ridge 2px #007F9F;
  458. -moz-border-radius: 3px;
  459. -webkit-border-radius: 3px;
  460. border-radius: 3px;
  461. -moz-box-shadow: 0px 7px 23px #000000;
  462. -webkit-box-shadow: 0px 7px 23px #000000;
  463. }
  464. .portlink:hover{
  465. color: #fff;
  466. background-color: #6D898A;
  467. -webkit-border-radius: 8px;
  468. -moz-border-radius: 8px;
  469. border-radius: 8px;
  470. -webkit-transition: all 0.8s ease-out;
  471. -moz-transition: all 0.8s ease-out;
  472. }
  473.  
  474.  
  475. #navi {
  476. margin: 0px;
  477. position: fixed;
  478. top: 0px;
  479. left: 0px;
  480. height: 50px;
  481. width: 100%;
  482. border:ridge 2px #282c2d;
  483. -moz-border-radius: 3px;
  484. -webkit-border-radius: 3px;
  485. border-radius: 3px;
  486. -moz-box-shadow: 0px 7px 23px #000000;
  487. -webkit-box-shadow: 0px 7px 23px #000000;
  488. }
  489. div.menu5
  490. {
  491. width:750px;
  492. margin:0 auto;
  493. text-align:center;
  494. background:;
  495. border:px solid black;
  496. font-size:0;
  497. padding:0px;
  498. }
  499.  
  500. div.menu5 a
  501. {
  502. display: inline-block;
  503. padding: 3 4px;
  504. background:#3A332C;
  505. border:1px solid #282c2d;
  506. color:#C4B09C;
  507. text-decoration:none;
  508. font: bold 12px Arial;
  509. line-height: 20px;
  510. margin-right:1px;
  511. }
  512.  
  513. div.menu5 a:hover, div.menu5 a.current
  514. {
  515. background:#6D898A;
  516. color:#E6D4C3;
  517. }
  518. </style>
  519.  
  520. <div id="navi">
  521. <div class="menu5">
  522.  
  523. <a href="http://vampirefreaks.com/profiles/home.php" class="portlink">VF Home</a>
  524. <a href="/EmiChild" class="portlink">My Profile</a>
  525. <a href="/gallery/EmiChild" class="portlink">Refresh</a>
  526. <a href="http://vampirefreaks.com/pics_edit_header.php" class="portlink">Edit Gallery</a>
  527. <a href="/journal/EmiChild" class="portlink">Jottings</a>
  528. <a href="http://vampirefreaks.com/members/Beeline/Beeline+Designs" class="portlink">PD 14</a>
  529.  
  530. </div></div>
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!