API tools faq
paste
NekoPrincessSheila

Cult Layout

NekoPrincessSheila
Dec 10th, 2013
66
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.79 KB | None | 0 0
raw download clone embed print report
  1. DESCRIPTION:
  2.  
  3. <center>
  4. <style>
  5. .main {
  6. width: 800px;
  7. background: #181818 no-repeat top center;
  8. height: 100%!important;
  9. }
  10.  
  11. .crookedimg {
  12. margin: 0 auto;
  13. margin: 0px; -webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.2); -moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.2); box-shadow: 4px 4px 4px rgba(0,0,0,0.2); -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease;
  14. }
  15.  
  16. .crooked {
  17. margin: 0 auto;
  18. }
  19. .crookedimg:hover {
  20. -webkit-transform: rotate(-7deg); -moz-transform: rotate(-7deg); -o-transform: rotate(-7deg);
  21. }
  22.  
  23. .navi {
  24. display: block;
  25. padding: 0px;
  26. margin-top: 0px;
  27. margin-bottom: 0px;
  28. border-radius: 0px;
  29. border-left: 5px solid #C7DDE2;
  30. border-right: 5px solid #C7DDE2;
  31. text-decoration: none;
  32. text-transform: uppercase;
  33. letter-spacing: 4px;
  34. font: 8pt century gothic;
  35. color: #3399CC;
  36. background: transparent;
  37. }
  38.  
  39. .navi:hover {
  40. display: block;
  41. padding: 0px;
  42. margin-top: 0px;
  43. margin-bottom: 0px;
  44. border-radius: 0px;
  45. border-left: 20px solid #C7DDE2;
  46. border-right: 5px solid #C7DDE2;
  47. text-decoration: none;
  48. text-align: right;
  49. text-transform: lowercase;
  50. letter-spacing: 4px;
  51. font: 8pt century gothic;
  52. color: #3399CC;
  53. background: transparent;
  54. }
  55.  
  56. .overlay {
  57. top: 0px; width: 780px; height: 700px; position: relative; background: transparent; border-radius: 20px;
  58. }
  59.  
  60. #header {
  61. top: 30px; left: 0px; width: 760px; height: 50px; text-align: center; overflow: hidden; position: absolute; padding: 4px; border-radius: 20px; background: transparent; font-color: #748076; border: 1px solid #000;
  62. }
  63.  
  64. #about {
  65. top: 100px; left: 0px; width: 550px; height: 290px; text-align: center; overflow: hidden; position: absolute; padding: 4px; border-radius: 20px; background: transparent; font-color: #748076; border: 1px solid #C7DDE2;
  66. }
  67. #navi {
  68. top: 100px; left: 570px; width: 200px; height: 180px; text-align: center; overflow: hidden; position: absolute; padding: 4px; border-radius: 20px; background: transparent; font-color: #748076;
  69. }
  70. #staff {
  71. top: 410px; left: 0px; width: 370px; height: 150px; text-align: center; overflow: hidden; position: absolute; padding: 4px; border-radius: 20px; background: transparent; font-color: #748076; border: 1px solid #C7DDE2;
  72. }
  73. #rules {
  74. top: 410px; left: 400px; width: 140px; height: 150px; text-align: center; overflow: hidden; position: absolute; padding: 4px; border-radius: 20px; background: transparent; font-color: #748076; border: 1px solid #C7DDE2;
  75. }
  76. #featuredmem {
  77. top: 300px; left: 570px; width: 200px; height: 175px; text-align: center; overflow: hidden; position: absolute; padding: 4px; border-radius: 20px; background: transparent; font-color: #748076; border: 1px solid #C7DDE2;
  78. }
  79. #tposters {
  80. top: 500px; left: 570px; width: 200px; height: 210px; text-align: center; overflow: auto; position: absolute; padding: 4px; border-radius: 20px; background: transparent; font-color: #748076; border: 1px solid #C7DDE2;
  81. }
  82. #winners {
  83. top: 580px; left: 0px; width: 550px; height: 130px; text-align: center; overflow: hidden; position: absolute; padding: 4px; border-radius: 20px; background: transparent; font-color: #748076; border: 1px solid #C7DDE2;
  84. }
  85.  
  86. </style>
  87.  
  88. <center>
  89. <div class="overlay">
  90.  
  91. <div id="header">
  92. <font size="10" face="century gothic">CULT NAME</font>
  93. </div>
  94.  
  95. <div id="about">
  96. <h1>About</h1>
  97. <p>CULT ABOUT GOES HERE</p>
  98.  
  99. <blockquote>This layout can be tweaked at request.</blockquote>
  100.  
  101. </div>
  102.  
  103. <div id="staff">
  104. <h1>Staff</h1>
  105. <a href="/USERNAME"><img src="http://i231.photobucket.com/albums/ee83/DelilahDarkness/Backgrounds/DepthsofOceanPatternsbyVipiDesign10_zps793d5d33.jpg" height="130" width="70" title="NAME|OWNER" class="crookedimg" /></a>
  106. <a href="/USERNAME"><img src="http://i231.photobucket.com/albums/ee83/DelilahDarkness/Backgrounds/DepthsofOceanPatternsbyVipiDesign10_zps793d5d33.jpg" height="130" width="70" title="NAME|CO-OWNER" class="crookedimg" /></a>
  107. <a href="/USERNAME"><img src="http://i231.photobucket.com/albums/ee83/DelilahDarkness/Backgrounds/DepthsofOceanPatternsbyVipiDesign10_zps793d5d33.jpg" height="130" width="70" title="NAME|ROOT" class="crookedimg" /></a>
  108. <a href="/USERNAME"><img src="http://i231.photobucket.com/albums/ee83/DelilahDarkness/Backgrounds/DepthsofOceanPatternsbyVipiDesign10_zps793d5d33.jpg" height="130" width="70" title="NAME|ADMIN" class="crookedimg" /></a>
  109. <a href="/USERNAME"><img src="http://i231.photobucket.com/albums/ee83/DelilahDarkness/Backgrounds/DepthsofOceanPatternsbyVipiDesign10_zps793d5d33.jpg" height="130" width="70" title="NAME|MOD" class="crookedimg" /></a>
  110.  
  111. </div>
  112.  
  113. <div id="rules">
  114. <h1>Rules</h1>
  115. 001. Follow all VF ToS.<br />
  116. 002. No Bullshit.<br />
  117. 003. Post in the <a href="WEBURL">[INTRO THREAD]</a> first.<br />
  118. 004. Staff Word is Law.<br />
  119. 005. No Discrimination.<br />
  120. 006.<br />
  121. 007.<br />
  122. 008.<br />
  123. 009.<br />
  124. 010.<br />
  125. </div>
  126.  
  127. <div id="navi">
  128. <a href="http://vampirefreaks.com/profiles/home.php" class="navi">[VF HOME]</a><br />
  129. <a href="http://vampirefreaks.com/cults/group_edit.php?c=CULTNAME" class="navi">[EDIT CULT]</a><br />
  130. <a href="http://vampirefreaks.com/group_edit_members.php?c=CULTNAME" class="navi">[EDIT MEMBERS]</a><br />
  131. <a href="http://vampirefreaks.com/group_invite.php?c=CULTNAME" class="navi">[INVITE MEMBERS]</a><br />
  132. <a href="http://www.vampirefreaks.com/cults/controlpanel.php?c=CULTNAME" class="navi">[CONTROL PANEL]</a><br />
  133. <a href="WEBURL" class="navi">[INTRO THREAD]</a><br />
  134. <a href="WEBURL" class="navi">[GRAPHICS]</a><br />
  135. <a href="http://maddenedbythestarsdesigns.netai.net/" class="navi">[LAYOUT CREDIT]</a>
  136. </div>
  137.  
  138. <div id="featuredmem">
  139. <h1>Featured Member</h1>
  140. <img src="http://i231.photobucket.com/albums/ee83/DelilahDarkness/Backgrounds/DepthsofOceanPatternsbyVipiDesign10_zps793d5d33.jpg" height="130" width="100" title="NAME|USERNAME" class="crookedimg" /><br />
  141. <a href="WEBURL">[THREAD]</a><a href="WEBURL">[COMMENT/RATE]</a>
  142. </div>
  143.  
  144. <div id="tposters">
  145. <h1>Top Posters</h1>
  146. <u>1,000,000+</u>
  147. <br />
  148. <br />
  149. <br />
  150. <br />
  151. <br />
  152. <u>5,000+</u>
  153. <br />
  154. <br />
  155. <br />
  156. <br />
  157. <br />
  158. <u>1,000+</u>
  159. <br />
  160. <br />
  161. <br />
  162. <br />
  163. <br />
  164. <u>500+</u>
  165. <br />
  166. <br />
  167. <br />
  168. <br />
  169. <br />
  170. </div>
  171.  
  172. <div id="winners">
  173. <h1>Contest Winners</h1>
  174. <marquee>
  175. <img src="http://i231.photobucket.com/albums/ee83/DelilahDarkness/Backgrounds/DepthsofOceanPatternsbyVipiDesign10_zps793d5d33.jpg" height="100" width="70" title="CONTESTNAME|USERNAME" class="crookedimg" />
  176. <img src="http://i231.photobucket.com/albums/ee83/DelilahDarkness/Backgrounds/DepthsofOceanPatternsbyVipiDesign10_zps793d5d33.jpg" height="100" width="70" title="CONTESTNAME|USERNAME" class="crookedimg" />
  177. <img src="http://i231.photobucket.com/albums/ee83/DelilahDarkness/Backgrounds/DepthsofOceanPatternsbyVipiDesign10_zps793d5d33.jpg" height="100" width="70" title="CONTESTNAME|USERNAME" class="crookedimg" />
  178. <img src="http://i231.photobucket.com/albums/ee83/DelilahDarkness/Backgrounds/DepthsofOceanPatternsbyVipiDesign10_zps793d5d33.jpg" height="100" width="70" title="CONTESTNAME|USERNAME" class="crookedimg" />
  179. <img src="http://i231.photobucket.com/albums/ee83/DelilahDarkness/Backgrounds/DepthsofOceanPatternsbyVipiDesign10_zps793d5d33.jpg" height="100" width="70" title="CONTESTNAME|USERNAME" class="crookedimg" />
  180. <img src="http://i231.photobucket.com/albums/ee83/DelilahDarkness/Backgrounds/DepthsofOceanPatternsbyVipiDesign10_zps793d5d33.jpg" height="100" width="70" title="CONTESTNAME|USERNAME" class="crookedimg" />
  181. <img src="http://i231.photobucket.com/albums/ee83/DelilahDarkness/Backgrounds/DepthsofOceanPatternsbyVipiDesign10_zps793d5d33.jpg" height="100" width="70" title="CONTESTNAME|USERNAME" class="crookedimg" />
  182. <img src="http://i231.photobucket.com/albums/ee83/DelilahDarkness/Backgrounds/DepthsofOceanPatternsbyVipiDesign10_zps793d5d33.jpg" height="100" width="70" title="CONTESTNAME|USERNAME" class="crookedimg" />
  183. <img src="http://i231.photobucket.com/albums/ee83/DelilahDarkness/Backgrounds/DepthsofOceanPatternsbyVipiDesign10_zps793d5d33.jpg" height="100" width="70" title="CONTESTNAME|USERNAME" class="crookedimg" />
  184. <img src="http://i231.photobucket.com/albums/ee83/DelilahDarkness/Backgrounds/DepthsofOceanPatternsbyVipiDesign10_zps793d5d33.jpg" height="100" width="70" title="CONTESTNAME|USERNAME" class="crookedimg" />
  185. </marquee>
  186.  
  187. </div>
  188.  
  189. </div>
  190.  
  191.  
  192. HEADER:
  193.  
  194. <style>
  195.  
  196. .leftnav, .footer_links, .description_title, .latest_posts_header, .created_on, .status, .maintop, .cult_menu, .cult_info, .owner_title, .num_members, .cult_name, .threads_related, .menu2, #menu0, .darkbox td, .comment_input b, .num_members, .ui-widget { display: none; }
  197.  
  198. html, body {
  199. background: url('http://i231.photobucket.com/albums/ee83/DelilahDarkness/Backgrounds/DepthsofOceanPatternsbyVipiDesign10_zps793d5d33.jpg') repeat;
  200. font: 6px century gothic;
  201. }
  202.  
  203. body, table, .rate b {
  204. text-decoration: none;
  205. text-transform: none;
  206. font: 7pt century gothic;
  207. letter-spacing: 1px;
  208. color: #3399CC;
  209. }
  210.  
  211. b {
  212. text-decoration: bold;
  213. text-transform: none;
  214. text-shadow: -1px 1px 0px #000000;
  215. font: 7pt century gothic;
  216. letter-spacing: 1px;
  217. color: #3399CC;
  218. }
  219.  
  220. i {
  221. text-decoration: italic;
  222. text-shadow: none;
  223. font: 7pt century gothic;
  224. color: #3399CC;
  225. border-bottom: none;
  226. font-style: italic;
  227. }
  228.  
  229. u {
  230. border-bottom: 1px solid #000;
  231. text-decoration: none;
  232. text-transform: none;
  233. text-shadow: none;
  234. font: 7pt century gothic;
  235. color: #3399CC;
  236. }
  237.  
  238. s {
  239. text-decoration: strike;
  240. text-transform: lowercase;
  241. text-shadow: none;
  242. font: 7pt century gothic;
  243. letter-spacing: -1px;
  244. color: #3399CC;
  245. }
  246. blockquote {
  247. display: block;
  248. padding: 0px;
  249. margin-top: 0px;
  250. margin-bottom: 0px;
  251. border-radius: 20px;
  252. border: #3DB5D3 dotted 1px;
  253. text-decoration: none;
  254. text-transform: uppercase;
  255. letter-spacing: 4px;
  256. font: 10pt century gothic;
  257. color: #181818;
  258. background: #33DAE0;
  259. }
  260. h1 {
  261. display: block;
  262. padding: 0px;
  263. margin-top: 0px;
  264. margin-bottom: 3px;
  265. border-radius: 20px;
  266. text-decoration: none;
  267. text-transform: uppercase;
  268. letter-spacing: 4px;
  269. font: 10pt century gothic;
  270. color: #3399CC;
  271. background: transparent;
  272. }
  273. h2 {
  274. display: block;
  275. padding: 0px;
  276. margin-top: 0px;
  277. margin-bottom: 3px;
  278. border-radius: 20px;
  279. text-decoration: none;
  280. text-transform: none;
  281. letter-spacing: 4px;
  282. font: 20pt century gothic;
  283. color: #3399CC;
  284. background: transparent;
  285. }
  286.  
  287. a:link, a:visited{
  288. font-family: century gothic; font-size: 7pt; color: #3399CC; font-weight: bold;
  289. }
  290.  
  291. a:hover{
  292. font-family: century gothic; font-size: 7pt; color: #707070; background: transparent; font-weight: bold;
  293. }
  294.  
  295. a.nav:link, a.navlink:visited{
  296. color: #3399CC; background: transparent; font-size: 7pt;
  297. }
  298.  
  299. a.nav:hover {
  300. color: #707070; background: transparent; font-size: 9pt;
  301. }
  302.  
  303. .main {
  304. width: 800px;
  305. background: #181818;
  306. height: 100%!important;
  307. }
  308.  
  309. .affiliates, .members_viewing {
  310. width: 400px;
  311. background: transparent;
  312. font: 10px century gothic;
  313. color: #734357;
  314. letter-spacing: 1px;
  315. text-align: center;
  316. text-transform: lowercase;
  317. display: block;
  318. border: 0px dashed #fff;
  319. padding: 4px;
  320. margin: 4px;
  321. }
  322.  
  323. .affiliates b, .members_viewing b {
  324. width: 380px;
  325. background: transparent;
  326. font: 10px century gothic;
  327. color: #000;
  328. letter-spacing: 1px;
  329. text-align: center;
  330. text-transform: lowercase;
  331. display: block;
  332. padding: 4px;
  333. margin: 4px;
  334. }
  335.  
  336. .forumheader {
  337. width: 800px;
  338. background: #transparent;
  339. font: 12pt century gothic;
  340. color: #3399CC;
  341. letter-spacing: 1px;
  342. text-align: center;
  343. text-transform: uppercase;
  344. display: block;
  345. border: 0px; padding: 5px;
  346. margin: 5px;
  347. }
  348.  
  349. .group_forum {
  350. width: 800px;
  351. background: #transparent;
  352. color: #000;
  353. }
  354.  
  355. .group_forum b {
  356. background: #transparent;
  357. font: 8pt century gothic;
  358. color: #000;
  359. letter-spacing: 1px;
  360. text-align: center;
  361. text-transform: lowercase;
  362. display: block;
  363. border: 0px;
  364. padding: 5px;
  365. margin: 5px;
  366. }
  367.  
  368.  
  369. </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!