Advertisement
Phrenik

Cult Tank

Apr 22nd, 2013
74
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.98 KB | None | 0 0
  1. ********************THIS GOES INTO YOUR DESCRIPTION***************************
  2.  
  3. <center><div class="topnav">
  4.  
  5. <a href="/vfmain.php">VF Main</a>
  6. <a href="/cults/group_edit.php?c=wallsofreason">Edit Cult</a>
  7. <a href="/group_edit_members.php?c=wallsofreason">Edit Membs</a>
  8. <a href="/group_invite.php?c=CULTNAME">Invite</a>
  9. <a href="/cults/controlpanel.php?c=wallsofreason">Cpanel</a>
  10. <a href="http://www.wallsofreason.com">Β©WOR</a>
  11.  
  12. </div>
  13. <div class="phrenik">
  14.  
  15. <div id="about">
  16. <h1>The Tank</h1>
  17.  
  18. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean tempus erat nec est blandit pharetra. Proin augue velit, imperdiet nec luctus a, blandit feugiat magna. Proin sed mauris aliquam enim aliquam ultrices ac quis nunc. Ut pellentesque tempus ornare. Fusce lacinia diam id metus luctus lacinia. Cras vel felis at purus imperdiet blandit eget vitae ipsum. Vestibulum euismod pretium mollis. Praesent at enim non nulla egestas blandit.
  19.  
  20.  
  21. </div>
  22.  
  23. <div id="staff">
  24. <h1>Staff</h1>
  25.  
  26. <a href="/"><img src="http://i.imgur.com/4xNTfeF.png" /></a>
  27. <a href="/"><img src="http://i.imgur.com/4xNTfeF.png" /></a>
  28. <a href="/"><img src="http://i.imgur.com/4xNTfeF.png" /></a>
  29. <a href="/"><img src="http://i.imgur.com/4xNTfeF.png" /></a>
  30. <a href="/"><img src="http://i.imgur.com/4xNTfeF.png" /></a>
  31. <a href="/"><img src="http://i.imgur.com/4xNTfeF.png" /></a>
  32. <a href="/"><img src="http://i.imgur.com/4xNTfeF.png" /></a>
  33. <a href="/"><img src="http://i.imgur.com/4xNTfeF.png" /></a>
  34.  
  35.  
  36. </div>
  37.  
  38. <div id="rules">
  39. <h1>Rules</h1>
  40.  
  41.  
  42. Rules here.
  43.  
  44.  
  45.  
  46. </div>
  47.  
  48. <div id="featmem">
  49. <h1>Feat'd Member</h1>
  50.  
  51. <a href="/"><img src="http://i.imgur.com/MRrDvOs.png" /></a>
  52. <br /><a href="/">Interview</a>
  53.  
  54. </div>
  55.  
  56. <div id="featcult">
  57. <h1>Feat'd Cult</h1>
  58.  
  59.  
  60. <a href="/"><img src="http://i.imgur.com/MRrDvOs.png" /></a>
  61. <br /><a href="/">Owner</a>
  62.  
  63.  
  64. </div>
  65.  
  66. <div id="winners">
  67. <h1>Contest Winners</h1>
  68.  
  69.  
  70. <a href="/"><img src="http://i.imgur.com/4xNTfeF.png" title="CONTEST NAME" /></a>
  71. <a href="/"><img src="http://i.imgur.com/4xNTfeF.png" title="CONTEST NAME" /></a>
  72. <a href="/"><img src="http://i.imgur.com/4xNTfeF.png" title="CONTEST NAME" /></a>
  73. <a href="/"><img src="http://i.imgur.com/4xNTfeF.png" title="CONTEST NAME" /></a>
  74. <a href="/"><img src="http://i.imgur.com/4xNTfeF.png" title="CONTEST NAME" /></a>
  75.  
  76.  
  77. </div>
  78.  
  79. </div><center>
  80.  
  81.  
  82.  
  83. ********************THIS GOES INTO YOUR HEADER***************************
  84.  
  85.  
  86. <style>
  87.  
  88. html, body {
  89. background: #1d1d1d;
  90. background-image: url('http://i.imgur.com/lvVKaTr.png');
  91. background-position: top left;
  92. background-repeat: repeat;
  93. background-attachment: fixed;
  94. margin: auto;
  95. }
  96.  
  97. div, table {
  98. font: 12px trebuchet ms;
  99. color: #7a7893;
  100. font-weight: lighter;
  101. line-height: 11px;
  102. }
  103.  
  104. img{ border:none;}
  105.  
  106. a:link, a:visited {
  107. font: 11px trebuchet ms;
  108. letter-spacing: 0px;
  109. text-transform: none;
  110. color: #8684a4;
  111. text-decoration: none;
  112. -webkit-transition: color 0.5s ease-out;
  113. -moz-transition: color 0.5s ease-out;
  114. }
  115.  
  116. a:hover, a:active {
  117. color: #4c6659;
  118. text-transform: none;
  119. letter-spacing: 0px;
  120. background: transparent;
  121. -webkit-transition: color 0.5s ease-out;
  122. -moz-transition: color 0.5s ease-out;
  123. }
  124.  
  125. .phrenik {
  126. width: 750px;
  127. height: 657px;
  128. background: url('http://i.minus.com/iOAHXeGs7ckzO.png') 0px 0px no-repeat;
  129. position: relative;
  130. border: 4px solid #3883df;
  131. margin-bottom: 20px;
  132. margin-top: 31px;
  133. background-color: #bebbe4;
  134. }
  135.  
  136.  
  137. .topnav {
  138. position: fixed;
  139. top: 0px;
  140. left: 0px;
  141. z-index: 999;
  142. border-bottom: 4px solid #3883df;
  143. background: #444343;
  144. height: 28px;
  145. width: 100%;
  146. }
  147. .topnav a {
  148. display: inline-block;
  149. width: 100px;
  150. background: none;
  151. -webkit-transition: all 0.6s ease-in;
  152. -moz-transition: all 0.6s ease-in;
  153. -o-transition: all 0.6s ease-in;
  154. letter-spacing: 3px;
  155. color: #a9a9a9;
  156. font: 9px tahoma;
  157. padding: 3px;
  158. border-bottom: 4px solid #a6b1d8;
  159. text-transform: uppercase;
  160. text-decoration: none;
  161. text-align: center;
  162. border-radius: 15px;
  163. margin: 3px;
  164. margin-top: 3px;
  165. }
  166.  
  167. .topnav a:hover {
  168. display: inline-block;
  169. background: none;
  170. -webkit-transition: all 0.6s ease-out;
  171. -moz-transition: all 0.6s ease-out;
  172. -o-transition: all 0.6s ease-out;
  173. letter-spacing: 3px;
  174. color: #ccc;
  175. font: 9px tahoma;
  176. padding: 3px;
  177. border-bottom: 4px solid #6996d5;
  178. text-transform: uppercase;
  179. border-radius: 15px;
  180. margin: 3px;
  181. margin-top: 3px;
  182. }
  183.  
  184. #staff {
  185. position: absolute;
  186. top: 300px;
  187. left: 1px;
  188. padding: 3px;
  189. width: 245px;
  190. height: 200px;
  191. overflow: auto;
  192. background: #c7c4ee;
  193. text-align: center;
  194. }
  195.  
  196. #about {
  197. position: absolute;
  198. text-align: center;
  199. top: 300px;
  200. left: 256px;
  201. width: 284px;
  202. height: 200px;
  203. overflow: auto;
  204. background: #c7c4ee;
  205. padding: 3px;
  206. }
  207.  
  208. #rules {
  209. position: absolute;
  210. top: 300px;
  211. right: 1px;
  212. width: 193px;
  213. height: 200px;
  214. padding: 3px;
  215. overflow: auto;
  216. background: #c7c4ee;
  217. text-align: center;
  218. }
  219.  
  220. #featmem {
  221. position: absolute;
  222. top: 511px;
  223. left: 1px;
  224. width: 230px;
  225. height: 145px;
  226. background: #c7c4ee;
  227. }
  228.  
  229. #featcult {
  230. position: absolute;
  231. top: 511px;
  232. left: 235px;
  233. width: 230px;
  234. height: 145px;
  235. background: #c7c4ee;
  236. }
  237.  
  238. #featmem a img, #featcult a img{
  239. width: 180px;
  240. height: 80px;
  241. border: 3px solid #95a4d7;
  242. padding: 3px;
  243. -webkit-transition: all 0.7s ease-in;
  244. -moz-transition: all 0.7s ease-in;
  245. }
  246. #featmem a:hover img, #featcult a:hover img {
  247. border: 3px solid #6889a6;
  248. opacity: .7;
  249. padding: 3px;
  250. -webkit-transition: all 0.7s ease-out;
  251. -moz-transition: all 0.7s ease-out;
  252. }
  253.  
  254.  
  255. #staff a img{
  256. border: 2px solid #95a4d7;
  257. width: 46px;
  258. height: 60px;
  259. margin: 1px;
  260. padding: 3px;
  261. -webkit-transition: all 0.7s ease-in;
  262. -moz-transition: all 0.7s ease-in;
  263. }
  264. #staff a:hover img{
  265. border: 2px solid #6889a6;
  266. opacity: .7;
  267. margin: 1px;
  268. padding: 3px;
  269. -webkit-transition: all 0.7s ease-out;
  270. -moz-transition: all 0.7s ease-out;
  271. }
  272.  
  273. #winners {
  274. position: absolute;
  275. top: 511px;
  276. right: 1px;
  277. width: 280px;
  278. height: 145px;
  279. background: #c7c4ee;
  280. }
  281. #winners a img {
  282. border: 2px solid #95a4d7;
  283. width: 38px;
  284. height: 80px;
  285. margin: 1px;
  286. padding: 3px;
  287. -webkit-transition: all 0.7s ease-in;
  288. -moz-transition: all 0.7s ease-in;
  289. }
  290. #winners a:hover img {
  291. border: 2px solid #6889a6;
  292. opacity: .7;
  293. margin: 1px;
  294. padding: 3px;
  295. -webkit-transition: all 0.7s ease-out;
  296. -moz-transition: all 0.7s ease-out;
  297. }
  298.  
  299.  
  300. h1 {
  301. font-family: trebuchet ms;
  302. font-size: 16px;
  303. text-align: center;
  304. text-transform: uppercase;
  305. font-weight: lighter;
  306. letter-spacing: 6px;
  307. display: block;
  308. margin-top: 0px;
  309. margin-bottom: 4px;
  310. background: #acb8ea;
  311. padding: 2px;
  312. -moz-border-radius-bottomright: 15px;
  313. border-bottom-right-radius: 15px;
  314. -moz-border-radius-bottomleft: 15px;
  315. border-bottom-left-radius: 15px;
  316. line-height: 15px;
  317. color: #699df0;
  318. text-shadow: 0px 1px 0px #000;
  319. }
  320.  
  321. h3 {
  322. margin: 0px;
  323. padding-right: 1px;
  324. text-decoration: none;
  325. font-family: tahoma;
  326. font-weight: lighter;
  327. text-shadow: none;
  328. color: #5a8aad;
  329. font-size: 10px;
  330. letter-spacing: 6px;
  331. text-transform: uppercase;
  332. text-align: center;
  333. }
  334.  
  335. .main {
  336. width: 750px;
  337. }
  338.  
  339. select, textarea {
  340. background-color: #bebbe4;
  341. text-align: center;
  342. font-family: calibri;
  343. font-size: 11px;
  344. letter-spacing: 1px;
  345. font-weight: lighter;
  346. border: none;
  347. color: #7d7b97;
  348. }
  349.  
  350. input, submit {
  351. background: #bebbe4;
  352. text-align: center;
  353. font-family: calibri;
  354. font-size: 11px;
  355. letter-spacing: 1px;
  356. font-weight: lighter;
  357. border: none;
  358. color: #666; }
  359.  
  360. i { color: #314e64; font-size: 11px; font-family: georgia; font-weight: lighter; }
  361. b { color: #314e64; font-size: 11px; font-family: tahoma; text-transform: uppercase; font-weight: bold; }
  362. u { border-bottom: 1px dashed #314e64; }
  363.  
  364.  
  365. table, td {
  366. border: none;
  367. background: transparent;
  368. text-align: center;
  369. line-height: 10px;
  370. }
  371.  
  372. .group_forum {
  373. background-color: #bebbe4;
  374. color: #7a7893;
  375. border: 4px solid #3883df;
  376. text-align: center;
  377. width: 750px;
  378. margin-top: 5px;
  379. }
  380.  
  381.  
  382. .group_forum td { border: none; }
  383. .group_subforum { background: #c7c4ee; }
  384.  
  385.  
  386. .group_forum b, .subheading, .subheading b {
  387. display: block;
  388. font-family: trebuchet ms;
  389. font-size: 10px;
  390. color: #5a8aad;
  391. text-transform: uppercase;
  392. background: none;
  393. line-height: 11px;
  394. text-align: center;
  395. letter-spacing: 5px;
  396. }
  397. .subheading b {
  398. padding-right: 20px;
  399. }
  400.  
  401. .group_entry, .group_comment, .group_expanded, .comment_input, .cult_members, .cult_info, .userinfo, .new_topic, #cultstaff, #cultstatsactivity, #cultstatstoppeople, #cultstatsbasics, .darkbox {
  402. width: 700px;
  403. background: #c7c4ee;
  404. border: 3px solid #3883df;
  405. text-align: center;
  406. margin-top: 10px;
  407. }
  408.  
  409. .subtitle {
  410. color: #314e64;
  411. }
  412.  
  413. .new_topic textarea {
  414. margin-left: 92px;
  415. margin-right: 92px;
  416. width: 500px;
  417. }
  418.  
  419. .comment_input {
  420. width: 688px;
  421. }
  422. .comment_input td {
  423. text-align: center;
  424. margin-left: 92px;
  425. margin-right: 92px;
  426. }
  427.  
  428. blockquote {
  429. background-color: #b2aee6;
  430. padding: 10px;
  431. margin-top: 0px;
  432. font-family: tahoma;
  433. font-size: 11px;
  434. line-height: 10px;
  435. text-align: center;
  436. border-bottom: 8px solid #8480b6;
  437. border-radius: 17px;
  438. }
  439.  
  440.  
  441. .forumheader {
  442. width: 730px;
  443. color: #5a8aad;
  444. background: none;
  445. font: 20px trebuchet ms;
  446. letter-spacing: 4px;
  447. line-height: 10px;
  448. text-transform: uppercase;
  449. display:block;
  450. border: none;}
  451.  
  452.  
  453. .members_viewing, .affiliates {
  454. text-align: center;
  455. display: block;
  456. background-color: #c7c4ee;
  457. width: 750px;
  458. color: #567160;
  459. font: 11px trebuchet ms;
  460. border: 4px solid #3883df;
  461. margin: 4px;
  462. }
  463. .affiliates b, .members_viewing b {
  464. text-align: center;
  465. display: block;
  466. background-color: #bebbe4;
  467. width: 180px;
  468. padding: 8px;
  469. margin-left: 270px;
  470. font: 10px trebuchet ms;
  471. letter-spacing: 6px;
  472. font-weight: lighter;
  473. text-transform: uppercase;
  474. color: #713d44;
  475. }
  476.  
  477. .group_forum td img[src="http://e.vampirefreaks.com/images/sticky_cult.gif"]{ background-image: url('http://i.imgur.com/4qJyg.png'); top right no-repeat; height: 12px; width:0px; padding-right: 11px; }
  478. .group_forum td img[src="http://e.vampirefreaks.com/images/locked.gif"]{ background-image: url('http://i.imgur.com/HpkGt.png'); top right no-repeat; height: 13px; width:0px; padding-right: 12px; }
  479. .group_forum td img[src="http://e.vampirefreaks.com/images/poll_icon.gif"]{ background-image: url('http://i.imgur.com/M2TGa.png'); top right no-repeat; height: 12px; width:0px; padding-right: 11px; }
  480. a:link img[src="http://e.vampirefreaks.com/images/win.png"]{background-image: url(http://i.imgur.com/nXk7C.png); top right no-repeat; height: 12px; width:0px; padding-right: 11px}
  481. a:link img[src="http://e.vampirefreaks.com/images/fail.png"]{background-image: url(http://i.imgur.com/lwUVH.png); top right no-repeat; height: 12px; width:0px; padding-right: 11px}
  482. a:link img[src="http://e.vampirefreaks.com/emotes/vf_white-16.png"]{background-image: url(http://i.imgur.com/tpcvI.png); top right no-repeat; height: 10px; width:0px; padding-right: 10px}
  483. a:link img[src="http://e.vampirefreaks.com/emotes/vf_red-16.png"]{background-image: url(http://i.imgur.com/tpcvI.png); top right no-repeat; height: 10px; width:0px; padding-right: 10px}
  484.  
  485. .group_entry table[bgcolor] {background: #7692ab; border-radius: 5px; }
  486.  
  487.  
  488. .leftnav, .maintop, h2, .cult_menu, .created_on, .description_title, .status, .view_expanded_posts, .maintop img, .latest_posts_header, .menu, .menu2, .cult_info, .forumopen, .num_members, .forumclose, .owner_title, .threads_related, .side_td { display:none; }
  489.  
  490.  
  491. </style>
  492.  
  493.  
  494.  
  495. ********************THIS GOES INTO YOUR FOOTER***************************
  496.  
  497.  
  498. <center>Layout coded and designed by <a href="/Phrenik">Phrenik</a> for CultTank cult use only. 2013.</center>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement