Don't like ads? PRO users don't see any ads ;-)
Public Pastes
Guest

theme.

By: a guest on Jun 17th, 2012  |  syntax: None  |  size: 12.96 KB  |  hits: 16  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. <!-----
  2. theme by w-izard originally by sup-lauren and don't remove the credits or i'll chop your ballz off. ok.
  3. ----->
  4.  
  5. <head>
  6.  
  7. <link href='http://fonts.googleapis.com/css?family=Happy+Monkey' rel='stylesheet' type='text/css'>
  8. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  9. <meta name="color:Background" content="#ffffff"/>
  10. <meta name="color:Text" content="#272727"/>
  11. <meta name="color:Title" content="#3f3d3d"/>
  12. <meta name="color:link" content="#df6687"/>
  13. <meta name="color:Hover" content="#c2c2c2"/>
  14. <meta name="color:quote" content="#727272"/>
  15. <meta name="color:quote credit" content="#000000"/>
  16. <meta name="color:Scrollbar" content="#ffffff"/>
  17. <meta name="image:Background" content=""/>
  18. <meta name="image:Sidebar" content=""/>
  19. <meta name="if:show Photo" content="1"/>
  20. <meta name="if:Show Title" content="1"/>
  21. <meta name="if:tiny scrollbar" content="1"/>
  22. <meta name="if:tiny cursor" content="1"/>
  23. <meta name="if:Infinite scrolling" content="1"/>
  24. <meta name="text:Link Three" content="" />
  25. <meta name="text:quote" content=""/>
  26. <meta name="text:quote credit" content=""/>
  27.  
  28. {block:Description}
  29. <meta name="description" content="{MetaDescription}" />{/block:Description}
  30. <title>
  31. {block:PostSummary}
  32. {PostSummary} - {/block:PostSummary}{Title}</title>
  33.  
  34. {block:ifinfinitescrolling}<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:ifinfinitescrolling}
  35.  
  36. <style type="text/css">
  37.  
  38. {block:iftinycursor}body, a, a:hover {cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), progress;}
  39. }
  40. body, a, a:hover {http://img69.imageshack.us/img69/7673/cursorw.png), progress;}{/block:iftinycursor}
  41.  
  42. {block:iftinyscrollbar}::-webkit-scrollbar {width: 6px; height: 4px; background: {color:Background}; }
  43.  
  44. ::-webkit-scrollbar-thumb { background-color: {color:scrollbar}; -webkit-border-radius: 1ex; }{/block:iftinyscrollbar}
  45.  
  46. body {
  47. margin:0px;
  48. background-color: {color:Background};
  49. background-image:url({image:Background});
  50. background-attachment: fixed;
  51. background-repeat: repeat;}
  52. body, div, p, textarea, submit, input{font-family: nigger; font-size: 10px; line-height: 11px; letter-spacing:0px; color:{color:Text};}
  53.  
  54. @font-face { font-family: "nigger"; src: url('http://static.tumblr.com/bepad33/6M6m295eu/delius-regular.ttf'); }
  55.  
  56. @font-face { font-family: "Cedarville Cursive"; src: url('http://themes.googleusercontent.com/static/fonts/cedarvillecursive/v2/cuCe6HrkcqrWTWTUE7dw-5zpMnghKP_wiJrQSyqob5U.woff'); }
  57. }
  58.  
  59. p {margin:0px; margin-top:0px;}
  60.  
  61. a:link, a:active, a:visited{
  62. color: {color:Link};
  63. text-decoration: none;
  64. }
  65.  
  66. a:hover {
  67. color:{color:Hover};
  68. -webkit-transition: 0.4s ease-in;
  69. -o-transition: 0.4s ease-in;
  70. -moz-transition: 0.4s ease-in;
  71. transition: 0.4s ease-in;
  72. }
  73.  
  74. @font-face { font-family: "sunshine"; src: url('http://static.tumblr.com/thayqan/39Qm1sabw/kgrayofsunshine.ttf');}
  75.  
  76. @font-face {font-family: "tinytots";src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}
  77.  
  78. @font-face { font-family: "yolo"; src: url('http://static.tumblr.com/2zvjoo9/1abm20ya4/cinnamon_cake.ttf'); }
  79.  
  80. @font-face { font-family: "stars"; src: url('http://static.tumblr.com/hcfbjje/sfRlpm8t0/starsfromoureyes.ttf'); }
  81.  
  82. @font-face {font-family: "littlefont";src: url('http://static.tumblr.com/4yxykdm/NMJlre6xz/04b_03___1_.ttf');}
  83.  
  84. @font-face {
  85. font-family: "dawning";
  86. src: url('http://static.tumblr.com/viiafci/Hyzlxws2r/dawningofanewday.ttf');
  87. }
  88.  
  89. #cage {
  90. margin:auto;
  91. position:relative;
  92. width:810px;
  93. overflow:hidden;
  94. color: {color:Title}; _margin-left:10%;
  95. }
  96.  
  97. div#marina{
  98. position:fixed !important;
  99. width: 50px; height: auto;
  100. margin-top: -13px;
  101. font-family: stars;
  102. text-shadow: 0px 0px 0px #000;
  103. font-weight: bold;font-size: 15px;
  104. font-weight: normal;
  105. line-height:15px;letter-spacing: 1px;font-style: normal;text-transform: lowercase;
  106. text-align: left;padding: 0px;
  107. margin-left: 97px;
  108. -webkit-transform: rotate(0deg);
  109. -moz-transform: rotate-(90deg); }
  110.  
  111. div#marina2{
  112. position:fixed !important;
  113. width: 15px;height: auto;
  114. margin-top: -8px; color: #00000;
  115. font-family: stars;
  116. text-shadow: 0px 0px 0px #000;
  117. font-weight: bold;font-size: 15px;font-weight: normal;
  118. line-height:15px;
  119. letter-spacing: 1px;font-style: normal;
  120. text-transform: lowercase;
  121. text-align: left;
  122. padding: 0px;margin-left: 158px;
  123. -webkit-transform: rotate(30deg);
  124. -moz-transform: rotate-(90deg); }
  125.  
  126. div#marina3{
  127. position:fixed !important;
  128. width: 15px;
  129. height: auto;
  130. margin-top: 19px;
  131. color: #0000;
  132. font-family: stars;text-shadow: 0px 0px 0px #000;
  133. font-weight: bold;font-size: 15px;
  134. font-weight: normal;
  135. line-height:15px;
  136. letter-spacing: 1px;
  137. font-style: normal;
  138. text-transform: lowercase;
  139. text-align: left;
  140. padding: 0px;
  141. margin-left: 194px;
  142. -webkit-transform: rotate(60deg);
  143. -moz-transform: rotate-(90deg); }
  144.  
  145. #center {
  146. margin:auto;
  147. position:relative;
  148. width:800px; background-color:;
  149. overflow:auto;
  150. overflow-y:hidden;}
  151.  
  152. #content {
  153. float:right;
  154. width:330px;
  155. padding: 5px;
  156. margin-top:0px;
  157. margin-right: 290px;
  158. background: transparent;
  159. }
  160.  
  161. .circle {
  162. border-top-right-radius:150px;
  163. border-bottom-right-radius:150px;
  164. border-top-left-radius:150px;
  165. border-bottom-left-radius:0px;
  166. width: 210px;
  167. height: auto;
  168. margin-top: 0px;
  169. overflow: hidden;}
  170. #entry {
  171. margin-top:0px;
  172. padding-bottom: 0px;}
  173.  
  174.  
  175. #entry .perma{
  176. width:330px;
  177. height: 0px;
  178. text-transform: uppercase;
  179. font-family: tinytots;
  180. position: absolute;
  181. font-size: 8px;
  182. line-height: 10px;
  183. text-align: center;
  184. overflow:hidden;
  185. opacity: 0.0;
  186. background-color:#fff;
  187. margin-top:0px;
  188. margin-left: 0px;
  189. letter-spacing: 0px;
  190. border-radius: 0px;
  191. -webkit-transition: opacity 0.5s linear; opacity: 0.9;
  192. -webkit-transition: all 0.5s linear;
  193. -moz-transition: all 0.5s linear;
  194. transition: all 0.5s linear;
  195. }
  196.  
  197. #entry:hover .perma{
  198. margin-top: 0px;
  199. margin-left: 0px;
  200. width: 330px;
  201. height: 12px;
  202. text-transform:upercase;
  203. overflow:visible;
  204. -o-transition-transition: all 0.5s ease-out;
  205. -webkit-transition: all 0.5s ease-out;
  206. -moz-transition: all 0.5s ease-out;
  207. }
  208.  
  209. #sidebar {
  210. position:fixed !important;
  211. width: 150px;
  212. height: auto;
  213. background-color:transparent;
  214. margin: 100px 0px 0px 520px;
  215. padding:5px;
  216. }
  217.  
  218. .sideban{
  219. position: fixed !important;
  220. font-size: 20pt;
  221. font-family: dawning;
  222. text-shadow: 1px 1px 4px #ffffff;
  223. background-color: transparent;
  224. letter-spacing: px;
  225. text-shadow:2px 2px 12px #000;
  226. line-height: 22pt;
  227. padding: 2px;
  228. color:{color:quote};
  229. text-align:center;
  230. margin-top: 380px;
  231. margin-left:-215px;
  232. width:485px;
  233. }
  234. .sideban2{
  235. font-family: littlefont;
  236. color:{color:quote credit};
  237. font-size: 8px;
  238. margin-left:100px;
  239. font-weight: normal;
  240. letter-spacing: 1px;
  241. text-transform: uppercase;
  242.  
  243. }
  244.  
  245. #postnotes{
  246. text-align: left;}
  247.  
  248. #postnotes blockquote{
  249. border: 0px;}
  250.  
  251. .title{
  252. font-family: stars;
  253. font-size: 18px;
  254. line-height: 9px;
  255. text-transform: lowercase;
  256. color: {color:Title};
  257. letter-spacing: 0;
  258. font-weight: bold;}
  259.  
  260. .blogtitle {
  261. font-size: 15px;
  262. line-height: 30px;
  263. text-transform: lowercase;
  264. font-family: stars;
  265. text-align: left;
  266. width: 300px;
  267. }
  268.  
  269. .goblin {margin-top: 5px;width: 210px;background-color: transparent;}
  270.  
  271. .des {
  272. margin-top: -22px;
  273. width: 200px;
  274. }
  275.  
  276. blockquote{
  277. padding:0px 0px 2px 5px;
  278. margin:0px 0px 2px 1px;
  279. border-left: 1px solid {color:Text};}
  280. blockquote p, ul{margin:0px; padding:0px;}
  281.  
  282. a img{border: 0px;}
  283.  
  284. ul, ol, li{list-style:bullet; margin-left:10px; padding-top:2px; padding-bottom: 2px;}
  285.  
  286. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  287. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:Title};}
  288.  
  289. .notes img{width:10px; position:left; top:3px;}
  290.  
  291. .permalink{
  292. color:{color:links};
  293. display:block;
  294. margin-left: 395px;
  295. position: absolute;
  296. text-align: right;}
  297.  
  298. {font-size: 100%;}
  299.  
  300. .bubble {
  301. align:right;
  302. background: #eee;
  303. margin:7px 0px 5px 66px;
  304. padding:7px;
  305. padding-top: 5px;
  306. position: relative;
  307. border-radius:5px;
  308. }
  309.  
  310. .bubble span {
  311. display:block;
  312. position:absolute;
  313. width:1px;height:1px;
  314. font-size: 0;
  315. line-height: 1px;
  316. left:-10px;
  317. top:10px;
  318. border-top:5px solid transparent;
  319. border-bottom:5px solid transparent;
  320. border-right:10px solid #eee;
  321. }
  322.  
  323. .assask {
  324. display: block;
  325. border-top: 1px dashed #ddd;
  326. padding: 2px;
  327. margin: 2px 8px 0px 5px;
  328. text-transform: uppercase;
  329. font-family: tinytots;
  330. font-size: 8px;
  331. color: #424242;
  332. line-height: 15px;
  333. text-align: center;
  334. text-decoration: none;
  335. -webkit-transition: color 0.5s ease-out;
  336. -moz-transition: color 0.5s ease-out;
  337. }
  338.  
  339. .askborder {
  340. float: left;
  341. margin: 1px 4px 0 0;
  342. padding: 2px;
  343. background: #eee;
  344. }
  345.  
  346. askk {
  347. font-family: "sunshine";
  348. font-size:13px;
  349. z-index:1;
  350. color: #808080;
  351. }
  352. {CustomCSS}
  353.  
  354. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  355. <meta name="viewport" content="width=820" />
  356. {block:ifinfinitescrolling}<style>#toTop {display:none;text-decoration:none;position:fixed;bottom:20px;right:20px;overflow:hidden;width:30px;height:40px;border:none;text-indent:-999px;background:url(http://static.tumblr.com/hi8vwsz/Q0ull6xz3/totop.png) no-repeat left top;z-index:3000;}#toTopHover {background:url(http://static.tumblr.com/hi8vwsz/Q0ull6xz3/totop.png) no-repeat left -40px;
  357. width:30px;height:40px;display:block;overflow:hidden;float:left;opacity: 0;-moz-opacity: 0;filter:alpha(opacity=0);}
  358. #toTop:active, #toTop:focus {outline:none;}#toTop:active, #toTop:focus {outline:none;}</style>
  359.  
  360. <script type="text/javascript" src="http://static.tumblr.com/53unaru/kx3lgzker/jquery-1.3.2.min.js" charset="utf-8"></script>
  361. <script type="text/javascript" src="http://static.tumblr.com/53unaru/4jtlgzkf8/easing.js"></script>
  362. <script type="text/javascript" src="http://static.tumblr.com/53unaru/y8wlgzkbt/jquery.ui.totop.js"></script>
  363. <script type="text/javascript">
  364. $(document).ready(function() {
  365. $().UItoTop({ easingType: 'easeOutQuart' });
  366. });
  367. </script>{/block:ifinfinitescrolling}
  368. </head>
  369. <body>
  370. <div id="cage">
  371. <div id="center">
  372. <div class="sideban">
  373. {text:quote}
  374. <div style="font-family:'cedarville cursive', sans-serif; color:#ffffff; text-transform: normal; text-align: right; font-size: 25px; line-height:10px; letter-spacing:0px; text-shadow: 1px 1px 5px #000000;">
  375. </div>
  376. <div class="sideban2">
  377. <sideban2 style=”font-size: 10pt; letter-spacing: 1px; color:#000; ”>
  378. {text:quote credit}</sideban2>
  379. </div></div>
  380.  
  381. <div id="sidebar">
  382. <div id="marina"><span id="bubble"><a href="/">home</a></span></div>
  383. <div id="marina2"><span id="bubble"><a href="/ask">ask</a></span></div>
  384. <div id="marina3"><span id="bubble"><a href="{text:Link Three}">etc</a></span></div>
  385. <div class="circle type1">{block:ifshowphoto}<a href="/"><img src="{image:sidebar}" width=210px></a>
  386. {/block:ifshowphoto}<br></div><div class="goblin"><center>{Description}</center></div></center><br><br></br><center>
  387. </center></div></div>
  388.  
  389. <div id="content">
  390. {block:Posts}
  391. <div id="entry">
  392.  
  393.  
  394. {block:IndexPage}<div class="perma">
  395. <a href="{permalink}">{NoteCountWithLabel}</a> - <a href="{ReblogURL}" target="_blank"> reblog </a></span></div>{/block:IndexPage}
  396.  
  397. {block:Text}
  398. {block:Title}<a href="{permalink}"><span class="title">{Title}</span></a>{/block:Title}
  399. <span class="entrytext">{Body}</span>
  400. {/block:Text}
  401.  
  402. {block:Link}
  403. <a href="{URL}" class="title">{Name}</a>
  404. {block:Description}{Description}{/block:Description}
  405. {block:Link}
  406.  
  407. {block:Photo}
  408. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"width=330px/>{LinkCloseTag}
  409. {/block:Photo}
  410.  
  411. {block:Quote}
  412. "{Quote}"</span><br>
  413. -{block:Source}<strong>{Source}</strong>{/block:Source}
  414. {/block:Quote}
  415.  
  416. {block:Chat}
  417. {block:Title}<span class="title">{Title}</span>{/block:Title}
  418. <ul class="chat">
  419. {block:Lines}
  420. <li class="user_{UserNumber}">
  421. {block:Label}
  422. <span class="label">{Label}</span>
  423. {/block:Label}
  424.  
  425. {Line}
  426. </li>
  427. {/block:Lines}
  428. {/block:Chat}
  429.  
  430.  
  431. {block:Audio}
  432. <center><div style="width:220px; height:28px;"><div style="float:left">{AudioPlayerWhite}</div><div style="margin-top:10px; float:right;">
  433. {block:ExternalAudio}{/block:ExternalAudio}</div></div></center><br>
  434. {/block:Audio}
  435.  
  436. {block:Video}<center>
  437. <div class="video">{Video-250}</div></center>
  438. {block:Video}
  439.  
  440. {block:Answer}
  441. <div class="entry">
  442. <div style="border-radius:5px; border: 1px solid #E6DFDF; margin: 3px; min-height:30px; padding: 3px; background-color: #fff; box-shadow: 0px 0px 5px 3px #E6DFDF; font-family: tinytots; font-size: 8px;">
  443. <img src="{AskerPortraitURL-30}" width="30" align="left" style="margin-right:3px; box-shadow: 0px 0px 0px 2px #E6DFDF; border-radius: 30px;"/>{Asker} was like: {Question}</span></div>
  444. and i was like:
  445. <br>
  446. {Answer}
  447. {block:IndexPage}<a href="{Permalink}"><div class="assask">{timeago} / <a href="{ReblogURL}" target="_blank">reblog</a></div></a>{/block:IndexPage}
  448. </div>
  449. {/block:Answer}
  450.  
  451. {block:PostNotes}{PostNotes}
  452. {/block:PostNotes}
  453. </div>
  454.  
  455. {/block:Posts}
  456. </div></div>
  457. </div>
  458. </body>
  459. <div style="position:fixed; bottom:5px; right:10px;">
  460. <a href="http://w-izard.tumblr.com">credit</a>
  461. </html>
create a new version of this paste RAW Paste Data