API tools faq
paste
Advertisement
qtsumu

ride or die theme

qtsumu
Jan 6th, 2017
524
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.47 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!-----
  5. RULES:
  6. -DON'T remove credit! u can move it around or change how it looks but it HAS to be visible
  7. -DON'T redistribute! that'd b really dicky of u and i'll cry :"((
  8. -if u want to do a redux edit, pls ask me first
  9.  
  10. OTHER:
  11. -theme by komaedahater69 (main blog currently: syazelaporro)
  12. -basecode by animecharacter
  13. -u can edit this as much as u want!!!
  14. -if u find any bugs w the theme pls let me know and i'll fix it
  15. -pls continue to support me through my theme making n-n!
  16.  
  17. _________________________$$_____________
  18. ___________$$$$$$$$$$$$$$$______________
  19. ________$$$$______$$$$$$$$______________
  20. ______$$$_____$$$$$$_$$_$$______________
  21. _____$____$$$$$$$$$__$__$$______________
  22. ___$$___$$$$$$$$$___$___$$______________
  23. __$$__$$$$$$$$$$___$____$$______________
  24. __$$$$$$$$$$$_____$$_____$$____$$$$$$___
  25. $$$$$$$__________$$_______$$_$$$$$$$$$$_
  26. _________$$$$$__$$$____$$__$__$$$$$$$$$_
  27. ______$$$$$$$$$_$$$$$$$$$$$$$$$$$$$$$$$$
  28. _____$$$$$$$$$$$$__$$$$$__$$$$$$$$$$$$$$
  29. ____$$$__$$$$$$$$$$$$$$$$__$$$$$$$$$__$$
  30. ____$$___$$$$$$$$$$$$$$$$$_$$$$$$$$$__$$
  31. ____$$__$$$$$$$$$$$$$$$$$$_$$$$$$$$$_$$_
  32. ____$$$_$$$$$$$$$$$$$$$$$$_$$$$$$$$$$$__
  33. ____$$$__$$$$$$$$$$$$$$$$_$$$$$$$$$$$___
  34. _____$$$$$$$$$$$$$$$$$$$__$$$$$$$$$_____
  35. _____$$$$$$$$$$$$$$$$$$$________________
  36. _______$$$$$$$$$$$$$$$__________________
  37. __________$$$$$$$$$$____________________
  38. ----->
  39.  
  40. <meta charset="utf-8">
  41. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  42. {block:Description}
  43. <meta name="description" content="{MetaDescription}" />
  44. {/block:Description}
  45.  
  46. <title>{Title}</title>
  47.  
  48. <meta name="image:favicon" content="">
  49. <meta name="image:sidebar" content="">
  50.  
  51. <meta name="color:background" content="#fff">
  52. <meta name="color:text" content="#000">
  53. <meta name="color:links" content="#999">
  54. <meta name="color:links hover" content="#ccc">
  55.  
  56. <meta name="if:circle sidebar img" content="1">
  57.  
  58. <meta name="text:font size" content="12">
  59. <meta name="text:link url" content="/">
  60.  
  61. <link rel="shortcut icon" href="{image:favicon}">
  62. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  63. <link rel="stylesheet" href="http://static.tumblr.com/qxrkgx6/RWPmgn2qa/normalize.min.css">
  64.  
  65. <script src="http://static.tumblr.com/qxrkgx6/LuRmgn2rm/modernizr-2.6.2.min.js"></script>
  66.  
  67. <style type="text/css">
  68.  
  69. body {
  70. margin:0px;
  71. background:{color:background};
  72. font-family:arial;
  73. font-size:{text:font size}px;
  74. line-height:120%;
  75. color:{color:text};
  76. }
  77.  
  78. p{
  79. margin:0 0 10px 0;
  80. padding:0;
  81. }
  82.  
  83. pre {
  84. white-space: pre-wrap;
  85. white-space: -moz-pre-wrap;
  86. white-space: -pre-wrap;
  87. white-space: -o-pre-wrap;
  88. word-wrap: break-word;
  89. }
  90.  
  91. a{
  92. color:{color:links};
  93. text-decoration:none;
  94. }
  95.  
  96. a:hover{
  97. color:{color:links hover};
  98. }
  99.  
  100. li{
  101. margin-left:-15px;
  102. }
  103.  
  104. #wrapper{
  105. width:600px;
  106. margin:50px 250px;
  107. }
  108.  
  109. #sidebar{
  110. width:100px;
  111. position:fixed;
  112. margin-left:-37px;
  113. }
  114.  
  115. #linkbox{
  116. width:100px;
  117. padding:5px;
  118. background:{color:background};
  119. margin-left:107px;
  120. margin-top:-199px;
  121. }
  122.  
  123. .search input {
  124. border-radius: 4px;
  125. border: 1px solid {color:links};
  126. background-color: {color:background};
  127. }
  128.  
  129. #content{
  130. width:auto;
  131. margin-left:200px;
  132. }
  133.  
  134. .post{
  135. width:400px;
  136. margin:0 0 50px 0;
  137. overflow:hidden;
  138. padding:10px;
  139. }
  140.  
  141. .post img{
  142. max-width:100%;
  143. }
  144.  
  145. #sidebar img{
  146. max-height:100px;
  147. max-width:100px;
  148. float:center;
  149. {block:ifcirclesidebarimg}
  150. border-radius:800px;
  151. {/block:ifcirclesidebarimg}
  152. border:1px solid {color:links};
  153. }
  154.  
  155. #sidebar .pagination {
  156. width:100px;
  157. text-align:center;
  158. padding: 3px 0;
  159. }
  160.  
  161. #sidebar .pagination a {
  162. color:{color:links};
  163. text-decoration: none;
  164. }
  165.  
  166. #sidebar .pagination a:hover {
  167. color: {color:links hover};
  168. }
  169.  
  170. #credit{
  171. position:fixed;
  172. bottom:0px;
  173. left:3px;
  174. }
  175.  
  176. .media{
  177. margin:0 0 10px 0;
  178. }
  179.  
  180. .title{
  181. font-weight:normal;
  182. font-size:18px;
  183. margin:0 0 10px 0;
  184. }
  185.  
  186. .quote{
  187. font-weight:normal;
  188. font-size:16px;
  189. font-style:italic;
  190. margin:0 0 10px 0;
  191. }
  192.  
  193. .question{
  194. margin-bottom:10px;
  195. padding:5px;
  196. }
  197.  
  198. blockquote{
  199. margin:0 0 10px 10px;
  200. padding:0 0 0 10px;
  201. border-left:solid 1px {color:borders};
  202. }
  203.  
  204. select {
  205. font-size: {text:font size}px;
  206. border: 0;
  207. width:100px;
  208. background:{color:background};
  209. }
  210.  
  211. .post .footer{
  212. margin:0;
  213. text-align:left;
  214. padding:5px;
  215. }
  216.  
  217. ol.notes{
  218. list-style-type:none;
  219. padding:0;
  220. margin:0;
  221. }
  222.  
  223. ol.notes li.note img{
  224. width:16px;
  225. height:16px;
  226. }
  227.  
  228. ol.notes li.note{
  229. margin:0px;
  230. }
  231.  
  232. {CustomCSS}
  233. </style>
  234.  
  235. </head>
  236.  
  237. <body>
  238.  
  239. <div id="wrapper">
  240.  
  241. <div id="sidebar">
  242. <div id="sidebar img">
  243. <center>
  244. <a href="/" title="{text:sidebar img hover}"><img src="{image:sidebar}"></a>
  245. </div>
  246. <br>
  247. {block:Description}
  248. {Description}</p>
  249. {/block:Description}
  250.  
  251. <p></p>
  252. {block:Pagination}
  253. <center>
  254. <div id="pagination">
  255. {block:PreviousPage}
  256. <a href="{PreviousPage}">&larr;</a>&nbsp;
  257. {/block:PreviousPage}
  258. {block:JumpPagination length="5"}
  259. {block:CurrentPage}
  260. <span class="current_page">{PageNumber}</span>
  261. {/block:CurrentPage}
  262. {block:JumpPage}
  263. <a class="jump_page" href="{URL}">{PageNumber}</a>
  264. {/block:JumpPage}
  265. {/block:JumpPagination}
  266. {block:NextPage}
  267. <a href="{NextPage}">&nbsp;&rarr;</a>
  268. {/block:NextPage}
  269. </div>
  270. </center>
  271. {/block:Pagination}
  272.  
  273. <form action="/search" method="get" class="search">
  274. <input type="text" placeholder="{text:search text}" style="text-align:center;" name="q" value="{SearchQuery}" size="11"/>
  275. </form>
  276.  
  277. <div id="linkbox">
  278. <FORM METHOD="post" ACTION="/ask">
  279. <INPUT TYPE="submit" VALUE="✉">
  280. </FORM>
  281. <br>
  282. <FORM METHOD="post" ACTION="{text:link url}">
  283. <INPUT TYPE="submit" VALUE="⁇">
  284. </FORM>
  285. </div>
  286.  
  287. </div>
  288.  
  289. <div id="content">
  290. {block:Posts}
  291.  
  292. <div class="post">
  293.  
  294. {block:Text}
  295. {block:Title}
  296. <div class="title">{Title}</div>
  297. {/block:Title}
  298. {Body}
  299. {/block:Text}
  300.  
  301. {block:Photo}
  302. <div class="media">{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</div>
  303. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  304. {/block:Photo}
  305.  
  306. {block:Photoset}
  307. <div class="media">{Photoset-400}</div>
  308. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  309. {/block:Photoset}
  310.  
  311. {block:Quote}
  312. <div class="quote">"{Quote}"</div>
  313. {block:Source}
  314. <div class="quotesource">{Source}</div>
  315. {/block:Source}
  316. {/block:Quote}
  317.  
  318. {block:Link}
  319. <div class="title"><a href="{URL}">{Name}</a></div>
  320. {block:Description}
  321. <div class="description">{Description}</div>
  322. {/block:Description}
  323. {/block:Link}
  324.  
  325. {block:Chat}
  326. {block:Title}
  327. <div class="title">{Title}</div>
  328. {/block:Title}
  329.  
  330. {block:Lines}
  331. <div class="{Alt} user_{UserNumber}">
  332. {block:Label}
  333. <b>{Label}</b>{/block:Label}
  334. &nbsp;{Line}
  335. </div>
  336. {/block:Lines}
  337. {/block:Chat}
  338.  
  339. {block:Video}
  340. <div class="media">{Video-400}</div>
  341. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  342. {/block:Video}
  343.  
  344. {block:Audio}
  345. <div class="media">
  346. {block:AlbumArt}<img src="{AlbumArtURL}" style="width:100px; height:100px;">{/block:AlbumArt}
  347. <br>{block:TrackName}<small>{TrackName}{/block:TrackName} by {block:Artist}{Artist}</small>{/block:Artist}{AudioPlayerWhite}
  348. </div>
  349. {block:Caption}{Caption}{/block:Caption}
  350. {/block:Audio}
  351.  
  352. {block:Answer}
  353. <div class="question">
  354. <img class="asker-avatar" src="{AskerPortraitURL-24}" {block:ifborders}style="border:1px solid {color:borders}"{/block:ifborders} alt="">&nbsp;&nbsp;{Asker}: {Question}
  355. </div>
  356. <p><div class="caption">{Answer}</div>
  357. {/block:Answer}
  358.  
  359.  
  360. {block:Date}
  361. <div class="footer">
  362. <a href="{Permalink}">posted {TimeAgo}{block:NoteCount} || {NoteCount}%&nbsp;{/block:NoteCount}||</a> <a href="{ReblogURL}" target="_blank" class="details">Reblog</a></a>
  363. {block:PermalinkPage}
  364. {block:HasTags}<br>{block:Tags}#<a href="{TagURL}">{Tag}</a>&nbsp; {/block:Tags}{/block:HasTags}
  365. {block:RebloggedFrom}<br>via: <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}
  366. <br>{block:ContentSource}src: <a href="{SourceURL}">{SourceTitle}</a>{/block:ContentSource}
  367. {/block:PermalinkPage}
  368. </div>
  369.  
  370. {block:PermalinkPage}
  371. {block:NoteCount}
  372. {block:PostNotes}{PostNotes}{/block:PostNotes}
  373. {/block:NoteCount}
  374. {/block:PermalinkPage}
  375. {/block:Date}
  376.  
  377. </div>
  378. {/block:Posts}
  379. </div>
  380. </div>
  381.  
  382. </div>
  383.  
  384. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  385. <script>window.jQuery || document.write('<script src="http://static.tumblr.com/qxrkgx6/q6kmgn2w2/jquery-1.8.3.min.js"><\/script>')</script>
  386.  
  387. <div id="credit"><a href="http://komaedahater69.tumblr.com">thm</a></div>
  388.  
  389. </body>
  390. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!