Advertisement
conception

Ayasha Gallery

Aug 24th, 2015
33
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.76 KB | None | 0 0
  1. <style>
  2. .navlink:link, .navlink:active, .navlink:visited {
  3. color: #fafafa;
  4. height: 10px;
  5. line-height: 10px;
  6. font-family: Trebuchet MS;
  7. font-size: 6pt;
  8. font-weight: lighter;
  9. text-transform: uppercase;
  10. font-weight: lighter;
  11. padding: 2px;
  12. width: 95px;
  13. margin-top: 5px;
  14. text-align: center;
  15. display: block;
  16. background: transparent;
  17. letter-spacing: 1px;
  18. -webkit-transition: all 0.8s ease-out;
  19. -moz-transition: all 0.8s ease-out;
  20. }
  21.  
  22. .navlink:hover {
  23. color: #2d2a28;
  24. width: 95px;
  25. height: 10px;
  26. line-height: 10px;
  27. font-size: 6pt;
  28. text-transform: uppercase;
  29. font-style: normal;
  30. font-weight: lighter;
  31. text-align: center;
  32. margin-top: 5px;
  33. display: block;
  34. background: #dee8c9;
  35. border-radius: 0px;
  36. -webkit-transition: all 0.8s ease-out;
  37. -moz-transition: all 0.8s ease-out;
  38. }
  39.  
  40. html, body {
  41. background-color: #3f3d3a;
  42. background-image: url('http://i.imgur.com/vZMY9qL.png');
  43. background-attachment: fixed;
  44. background-position: top left;
  45. background-repeat: no-repeat; }
  46.  
  47. h1 {
  48. color: #ffa9a9;
  49. border-bottom: 2px solid #ffa9a9;
  50. text-shadow: 1px 1px 1px #262422;
  51. background: #e1e3bd;
  52. font-family: trebuchet ms;
  53. font-size: 12pt;
  54. display: block;
  55. margin: 2px;
  56. border-radius: 5px;
  57. text-transform: uppercase;
  58. font-weight: bolder;
  59. letter-spacing: 1px;
  60. text-align: center;
  61. }
  62.  
  63.  
  64. b {
  65. color: #dee8c9;
  66. font-family: trebuchet ms;
  67. text-transform: uppercase;
  68. font-size: 8pt;
  69. }
  70.  
  71. i {
  72. text-transform: none;
  73. font-family: georgia;
  74. color: #dee8c9;
  75. text-shadow: 1px 1px 1px #101010;
  76. font-size: 14px;
  77. letter-spacing: 1px;
  78. }
  79.  
  80. u {
  81. text-transform: none;
  82. border-bottom: 1px dashed #ffa9a9;
  83. font-family: georgia;
  84. font-size: 11px;
  85. letter-spacing: 2px;
  86. }
  87.  
  88. s {
  89. color: #746c66;
  90. }
  91.  
  92. a:link, .menu2, .menu2 a:link {
  93. color: #ffa9a9;
  94. font-family: trebuchet ms;
  95. font-size: 11px;
  96. text-transform: uppercase;
  97. text-decoration: none;
  98. -webkit-transition: all 0.5s ease-out;
  99. -moz-transition: all 0.5s ease-out;
  100. }
  101.  
  102. a:visited, .menu2 a:visited {
  103. color: #ffa9a9;
  104. text-transform: uppercase;
  105. font-family: trebuchet ms;
  106. font-size: 11px;
  107. text-decoration: none;
  108. }
  109.  
  110. a:hover, .menu, .menu a:link, .menu a:visited {
  111. color: #dee8c9;
  112. text-decoration: none;
  113. font-family: trebuchet ms;
  114. font-size: 11px;
  115. text-transform: uppercase;
  116. background: transparent;
  117. -webkit-transition: all 0.5s ease-out;
  118. -moz-transition: all 0.5s ease-out;
  119. }
  120.  
  121. .member_thumbnail {
  122. background: #e1e3bd;
  123. border: 2px solid #ffa9a9;
  124. padding: 2px;
  125. width: 100px;
  126. height: 100px;
  127. margin: 1px;
  128. margin-top: 2px;
  129. -webkit-transition: all 0.7s ease-out;
  130. -moz-transition: all 0.7s ease-out;
  131. }
  132.  
  133. .member_thumbnail:hover {
  134. background: #ffa9a9;
  135. padding: 2px;
  136. margin: 1px;
  137. margin-top: 2px;
  138. border: 2px solid #e1e3bd;
  139. width: 100px;
  140. height: 100px;
  141. -webkit-transition: all 0.7s ease-out;
  142. -moz-transition: all 0.7s ease-out;
  143. }
  144.  
  145. .folder_pic {
  146. display: none;
  147. }
  148.  
  149. #vf_pic {
  150. background: #e1e3bd;
  151. border: 2px solid #ffa9a9;
  152. padding: 2px;
  153. margin: 1px;
  154. border-radius: 5px;
  155. margin-top: 2px;
  156. -webkit-transition: all 0.7s ease-out;
  157. -moz-transition: all 0.7s ease-out;
  158. }
  159.  
  160. #vf_pic:hover {
  161. background: #ffa9a9;
  162. padding: 2px;
  163. margin: 1px;
  164. margin-top: 2px;
  165. border-radius: 5px;
  166. border: 2px solid #e1e3bd;
  167. -webkit-transition: all 0.7s ease-out;
  168. -moz-transition: all 0.7s ease-out;
  169. }
  170.  
  171. .googleads.center {position: absolute; top: 90%;}
  172.  
  173. .googleactiveviewclass, .side_td {position: absolute; left: 1000px;}
  174.  
  175. ::-webkit-scrollbar { width: 2px; background: transparent; }
  176.  
  177. ::-webkit-scrollbar-track-piece { background: transparent; width:1px; border: none; overflow:hidden; -webkit-border-radius:100px; }
  178.  
  179. ::-webkit-scrollbar-thumb{ -webkit-border-radius:0px; background: #ffa9a9; width:5px; border:none; }
  180.  
  181. ::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {height:5px; display: block; background-color:transparent; -webkit-border-radius:100px; border:none;
  182. -webkit-transition: all 0.5s ease-out;
  183. -moz-transition: all 0.5s ease-out;}
  184.  
  185. ::-webkit-scrollbar-thumb:hover, ::-webkit-scrollbar-button:start:decrement:hover, ::-webkit-scrollbar-button:end:increment:hover{background-color:#ffa9a9; cursor:hand;}
  186.  
  187. ::-webkit-scrollbar-button:start:decrement:active, ::-webkit-scrollbar-button:end:increment:active{background:transparent;}
  188.  
  189. .main {
  190. color: #f1f1f1;
  191. margin-top: 100px;
  192. margin-left: 565px;
  193. background-color: #2d2a28;
  194. border:5px solid #34322f;
  195. border-radius: 7px;
  196. width: 500px;
  197. }
  198.  
  199. .leftnav, .maintop img, h2, .topbar, .description, .footer_links, .menu2 {display: none;
  200. }
  201.  
  202. blockquote {
  203. width: 83%;
  204. height: auto;
  205. background: #34322f;
  206. border-bottom: 2px solid #e1e3bd;
  207. border-radius: 5px;
  208. }
  209.  
  210. .subheading { border: none;
  211. }
  212. .subheading td {
  213. text-transform: none;
  214. font-style: none;
  215. background: #34322f;
  216. color: #f1f1f1;
  217. border: none;
  218. }
  219.  
  220. .subject {
  221. color: #ffa9a9;
  222. border-bottom: 2px solid #ffa9a9;
  223. text-shadow: 1px 1px 1px #262422;
  224. background: #e1e3bd;
  225. font-family: trebuchet ms;
  226. font-size: 12pt;
  227. display: block;
  228. margin: 2px;
  229. border-radius: 5px;
  230. text-transform: uppercase;
  231. font-weight: bolder;
  232. letter-spacing: 1px;
  233. text-align: center;
  234. }
  235.  
  236. .entrytable {
  237. background: transparent;
  238. border: none;
  239. }
  240.  
  241. .comment_table {
  242. background: transparent;
  243. }
  244.  
  245. a:link img[src="http://e.vampirefreaks.com/images/win.png"]{background-image: url(http://i.imgur.com/TJyQgyG.png); top right no-repeat; height: 10px; width:0px; padding-right: 10px;}
  246.  
  247. a:link img[src="http://e.vampirefreaks.com/images/fail.png"]{background-image: url(http://i.imgur.com/URfHcd6.png); top right no-repeat; height: 11px; width:0px; padding-right: 10px;}
  248.  
  249. .folder_node {background-image: url('http://i.imgur.com/WYjiZY0.png');
  250. width: 100px;
  251. height: 100px;
  252. display: inline-block;
  253. opacity: 100;
  254. transition: all 1s ease-out;
  255. -o-transition: all 1s ease-out;
  256. -webkit-transition: all 1s ease-out;
  257. -moz-transition: all 1s ease-out;
  258. }
  259.  
  260. .folder_node:hover {
  261. opacity: .50;
  262. transition: all 1s ease-out;
  263. -o-transition: all 1s ease-out;
  264. -webkit-transition: all 1s ease-out;
  265. -moz-transition: all 1s ease-out;
  266. }
  267.  
  268.  
  269. .forum_comment {
  270. color: #ffa9a9;
  271. border-bottom: 2px solid #ffa9a9;
  272. text-shadow: 1px 1px 1px #262422;
  273. background: #e1e3bd;
  274. font-family: trebuchet ms;
  275. font-size: 12pt;
  276. display: block;
  277. margin: 2px;
  278. border-radius: 5px;
  279. text-transform: uppercase;
  280. font-weight: bolder;
  281. letter-spacing: 1px;
  282. text-align: center;
  283. }
  284.  
  285. .comments {
  286. background: #6f6f6f;
  287. }
  288.  
  289. .tdbordered td {
  290. border: none;
  291. }
  292. .gallery_node {
  293. background: transparent;
  294. font-style: italic;
  295. }
  296.  
  297. input, select, textarea {
  298. background: #34322f;
  299. border: none;
  300. padding: 2px;
  301. border-radius: 5px;
  302. text-align: center;
  303. }
  304.  
  305. .entrytable {
  306. background: transparent;
  307. border: none;
  308. }
  309.  
  310. .comment_table {
  311. background: transparent;
  312. }
  313.  
  314. .box {
  315. overflow: auto;
  316. padding: 4px;
  317. position: fixed;
  318. text-align: center;
  319. color: #f1f1f1;
  320. background-color: #2d2a28;
  321. border-bottom: 2px solid #e1e3bd;
  322. }
  323.  
  324. #navi {
  325. top: 115px;
  326. height: 170px;
  327. width: 100px;
  328. left: 460px;
  329. overflow: hidden;
  330. border-radius: 5px 0px 0px 5px;
  331. }
  332.  
  333. </style>
  334. <center>
  335. <div class="box" id="navi"><a href="http://vampirefreaks.com/profiles/home.php" class="navlink">VF Home</a><a href="http://vampirefreaks.com/user_comment.php?user=Ayasha&amp;rate=1" class="navlink">Message</a><a href="http://vampirefreaks.com/profile_action.php?user=Ayasha" class="navlink">Add Friend</a><a href="http://vampirefreaks.com/journal/Ayasha" class="navlink">Journal</a><a href="http://vampirefreaks.com/gallery/Ayasha" class="navlink">Gallery</a><a href="http://vampirefreaks.com/members/Ayasha/Thunderbird" class="navlink">Portfolio</a><a href="http://www.vampirefreaks.com/pics_edit_header.php" class="navlink">Edit Gallery</a><a href="/silklungs" class="navlink">Header</a><a href="/voltage" class="navlink">Coding</a></div></center>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement