Advertisement
cherbearboo

Theme 20

Nov 8th, 2012
328
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.70 KB | None | 0 0
  1. <omg its a theme by rishy dont take the credit off byeeee :)>
  2. <script type="text/javascript" src="http://static.tumblr.com/q0etgkr/mFbkoqlkr/tumblrautopager.js"></script>
  3.  
  4.  
  5. <html>
  6. <head>
  7. <script type=text/javascript src=http://codysherman.com/tools/infinite-scrolling/code></script>
  8. <title>{Title}</title>
  9. <link rel="shortcut icon" href="{Favicon}" />
  10. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  11.  
  12. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  13.  
  14. <meta name="color:Background" content="#FCF2DD"/>
  15. <meta name="color:Text" content="#000000"/>
  16. <meta name="color:Link" content="#D48E8E"/>
  17. <meta name="color:Link Hover" content="#000000"/>
  18. <meta name="image:Background" content=""/>
  19. <meta name="image:Sidebar" content=""/>
  20. <meta name="text:sbartext" content="" />
  21. <meta name="text:Link1 Url" content="/" />
  22. <meta name="text:Link1 Title" content="Link 1" />
  23. <meta name="text:Link2 Url" content="/" />
  24. <meta name="text:Link2 Title" content="Link 2" />
  25. <meta name="text:Link3 Url" content="/" />
  26. <meta name="text:Link3 Title" content="Link 3" />
  27. <meta name="text:Link4 Url" content="/" />
  28. <meta name="text:Link4 Title" content="Link 4" />
  29. <meta name="text:Link5 Url" content="/" />
  30. <meta name="text:Link5 Title" content="Link 5" />
  31.  
  32. <style type="text/css">
  33.  
  34. body{color:{color:Text}; background-attachment:fixed; background-color:{color:Background}; background-image: url('{image:Background}'); text-align:justify; font-family:arial; font-size:11px;}
  35.  
  36. a{color: {color:link}; text-decoration: none;}
  37.  
  38. a:hover{opacity: 0.7; text-shadow: 2px 0px #df8181, -2px 0px #54d2cb; -webkit-transition: all 1s ease-in-out; color:{color:Link Hover};}
  39.  
  40. ::-webkit-scrollbar-thumb:vertical {
  41. background-color: {color:Link};
  42. height:auto;
  43. border: 1px solid #ddd;
  44. }
  45.  
  46. ::-webkit-scrollbar-thumb:horizontal {
  47. background-color:#eee
  48. height:auto !important;
  49. }
  50.  
  51. ::-webkit-scrollbar {
  52. height:auto;
  53. width:7px;
  54. background-color: transparent;
  55. }
  56.  
  57. p {
  58. margin:0px;
  59. margin-top:0px;
  60. }
  61.  
  62.  
  63. a img{border:0}
  64.  
  65. #entries{margin-left:395px; width:512px}
  66.  
  67. #sidebarimg {margin-bottom:3px; padding:5px;}
  68.  
  69. #sidebarimg img {max-width:190px; height: auto;}
  70.  
  71. #sidebar {width:284px; margin-left:50px; height:100%px; margin-top:70px; position:fixed; overflow:hidden; background-color: {color:Sidebar}; padding:3px;}
  72.  
  73.  
  74. #sidebartext {font-size:30px; text-align:center; font-family:bebas neue;line-height:110%}
  75.  
  76. @font-face { font-family: "bebas neue"; src: url('http://static.tumblr.com/cvlbtjz/cnsln9tpp/bebasneue.otf'); }
  77.  
  78. #links {width:262px; background-color:transparent; padding:5px; text-align:center; font-size:10px; font-family:arial;}
  79.  
  80. #description {font-family:arial; font-size:11px; text-align:center; margin-bottom: 2px; padding:5px; text-align:center; color:{color:Text};}
  81.  
  82. #pagination {font-size:42px; text-align: center; font-family:georgia; text-align:center;}
  83.  
  84. #pagination a{color:{color:Link}}
  85.  
  86. #permalink{background-color:{color:Permalink}; color:{color:text};font-family: arial; width: 495px; margin-bottom:2px; margin-top:8px; font-size:8px; padding:3px; text-transform: uppercase; margin-left:2px; text-align:center; font-style: none;}
  87.  
  88. #permalink a{color: {color:Link};}
  89.  
  90. #permalink a:hover{color: {color:Link Hover}}
  91.  
  92. #posts{background-color:transparent; margin-bottom:10px; margin-top:10px; padding:7px; overflow:hidden; padding:3px}
  93.  
  94. #h1{font-family:georgia; color:{color:Text}; font-size:18px; line-height:12px;font-weight:normal; margin:0px; padding:3px; margin-left:10px;}
  95.  
  96. #source {text-align:right; font-size:09px;}
  97.  
  98. blockquote {border-left:2px {color:Link} solid; padding-left:5px; margin:1px 6px 1px 10px}
  99.  
  100. p{margin-top:5px; margin-bottom:5px; }
  101.  
  102. blockquote {padding:0px; text-align:left; padding-left:5px; margin:5px; background-color:{color:Entries}; border-left:3px solid {color:Link};}
  103.  
  104. .postalign{text-align:justify; padding:3px 7px 0px 7px;}
  105.  
  106. .question{background: {color:Entries}; font-size: 9px; font-weight:bold; color: {color:Text}; padding: 10px;}
  107.  
  108. .ask{font-size: 10px; background-color:{color:Background}; color:{color:Text};margin-bottom:0px;
  109. padding: 7px;}
  110.  
  111. .asker{text-transform: lowercase; padding-bottom:0px; font-size: 11px;}
  112.  
  113. .answer{padding:4px;}
  114.  
  115. .chat {line-height: 12px; list-style: none }
  116. .chat ul {line-height: 15px; list-style: none; padding: 0px; line-height:20px;}
  117. .person1 {background-color:{color:Background}; color: {color:text}; }
  118. .person1 .label {font-weight: bold; padding: 0px; margin-left: 5px; color:{color:Text}}
  119. .person2 {color: {color:Text} }
  120. .person2 .label {font-weight: bold; padding: 0px; margin-left: 5px; color:{color:Text}}
  121.  
  122. .quote{font-family:{font:Title}; font-size:13px; color: {color:Text}; font-style:italic;}
  123.  
  124. .audio{background-color:{color:Entries}; height:35px; overflow:hidden;}
  125.  
  126. ol.notes img {
  127. width: 16px;
  128. position: relative;
  129. display: inline;
  130. top: 3px;
  131. }
  132. .photoset, .photoset_row, div.photoset_photo, .photoset img, .html_photoset {
  133.  
  134. margin: 0 auto;
  135. }
  136.  
  137. .text {
  138. padding: 5px;
  139. }
  140.  
  141. ol.notes {
  142. padding: 0 10px;
  143. }
  144.  
  145. .perma
  146. {
  147. opacity: 0.0;
  148. filter: alpha(opacity = 0);
  149. margin-top: -21px;
  150. width: px;
  151. height: 30px;
  152. line-height: 30px;
  153. font-size: 9px;
  154. position:absolute;
  155. text-align: center;
  156. z-index:9999991;
  157. color: {color:permalink};
  158.  
  159. }
  160. a.p
  161. {
  162.  
  163. color: {color:permalink};
  164. }
  165. .entry:hover .perma {
  166.  
  167. -webkit-transition: opacity 0.4s linear;
  168. opacity: 1;
  169. -moz-transition: all 0.4s linear;
  170. transition: all 0.4s linear;
  171. filter: alpha(opacity = 100);
  172.  
  173. }
  174.  
  175. select {
  176. font-size: 9px;
  177. width: 100px;
  178. margin-left: 10px;
  179.  
  180. }
  181. option {
  182. font-size: 9px;
  183. text-align: left;
  184.  
  185. }
  186. input[type=button]
  187. {
  188. font-size: 9px;
  189. }
  190.  
  191. .likep {
  192. width: 21px;
  193. height: 20px;
  194. overflow: hidden;
  195. position: relative;
  196. z-index: 9999999;
  197. position: absolute;
  198. margin-top: 26px;
  199. margin-left: 5px;
  200. }
  201. .rep {
  202. width: 24px;
  203. height: 20px;
  204. overflow: hidden;
  205. position: relative;
  206. z-index: 9999999;
  207. position: absolute;
  208. margin-top: 26px;
  209. margin-left: 29px;
  210. }
  211. .likep a:hover {
  212. background-position: 0px 0px;
  213. }
  214. .likep a {
  215. background-image: url("http://static.tumblr.com/uiqhh9x/BPnlzww8v/like.png");
  216. background-position: 0px 0px;
  217. display: block;
  218. z-index: 9999999;
  219. webkit-transition: all 0s linear;
  220. -webkit-transition: all 0s linear;
  221. -moz-transition: all 0s linear;
  222. transition: all 0s linear;
  223. }
  224. .likep img {
  225. width: 21px;
  226. height: 20px;
  227. webkit-transition: all 0.2s linear;
  228. -webkit-transition: all 0.2s linear;
  229. -moz-transition: all 0.2s linear;
  230. transition: all 0.2s linear;
  231. }
  232. .rep img{
  233. width: 24px;
  234. height: 20px;
  235. line-height: 30px;
  236. display: inline;
  237. }
  238.  
  239. .not { position: absolute;
  240. background: url("http://static.tumblr.com/uiqhh9x/X6Ym17xp2/middle.png");
  241. height: 20px;
  242. font-size: 11px;
  243. line-height: 20px;
  244. color: #fff;
  245. position: absolute;
  246. margin-top: 26px;
  247. margin-left: 56px;
  248. padding-left: 4px;
  249. padding-right: 4px;
  250. -moz-border-radius: 2px;
  251. border-radius: 2px;
  252. }
  253. .not a{
  254. color: #fff;
  255. font-family: sans-serif;
  256. }
  257.  
  258. p {
  259. margin:0px;
  260. margin-top:0px;
  261.  
  262. i, em {color: {color:Link};}
  263. b, strong {color: {color:Title};}
  264.  
  265. ::selection {
  266. color:{color:Text};
  267. background-color: {color:Link};
  268. }
  269.  
  270. ::-moz-selection {
  271. color:{color:Text};
  272. background-color: {color:Link};
  273. }
  274.  
  275. ::-webkit-selection {
  276. color:{color:Text};
  277. background-color:{color:Link};
  278. }
  279.  
  280. </style>
  281. <style type="text/css">{CustomCSS}</style>
  282. </head>
  283.  
  284.  
  285. <body>
  286. <div id="sidebar">
  287. <div id="sidebartext"><a href="/">{text:sbartext}</a></div>
  288. <div id="links"><a href="{text:Link1 Url}">{text:Link1 Title}</a> · <a href="{text:Link2 Url}">{text:Link2 Title}</a> · <a href="{text:Link3 Url}">{text:Link3 Title}</a> · <a href="{text:Link4 Url}">{text:Link4 Title}</a> · <a href="{text:Link5 Url}">{text:Link5 Title}</a></div>
  289. <div id="sidebarimg"><center><img src="{image:Sidebar}"/></center></div>
  290. <div id="description">{block:Description}{Description}{/block:Description}</div>
  291.  
  292. </div>
  293.  
  294. <div id="entries">
  295. <div class=autopagerize_page_element>
  296. {block:Posts}
  297. <div class="entry">
  298. {block:IndexPage}<div class="perma">
  299. <div class="likep"><a id="like{PostID}" href="javascript:likelink('{PostID}','{Permalink}','');"><img src="http://static.tumblr.com/lba83dv/OUUltd958/spacer.gif" width="21" height="20" alt="Like this post" id="likeimage{PostID}"/></a></div> <div class="rep"><a href="{reblogurl}" target="_blank"><img src="http://static.tumblr.com/uiqhh9x/OAClzwwao/reblog.png" width="30"/></a></div>
  300. <div class="not"><a id="notes{PostID}" href="{Permalink}">{notecount}</a></div>
  301.  
  302.  
  303.  
  304. </div>
  305. {/block:IndexPage}
  306. {block:Text}
  307. <div class="text">
  308. {block:Title}
  309. <a href="{Permalink}">{Title}</a>
  310. {/block:Title}
  311. {Body}
  312. </div>
  313. {/block:Text}
  314.  
  315. {block:Photo}
  316. {block:IndexPage}
  317. {LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="500px"/>{LinkCloseTag}
  318. {/block:IndexPage}
  319. {block:permalinkpage}{LinkOpenTag}
  320. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="500px"/>{LinkCloseTag}
  321. {/block:permalinkpage}
  322.  
  323. {/block:Photo}
  324.  
  325. {block:Photoset}
  326. {block:IndexPage}
  327. {Photoset-500}
  328. {/block:IndexPage}
  329. {block:permalinkpage}
  330. {Photoset-500}
  331. {/block:permalinkpage}
  332. {/block:Photoset}
  333.  
  334. {block:Quote}
  335. <div class="text">
  336. "{Quote}"
  337. {block:Source}
  338. <div class="source">{Source}</div>
  339. {/block:Source}
  340. </div>
  341. {/block:Quote}
  342.  
  343. {block:Link}
  344. <div class="text">
  345. <a href="{URL}" class="link" {Target}>{Name}</a>
  346. {block:Description}
  347. <div class="description">{Description}</div>
  348. {/block:Description}
  349. </div>
  350. {/block:Link}
  351.  
  352. {block:Chat}
  353. <div class="text">
  354. {block:Title}
  355. <h3><a href="{Permalink}">{Title}</a></h3>
  356. {/block:Title}
  357. <ul class="chat">
  358. {block:Lines}
  359. <li class="{Alt} user_{UserNumber}"> {block:Label} <span class="label">{Label}</span> {/block:Label}
  360.  
  361. {Line} </li>
  362. {/block:Lines}
  363. </ul>
  364. </div>
  365. {/block:Chat}
  366.  
  367.  
  368. {block:Video}
  369.  
  370. {block:IndexPage}
  371. {Video-500}
  372. {/block:IndexPage}
  373. {block:permalinkpage}
  374. {Video-500}
  375. {/block:permalinkpage}
  376. {/block:Video}
  377.  
  378. {block:Audio}
  379. {AudioPlayerBlack}
  380. <div class="text">
  381. {block:Caption}
  382. {Caption}
  383. {/block:Caption}
  384. </div>
  385. {/block:Audio}
  386. {block:PermalinkPage}
  387. <center>{block:Date}{ShortMonth} {DayofMonth}{DayofMonthSuffix} {Year}{/block:Date}{block:NoteCount} - {NoteCountWithLabel}{/block:NoteCount}{block:HasTags} - Tags: {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}{/block:HasTags}</center>
  388. {/block:PermalinkPage}
  389. {block:PostNotes}{PostNotes}{/block:PostNotes}
  390. </div>
  391. {/block:Posts}
  392.  
  393. {block:PostNotes}
  394. <div id="notes"><div id="notess">{PostNotes}</div></div></div>
  395. {/block:PostNotes}
  396.  
  397.  
  398. </div>
  399. </div>
  400. <div style="padding: 5px; position: fixed; bottom: 0px; font-size: 10px; left: 0px; text-transform:lowercase; background: transparent; color: {color:link};"><a href="http://fishysthemes.tumblr.com/"><small style="{color:link};">credit</small></a></div>
  401.  
  402. </body>
  403. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement