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

Theme 5 by sh0cking

By: Ajo on May 9th, 2012  |  syntax: None  |  size: 10.07 KB  |  hits: 64  |  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 sh0cking
  3. remove the credit and i'll kill u in your sleep :)
  4. -->
  5. <head>
  6. <link href='http://fonts.googleapis.com/css?family=Happy+Monkey' rel='stylesheet' type='text/css'>
  7. <script type="text/javascript"
  8. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  9. <link href='http://fonts.googleapis.com/css?family=Ruluko' rel='stylesheet' type='text/css'>
  10. <link href='http://fonts.googleapis.com/css?family=Amatic+SC' rel='stylesheet' type='text/css'>
  11. <link href='http://fonts.googleapis.com/css?family=Niconne' rel='stylesheet' type='text/css'>
  12. <link href='http://fonts.googleapis.com/css?family=Give+You+Glory' rel='stylesheet' type='text/css'>
  13. <link href='http://fonts.googleapis.com/css?family=Short+Stack' rel='stylesheet' type='text/css'>
  14.  
  15.  
  16. <title>{title}</title>
  17.  
  18. <meta name="color:background" content="#000000"/>
  19. <meta name="color:text" content="#000000"/>
  20. <meta name="image:Sidebar" content="1"/>
  21. <meta name="if:show blog title" content="1"/>
  22. <meta name="image:Background" content=""/>
  23. <meta name="if:Show Sidebar photo" content="1"/>
  24. <meta name="if:tiny scrollbar" content="1"/>
  25. <meta name="color:link" content="#555555"/>
  26. <meta name="color:links hover" content="#DDDDDD"/>
  27. <meta name="if:dotted border" content="1">
  28. <meta name="if:border" content="1">
  29. <meta name="text:Link One Title" content="" />
  30. <meta name="text:Link One" content="" />
  31. <meta name="text:Link Two Title" content="" />
  32. <meta name="text:Link Two" content="" />
  33. <meta name="text:Link Three Title" content="" />
  34. <meta name="text:Link Three" content="" />
  35. <meta name="text:Link One Title" content="" />
  36. <meta name="text:Link One" content="" />
  37. <meta name="text:Link Two Title" content="" />
  38. <meta name="text:Link Two" content="" />
  39. <meta name="text:Link Three Title" content="" />
  40. <meta name="text:Link Three" content="" />
  41.  
  42.  
  43.  
  44. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  45.  
  46. <style type="text/css">
  47.  
  48.  
  49. {block:iftinycursor}
  50. body, a, a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress;}
  51. {/block:iftinycursor}
  52.  
  53.  
  54. iframe#tumblr_controls {right:3px !important; position: fixed !important;}
  55.  
  56. body, a, a:hover {cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), progress;}
  57.  
  58.  
  59. body {
  60. margin:0px;
  61. background-color: {color:Background};
  62. background-image:url();
  63. background-attachment: fixed;
  64. background-repeat: repeat;
  65. font-family: happy monkey;
  66. font-size: 11px;
  67. line-height:12px;
  68. color:{color:Text};
  69. }
  70.  
  71. {block:iftinyscrollbar}
  72. ::-webkit-scrollbar {width: 8px; height: 4px; background: #ffffff; }
  73.  
  74. ::-webkit-scrollbar-thumb { background-color: #eee; -webkit-border-radius: 1ex; border: 1px solid black;}
  75. {/block:iftinyscrollbar}
  76.  
  77.  
  78. p {
  79. margin:0px;
  80. margin-top:1px;
  81. }
  82.  
  83. a:link, a:active, a:visited{
  84. color: {color:Link};
  85. text-decoration: none;
  86. -webkit-transition: color 0.3s ease-out;
  87. -moz-transition: color 0.3s ease-out;
  88. transition: color 0.3s ease-out;
  89. }
  90.  
  91. a:hover {
  92. color:#020202;
  93. text-decoration: bold;
  94. text-shadow:1px 1px 5px #aaa;
  95.  
  96. }
  97.  
  98. div#sidebar2 {
  99. position: fixed;
  100. top: 70px;
  101. left:900px;
  102. width:80px;
  103. height:auto;
  104. padding: 10px;
  105. font-family: 'Amatic SC', cursive;
  106. background-color:transparent;
  107. {block:ifRoundedEdges}-moz-border-radius:6px; border-radius:6px;{/block:ifRoundedEdges}
  108. }
  109.  
  110. div#cage{
  111. margin: auto;
  112. margin-top: 1px;
  113. margin-bottom: 2px;
  114. position: relative;
  115. width: 840px;
  116. overflow: hidden;
  117. color: {color:Title};
  118. _margin-left: 10%;
  119. }
  120.  
  121. div#content{
  122. float:right;
  123. width:400px;
  124. padding:0px;
  125. margin-right: 170px;
  126. background: #FFFFFF;
  127. }
  128.  
  129. div#entry{
  130. width:350px;
  131. margin-top:1px;
  132. padding-left:0px;
  133. padding-right:0px;
  134. padding-top:0px;
  135. padding-bottom:0px;
  136. background-color: #fff;
  137. }
  138.  
  139. #entry .perma a{
  140. color:{Color:Links};}
  141.  
  142. #entry .perma{
  143. width:50px;
  144. height: 10px;
  145. text-transform: uppercase;
  146. font-family: 'Ruluko';
  147. position: absolute;
  148. font-size: 10px;
  149. line-height: 20px;
  150. text-align: left;
  151. overflow:hidden;
  152. opacity: 0.0;
  153. background-color:#fff;
  154. margin-top:30px;
  155. margin-left: 2px;
  156. letter-spacing: 0px;
  157.  
  158. }
  159.  
  160. #entry:hover .perma{
  161. margin-top: 0px;
  162. margin-left: 0;
  163. width: 400px;
  164. height: 20px;
  165. font-family:'ruluko';
  166. text-transform:uppercase;
  167. overflow:visible;
  168. -webkit-transition: opacity 0.2s linear; opacity: .9;
  169. -webkit-transition: all 0.2s linear;
  170. -moz-transition: all 0.2s linear;
  171. transition: all 0.2s linear;
  172.  
  173. }
  174.  
  175. div#sidebar{
  176. font-family: "Short Stack";
  177. font-size:12px;
  178. position: fixed !important;
  179. margin-top: 100px;
  180. width: 220px;
  181. height:auto;
  182. background-color: transparent;
  183. margin-left:20px;
  184. margin-top; 125px;
  185. {block:ifdottedborder}border:dotted 1px #000;{/block:ifdottedborder}
  186. {block:ifborder}border:solid 1px #000;{/block:ifborder}
  187. }
  188.  
  189. div#title{
  190. position:fixed !important;
  191. width: 180px;
  192. height:auto;
  193. margin-top: 20px;
  194. margin-left: 30px;
  195. font-family: "Ruluko";
  196. font-size: 18px;
  197. line-height:9px;
  198. letter-spacing:1px;
  199. padding-bottom: 0px;
  200. background:transparent;
  201. }
  202.  
  203. div#title:hover{
  204. position:fixed !important;
  205. width: 250px;
  206. height:auto;
  207. margin-top: 20px;
  208. margin-left: 30px;
  209. font-family: 'Give You Glory';
  210. font-size: 20px;
  211. text-transform: lowercase;
  212. text-shadow:1px 3px 5px #5a5a5a;
  213. line-height:9px;
  214. letter-spacing:2px;
  215. padding-bottom: 0px;
  216. background:transparent;
  217. }
  218.  
  219.  
  220. .linkss {
  221. width: 45px;
  222. height: 35px;
  223. background: #fff;
  224. font-size: 22px;
  225. letter-spacing: 0px;
  226. margin-top: 7px;
  227. margin: 3px;
  228. line-height: 37px;
  229. border: solid 1px #000000;
  230. text-align: center;
  231. -webkit-transition-duration: .6s;
  232. display: inline-block;
  233. text-transform: lowercase;
  234.  
  235. -moz-transition: all .2s ease-in-out;
  236. -o-transition: all .2s ease-in-out;
  237. transition: all .2s ease-in-out;
  238. }
  239. .linkss:hover {
  240. width: 75px;
  241. font-family: 'Give You Glory';
  242. letter-spacing:2px;
  243. border: solid 1px #000000;;
  244. text-shadow:2px 4px 5px #5a5a5a;
  245. -webkit-transition-duration: .6s;
  246. border-top-right-radius:70px;
  247. border-bottom-right-radius:70px;
  248. border-top-left-radius:70px;
  249. border-bottom-left-radius:70px;
  250. -webkit-transition-duration: .8s;
  251. transform: rotate(360deg);
  252. -moz-transform: rotate(360deg);
  253. -webkit-transform: rotate(360deg);
  254. -o-transform: rotate(360deg);
  255.  
  256.  
  257. -moz-transition: all .2s ease-in-out;
  258. -o-transition: all .2s ease-in-out;
  259. transition: all .2s ease-in-out;
  260. -webkit-transition: all .2s ease-in-out;
  261. -webkit-transition-duration: .8s;
  262. transform: rotate(360deg);
  263. -moz-transform: rotate(360deg);
  264. -webkit-transform: rotate(360deg);
  265. -o-transform: rotate(360deg);
  266.  
  267. }
  268.  
  269.  
  270.  
  271. #postnotes{
  272. text-align: justify;}
  273.  
  274. #postnotes blockquote{
  275. border: 0px;}
  276.  
  277. .title{
  278. font-family: 'Ruluko';
  279. font-size: 16px;
  280. line-height: 20px;
  281. text-decoration: underline;
  282. color: {color:Title};
  283. letter-spacing: 0px;
  284. font-weight: normal;
  285. padding:0px 0px 0px 0px;
  286. }
  287.  
  288.  
  289. .blogtitle{
  290. font-family: "Amatic SC";
  291. font-size:19px;
  292. line-height: 20px;
  293. color: {color:Title};
  294. letter-spacing: 0px;
  295. font-weight: normal;
  296. }
  297.  
  298.  
  299.  
  300.  
  301.  
  302. {CustomCSS}
  303.  
  304. a img{border: 0px;}
  305.  
  306. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  307.  
  308. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  309. .user_7 .label, .user_8 .label, .user_9 .label {color:#555555;}
  310. .notes img{width:10px; position:relative; top:3px;}
  311.  
  312. .permalink{
  313. display: block;
  314. font-size: 10px;
  315. text-align: right;
  316. text-decoration: none;
  317. }
  318.  
  319. </style>
  320. <link rel="shortcut icon" href="{Favicon}">
  321.  
  322. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  323. <meta name="viewport" content="width=820" />
  324.  
  325. <body>
  326.  
  327.  
  328. <div id="cage">
  329. <div id="center">
  330. <div id="sidebar">
  331. {block:ifshowsidebarphoto}<a href="/"><img src="{image:sidebar}" width=220px></a> {/block:ifshowsidebarphoto}
  332. <p align=center>
  333. <br>{Description}</p>
  334. </div></center>
  335.  
  336. <div id="title">
  337. {Title}</div>
  338.  
  339. </div>
  340.  
  341. <div id="content">
  342. {block:Posts}
  343. <div id="entry">
  344.  
  345. {block:IndexPage}
  346. <div class="perma">
  347. <a href="{permalink}">{NoteCount}</a> &middot <a href="{ReblogURL}" target="_blank">reblog</a> </div>
  348. {/block:IndexPage}
  349.  
  350.  
  351. {block:Text}
  352. {block:Title}<span class="title">{Title}</span><br>{/block:Title}
  353. <span class="entrytext">{Body}</span>{/block:Text}
  354.  
  355.  
  356. {block:Link}
  357. <a href="{URL}" class="title">{Name}</a><br>
  358. {block:Description}{Description}{/block:Description}
  359. {block:Link}
  360.  
  361. {block:Photo}
  362. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"width=400px/>{LinkCloseTag}
  363. {/block:Photo}
  364.  
  365. {block:Photoset}{Photoset-250}{/block:Photoset}
  366.  
  367. {block:Quote}
  368. {Quote}</span>
  369. {block:Source}<strong>{Source}</strong>{/block:Source}
  370. {/block:Quote}
  371.  
  372. {block:Chat}
  373. {block:Title}<span class="title">{Title}</span>{/block:Title}
  374. <ul class="chat">
  375. {block:Lines}
  376. <li class="user_{UserNumber}">
  377. {block:Label}
  378. <span class="label">{Label}</span>
  379. {/block:Label}
  380.  
  381. {Line}
  382. </li>
  383. {/block:Lines}
  384. {/block:Chat}
  385.  
  386.  
  387. {block:Audio}
  388. <center><div style="width:220px; height:28px;"><div style="float:left">{AudioPlayerWhite}</div><div style="margin-top:10px; float:right;">
  389. {FormattedPlayCount} plays {block:ExternalAudio}{/block:ExternalAudio}</div></div></center><br>
  390. {/block:Audio}
  391.  
  392. {block:Video}<center>
  393. <div class="video">{Video-400}</div></center>
  394. {block:Video}
  395.  
  396. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}{block:HasTags} &middot; {block:Tags}<a href="{TagURL}"> #{Tag}</a> {/block:Tags}{/block:hasTags}{/block:PermalinkPage}
  397.  
  398. {block:PostNotes}{PostNotes}
  399. {/block:PostNotes}
  400. </div>
  401.  
  402. {/block:Posts}
  403. {block:ifshowarrows}{/block:ifshowarrows}
  404. </center>
  405. </div></div>
  406. <div id="sidebar2">
  407.  
  408. <center>
  409.  
  410. <div class="linkss"><a href="/ask">ask</a></div>
  411. <div class="linkss"><a href="{text:Link One}"><center>{text:Link One Title}</center></a></div>
  412. <div class="linkss"><a href="{text:Link Two}"><center>{text:Link Two Title}</center></a></div>
  413. <div class="linkss"><a href="{text:Link Three}"><center>{text:Link Three Title}</center></a></div>
  414. <div class="linkss"><a href="http://sh0cking.tumblr.com/">theme</a></div>
  415.  
  416. </div></div>
  417. </div>
  418. </div>
  419. </body>
  420.  
  421.  
  422. </a><div style="position:fixed; bottom:10px; right:10px;">
  423. <a href="http://sh0cking.tumblr.com/">Theme credit!</a>
  424. </html>
  425. </html>
create a new version of this paste RAW Paste Data