API tools faq
paste
NekoPrincessSheila

Blueprint VF Cult WIP

NekoPrincessSheila
Jun 1st, 2014
162
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.06 KB | None | 0 0
raw download clone embed print report
  1. DESCRIPTION
  2.  
  3. <center>
  4. <style>
  5. .main {
  6. width: 800px;
  7. background: transparent;
  8. height: 100%;
  9. }
  10.  
  11. .navibutton {
  12. -webkit-opacity: 0.8;
  13. -moz-opacity: 0.8;
  14. opacity: 0.8;
  15. -webkit-transition: all 1s ease;
  16. -moz-transition: all 1s ease;
  17. -ms-transition: all 1s ease;
  18. -o-transition: all 1s ease;
  19. transition: all 1s ease;
  20. }
  21.  
  22. .navibutton:hover {
  23. -webkit-opacity: 1;
  24. -moz-opacity: 1;
  25. opacity: 1;
  26. -webkit-transform: rotate(360deg);
  27. -moz-transform: rotate(360deg);
  28. -o-transform: rotate(360deg);
  29. -ms-transform: rotate(360deg);
  30. transform: rotate(360deg);
  31. -webkit-transition: all 1s ease;
  32. -moz-transition: all 1s ease;
  33. -ms-transition: all 1s ease;
  34. -o-transition: all 1s ease;
  35. transition: all 1s ease;
  36. }
  37.  
  38. .tcon {
  39. height: 80px;
  40. width: 100px;
  41. border-radius: 10px;
  42. border: 2px solid #A7323B;
  43. -webkit-opacity: 0.8;
  44. -moz-opacity: 0.8;
  45. opacity: 0.8;
  46. -webkit-transition: all 1s ease;
  47. -moz-transition: all 1s ease;
  48. -ms-transition: all 1s ease;
  49. -o-transition: all 1s ease;
  50. transition: all 1s ease;
  51. }
  52.  
  53. .tcon:hover {
  54. border-radius: 50%;
  55. border: 2px solid #A6B556;
  56. -webkit-opacity: 1;
  57. -moz-opacity: 1;
  58. opacity: 1;
  59. -webkit-transition: all 1s ease;
  60. -moz-transition: all 1s ease;
  61. -ms-transition: all 1s ease;
  62. -o-transition: all 1s ease;
  63. transition: all 1s ease;
  64. }
  65.  
  66. .base {
  67. top: 20px;
  68. padding: 0px;
  69. margin: 0px;
  70. width: 800px;
  71. height: 650px;
  72. position: relative;
  73. background: #15141A url('http://i.imgur.com/qwKKTWE.png') no-repeat;
  74. border-radius: 20px 20px 0px 0px;
  75. }
  76.  
  77. #navi{
  78. top: 250px;
  79. left: 50px;
  80. width: 400px;
  81. height: 70px;
  82. text-align: center;
  83. overflow: auto;
  84. position: absolute;
  85. padding: 0px;
  86. border-radius: 5px;
  87. background: transparent;
  88. border: 0px solid #fff;
  89. }
  90.  
  91. #about {
  92. top: 20px;
  93. left: 500px;
  94. width: 280px;
  95. height: 310px;
  96. text-align: center;
  97. overflow: auto;
  98. position: absolute;
  99. padding: 0px;
  100. border-radius: 5px;
  101. background: #63203F;
  102. -webkit-opacity: 0.8;
  103. -moz-opacity: 0.8;
  104. opacity: 0.8;
  105. border: 1px solid #fff;
  106. }
  107.  
  108. #topco {
  109. top: 340px;
  110. left: 10px;
  111. width: 400px;
  112. height: 140px;
  113. text-align: center;
  114. overflow: auto;
  115. position: absolute;
  116. padding: 0px;
  117. border-radius: 5px;
  118. background: #63203F;
  119. -webkit-opacity: 0.8;
  120. -moz-opacity: 0.8;
  121. opacity: 0.8;
  122. border: 1px solid #fff;
  123. }
  124.  
  125. #admin {
  126. top: 340px;
  127. left: 420px;
  128. width: 360px;
  129. height: 300px;
  130. text-align: center;
  131. overflow: auto;
  132. position: absolute;
  133. padding: 0px;
  134. border-radius: 5px;
  135. background: #63203F;
  136. -webkit-opacity: 0.8;
  137. -moz-opacity: 0.8;
  138. opacity: 0.8;
  139. border: 1px solid #fff;
  140. }
  141.  
  142. #chickendinners {
  143. top: 490px;
  144. left: 10px;
  145. width: 400px;
  146. height: 150px;
  147. text-align: center;
  148. overflow: auto;
  149. position: absolute;
  150. padding: 0px;
  151. border-radius: 5px;
  152. background: #63203F;
  153. -webkit-opacity: 0.8;
  154. -moz-opacity: 0.8;
  155. opacity: 0.8;
  156. border: 1px solid #fff;
  157. }
  158.  
  159. </style>
  160.  
  161. <div class="base">
  162. <div id="navi">
  163. <a href="http://vampirefreaks.com/profiles/home.php"><img src="http://i.imgur.com/sweycuo.png" class="navibutton" title="VF Home" /></a>
  164.  
  165. <a href="http://vampirefreaks.com/group_invite.php?c=Blueprint"><img src="http://i.imgur.com/H3hpUAF.png" class="navibutton" title="Invite" /></a>
  166.  
  167. <a href="http://vampirefreaks.com/group_edit_members.php?c=Blueprint"><img src="http://i.imgur.com/ngY8Syj.png" class="navibutton" title="Edit Members" /></a>
  168.  
  169. <a href="http://vampirefreaks.com/cults/group_edit.php?c=Blueprint"><img src="http://i.imgur.com/laPoGfB.png" class="navibutton" title="Edit Cult" /></a>
  170.  
  171. <a href="http://www.vampirefreaks.com/cults/controlpanel.php?c=Blueprint"><img src="http://i.imgur.com/AIJkPgE.png" class="navibutton" title="Control Panel" /></a>
  172.  
  173. <a href="http://vampirefreaks.com/cults/statistics.php?c=Blueprint"><img src="http://i.imgur.com/hfWAOo2.png" class="navibutton" title="Cult Stats" /></a>
  174.  
  175. <a href="http://maddened-by-the-stars.tk/"><img src="http://i.imgur.com/twYL83z.png" class="navibutton" title="Credit:Maddened by the Stars Designs" /></a>
  176. </div>
  177.  
  178. <div id="about">
  179. <h1>about blueprint</h1>
  180.  
  181. </div>
  182.  
  183. <div id="topco">
  184. <h1>top contributors</h1>
  185. <table width="100%" cellpadding="1" cellspacing="0" border="0">
  186. <tr><td width="33%" valign="top">
  187.  
  188. <a href="/THEIRUSERNAME"><img src="http://i.imgur.com/TzVFMWi.png" class="tcon" title="NAME" /></a><br /># Posts | # Invites
  189. </td><td width="33%" valign="top">
  190.  
  191. <a href="/THEIRUSERNAME"><img src="http://i.imgur.com/TzVFMWi.png" class="tcon" title="NAME" /></a><br /># Posts | # Invites
  192. </td><td width="33%" valign="top">
  193. <a href="/THEIRUSERNAME"><img src="http://i.imgur.com/TzVFMWi.png" class="tcon" title="NAME" /></a><br /># Posts | # Invites
  194. </td></tr></table>
  195. </div>
  196.  
  197. <div id="admin">
  198. <h1>administration</h1>
  199.  
  200. <a href="/THEIRUSERNAME"><img src="" class="admini" title="Keri Lynn | Owner" /></a>
  201.  
  202. <a href="/THEIRUSERNAME"><img src="" class="admini" title="NAME | Co-Owner" /></a>
  203.  
  204. <a href="/THEIRUSERNAME"><img src="" class="admini" title="NAME | Root" /></a>
  205.  
  206. <a href="/THEIRUSERNAME"><img src="" class="admini" title="NAME | Root" /></a>
  207.  
  208. <a href="/THEIRUSERNAME"><img src="" class="admini" title="NAME | Admin" /></a>
  209.  
  210. <a href="/THEIRUSERNAME"><img src="" class="admini" title="NAME | Admin" /></a>
  211.  
  212. <a href="/THEIRUSERNAME"><img src="" class="admini" title="NAME | Mod" /></a>
  213.  
  214. <a href="/THEIRUSERNAME"><img src="" class="admini" title="NAME | Mod" /></a>
  215.  
  216. </div>
  217.  
  218. <div id="chickendinners">
  219. <h1>contest winners</h1>
  220.  
  221. <a href="/THEIRUSERNAME"><img src="" class="winner" title="NAME | CONTESTNAME" /></a>
  222.  
  223. </div>
  224.  
  225. </div>
  226.  
  227. HEADER
  228.  
  229. <center>
  230. <style>
  231. .leftnav, .footer_links, .description_title, .latest_posts_header, .created_on, .status, .maintop, .cult_menu, .cult_info, .view_statistics, .owner_title, .cult_name, .threads_related, .view_all_cult_posts, .view_expanded_posts, .edit_pictures, .upload_pictures, .menu2, #menu0, .darkbox td, .comment_input b, .ui-widget, .num_members { display: none; }
  232.  
  233. html, body {
  234. background: url('http://i.imgur.com/TzVFMWi.png') repeat fixed;
  235. }
  236.  
  237. body, table, .rate b {
  238. text-decoration: none;
  239. text-transform: none;
  240. font: 10pt geneva;
  241. letter-spacing: 1px;
  242. color: #A6B556;
  243. }
  244.  
  245. b {
  246. text-decoration: bold;
  247. font-weight: bold;
  248. text-shadow: 2px #F73E44;
  249. font: 10pt geneva;
  250. letter-spacing: 2px;
  251. text-transform: uppercase;
  252. color: #A6B556;
  253. }
  254.  
  255. i {
  256. text-decoration: italic;
  257. text-shadow: none;
  258. font: 10pt geneva;
  259. color: #A6B556;
  260. border-bottom: none;
  261. font-style: italic;
  262. }
  263.  
  264. u {
  265. border-bottom: 1px dashed #F73E44;
  266. text-decoration: none;
  267. text-transform: none;
  268. text-shadow: none;
  269. font: 10pt Geneva;
  270. color: #A6B556;
  271. }
  272.  
  273. s {
  274. text-decoration: strike;
  275. text-transform: lowercase;
  276. text-shadow: none;
  277. font: 7pt Geneva;
  278. letter-spacing: -1px;
  279. color: #78B4BC;
  280. }
  281.  
  282. blockquote {
  283. display: block;
  284. padding: 0px;
  285. margin-top: 0px;
  286. margin-bottom: 0px;
  287. border-radius: 5px;
  288. border-bottom: #6E9EA8 dashed 2px;
  289. border-top: #6E9EA8 dashed 2px;
  290. text-decoration: none;
  291. text-transform: uppercase;
  292. letter-spacing: 4px;
  293. font: 10pt Geneva;
  294. color: #A6B556;
  295. text-align: center;
  296. background: #F73E44;
  297. }
  298.  
  299. blockquote:first-line {
  300. font-size: 140%;
  301. color: #000;
  302. }
  303.  
  304. h1 {
  305. display: block;
  306. padding: 0px;
  307. margin-top: 0px;
  308. margin-bottom: 3px;
  309. border-radius: 5px;
  310. text-decoration: none;
  311. text-transform: uppercase;
  312. letter-spacing: 4px;
  313. font: 13pt century gothic;
  314. color: #A6B556;
  315. background: transparent;
  316. border-bottom: #F73E44 solid 2px;
  317. }
  318. h2 {
  319. display: block;
  320. padding: 0px;
  321. margin-top: 0px;
  322. margin-bottom: 3px;
  323. border-radius: 5px;
  324. text-decoration: none;
  325. text-transform: none;
  326. letter-spacing: 4px;
  327. font: 12pt geneva;
  328. color: #A6B556;
  329. background: transparent;
  330. }
  331. h3 {
  332. display: block;
  333. padding: 0px;
  334. margin-top: 0px;
  335. margin-bottom: 3px;
  336. border-radius: 5px;
  337. text-decoration: none;
  338. text-transform: none;
  339. letter-spacing: 4px;
  340. text-align: right;
  341. font: 11pt geneva;
  342. color: #A6B556;
  343. background: transparent;
  344. }
  345.  
  346. a:link, a:visited{
  347. font: 9pt geneva;
  348. color: #6E9EA8;
  349. text-transform: uppercase;
  350. -webkit-transition: all 1s ease;
  351. -moz-transition: all 1s ease;
  352. -ms-transition: all 1s ease;
  353. -o-transition: all 1s ease;
  354. transition: all 1s ease;
  355. }
  356.  
  357. a:hover{
  358. color: #78B4BC;
  359. background: transparent;
  360. }
  361.  
  362. .main {
  363. width: 800px;
  364. background: #15141A;
  365. height: 100%;
  366. }
  367.  
  368. .affiliates, .members_viewing {
  369. width: 780px;
  370. border-radius: 0px;
  371. border: 0px;
  372. background: #15141A;
  373. font: 11pt geneva;
  374. color: #A6B556;
  375. letter-spacing: 1px;
  376. text-align: center;
  377. text-transform: lowercase;
  378. display: block;
  379. padding: 5px;
  380. margin: 5px;
  381. }
  382.  
  383. .forumheader {
  384. width: 780px;
  385. background: url('');
  386. font: 13pt geneva;
  387. color: #A6B556;
  388. border-radius: 10px;
  389. letter-spacing: 1px;
  390. text-align: center;
  391. border-radius: 10px;
  392. text-transform: uppercase;
  393. display: block;
  394. border: 0px;
  395. padding: 5px;
  396. margin: 0px;
  397. }
  398.  
  399. .group_forum {
  400. width: 700px;
  401. background: #15141A;
  402. border-radius: 10px;
  403. border: 0px;
  404. }
  405.  
  406. .group_forum b {
  407. background: transparent;
  408. font: 9pt century gothic;
  409. color: #A6B556;
  410. letter-spacing: 1px;
  411. text-align: center;
  412. text-transform: uppercase;
  413. display: block;
  414. border: 0px;
  415. border-radius: 10px;
  416. padding: 0px;
  417. margin: 0px;
  418. }
  419.  
  420. </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!