API tools faq
paste
Advertisement
qtsumu

wip grid theme

qtsumu
Nov 12th, 2016
122
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.00 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: drnmd)
  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. <link href='https://fonts.googleapis.com/css?family=Karla:400,700,700italic' rel='stylesheet' type='text/css'>
  41.  
  42. <meta charset="utf-8">
  43. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  44. {block:Description}
  45. <meta name="description" content="{MetaDescription}" />
  46. {/block:Description}
  47.  
  48. <title>{Title}</title>
  49.  
  50. <meta name="image:favicon" content="">
  51. <meta name="image:sidebar" content="">
  52. <meta name="image:left img" content="">
  53.  
  54. <meta name="color:background" content="#fff">
  55. <meta name="color:post bg" content="#fff">
  56. <meta name="color:text" content="#000">
  57. <meta name="color:borders" content ="#000">
  58. <meta name="color:links" content="#999">
  59. <meta name="color:links hover" content="#ccc">
  60. <meta name="color:link bg color" content="#000">
  61. <meta name="text:left img margin left" content="0"/>
  62. <meta name="text:left img width" content="0"/>
  63. <meta name="text:left img margin bottom" content="0"/>
  64.  
  65. <meta name="if:circle sidebar img" content="1">
  66. <meta name="if:description" content="0">
  67. <meta name="if:links" content="1">
  68. <meta name="if:link 1" content="1">
  69. <meta name="if:tags" content="0">
  70. <meta name="if:via and src" content="0">
  71.  
  72. <meta name="text:link url" content="/">
  73. <meta name="text:link name" content="link">
  74.  
  75. <link rel="shortcut icon" href="{image:favicon}">
  76. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  77. <link rel="stylesheet" href="http://static.tumblr.com/qxrkgx6/RWPmgn2qa/normalize.min.css">
  78.  
  79. <script src="http://static.tumblr.com/qxrkgx6/LuRmgn2rm/modernizr-2.6.2.min.js"></script>
  80.  
  81. <style type="text/css">
  82.  
  83. body {
  84. margin:0px;
  85. background:{color:background};
  86. font-family:ms pgothic;
  87. font-size:15px;
  88. line-height:120%;
  89. color:{color:text};
  90. }
  91.  
  92. p{
  93. margin:0 0 10px 0;
  94. padding:0;
  95. }
  96.  
  97. pre {
  98. white-space: pre-wrap;
  99. white-space: -moz-pre-wrap;
  100. white-space: -pre-wrap;
  101. white-space: -o-pre-wrap;
  102. word-wrap: break-word;
  103. }
  104.  
  105. a{
  106. color:{color:links};
  107. text-decoration:none;
  108. text-decoration:none;
  109. text-shadow: 1px 1px 0 {color:link bg color},
  110. 2px 2px 0 {color:link bg color};
  111. font-weight:bold;
  112. }
  113.  
  114. a:hover{
  115. color:{color:links hover};
  116. }
  117.  
  118. li{
  119. margin-left:-15px;
  120. }
  121.  
  122. #wrapper{
  123. width:600px;
  124. margin:50px 250px;
  125. }
  126.  
  127. #sidebar{
  128. width:125px;
  129. position:fixed;
  130. margin-left:675px;
  131. margin-top:-20;
  132. }
  133.  
  134. {block:ifinfinitescroll}
  135. .pagination {
  136. display: none;}
  137. {/block:ifinfinitescroll}
  138.  
  139.  
  140.  
  141. #container{
  142. width:600px;
  143. margin-left:200;
  144. padding:10px 10px 10px 10px;
  145. }
  146. @-webkit-keyframes cssAnimation {
  147. from{
  148. -webkit-transform: scale(0.871);}
  149. to{
  150. -webkit-transform:scale(1); }
  151. }
  152.  
  153. @-moz-keyframes cssAnimation {
  154. from{
  155. -moz-transform:scale(0.871);}
  156. to{
  157. -moz-transform: scale(1); }
  158. }
  159.  
  160. @-o-keyframes cssAnimation {
  161. from{
  162. -o-transform: scale(0.871);
  163. }
  164.  
  165. to{
  166. -o-transform: scale(1);}
  167. }
  168.  
  169. .entry{
  170. text-align:left;
  171. z-index:9999;
  172. float:left;
  173. width:250px;
  174. overflow:hidden;
  175. margin:10px;
  176. padding:10px 10px 10px 10px;
  177. border:2px solid {color:borders};
  178. }
  179.  
  180. .post img{
  181. max-width:100%;
  182. }
  183.  
  184. #sidebar img{
  185. max-height:auto;
  186. max-width:100px;
  187. float:center;
  188. padding:10px 10px 10px 10px;
  189. border:2px solid {color:borders};
  190. background:{color:post bg};
  191. {block:ifcirclesidebarimg}
  192. border-radius:800px;
  193. {/block:ifcirclesidebarimg};
  194. }
  195.  
  196. #sidebar .pagination {
  197. width:100px;
  198. text-align:center;
  199. padding: 3px 0;
  200. }
  201.  
  202. #sidebar .pagination a {
  203. color:{color:links};
  204. text-decoration: none;
  205. }
  206.  
  207. #sidebar .pagination a:hover {
  208. color: {color:links hover};
  209. }
  210.  
  211. #credit{
  212. position:fixed;
  213. bottom:0px;
  214. left:3px;
  215. }
  216.  
  217. .media{
  218. margin:0 0 10px 0;
  219. }
  220.  
  221. .title{
  222. font-weight:normal;
  223. font-size:18px;
  224. margin:0 0 10px 0;
  225. }
  226.  
  227. .quote{
  228. font-weight:normal;
  229. font-size:16px;
  230. font-style:italic;
  231. margin:0 0 10px 0;
  232. }
  233.  
  234. .question{
  235. margin-bottom:10px;
  236. padding:5px;
  237. }
  238.  
  239. blockquote{
  240. margin:0 0 10px 10px;
  241. padding:0 0 0 10px;
  242. border-left:solid 1px {color:borders};
  243. }
  244.  
  245. .post .footer{
  246. margin:0;
  247. text-align:left;
  248. padding:5px;
  249. }
  250.  
  251. ol.notes{
  252. list-style-type:none;
  253. padding:0;
  254. margin:0;
  255. }
  256.  
  257. ol.notes li.note img{
  258. width:16px;
  259. height:16px;
  260. }
  261.  
  262. ol.notes li.note{
  263. margin:0px;
  264. }
  265.  
  266. {CustomCSS}
  267. </style>
  268.  
  269. <script type="text/javascript"
  270. src="http://static.tumblr.com/q0etgkr/EIBmz7s0p/infinitescrolling.js" ></script>
  271.  
  272. </head>
  273.  
  274. <body>
  275.  
  276. <div id="wrapper">
  277.  
  278.  
  279. <div id="sidebar">
  280. <div id="sidebar img">
  281. <center>
  282. <a href="/"><img src="{image:sidebar}"></a>
  283. </div>
  284. <br>
  285. {block:ifdescription}
  286. <center>
  287. {block:Description}
  288. {Description}</p>
  289. {/block:Description}
  290. </center>
  291. {/block:ifdescription}
  292. <center>
  293. {block:iflinks}<a href="/">home</a> / <a href="/ask">ask</a>{block:iflink1} / <a href="{text:link url}">{text:link name}</a>{/block:iflink1}{/block:iflinks}
  294. <p></p>
  295. <br>
  296. <script language="JavaScript">var fhs = document.createElement('script');var fhs_id = "5398688";
  297. var ref = (''+document.referrer+'');var pn = window.location;var w_h = window.screen.width + " x " + window.screen.height;
  298. fhs.src = "//s1.freehostedscripts.net/ocounter.php?site="+fhs_id+"&e1=soap&e2=soaps&r="+ref+"&wh="+w_h+"&a=1&pn="+pn+"";
  299. document.head.appendChild(fhs);document.write("<span id='o_"+fhs_id+"'></span>");
  300. </script>
  301.  
  302.  
  303. </div>
  304.  
  305. <div id="imageleft" style="position:fixed; bottom:{text:left img margin bottom}px; z-index:-1; left:{text:left img margin left}px;"><img src="{image:left img}"width="{text:left img width}"></div>
  306.  
  307. <div id="container">
  308. {block:Posts}
  309.  
  310. <div class="entry">
  311.  
  312. {block:Text}
  313. {block:Title}
  314. <div class="title">{Title}</div>
  315. {/block:Title}
  316. {Body}
  317. {/block:Text}
  318.  
  319. {block:Photo}
  320. <div class="media">{LinkOpenTag}<img src="{PhotoURL-250}" alt="{PhotoAlt}"/>{LinkCloseTag}</div>
  321. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  322. {/block:Photo}
  323.  
  324. {block:Photoset}
  325. <div class="media">{Photoset-250}</div>
  326. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  327. {/block:Photoset}
  328.  
  329. {block:Quote}
  330. <div class="quote">"{Quote}"</div>
  331. {block:Source}
  332. <div class="quotesource">{Source}</div>
  333. {/block:Source}
  334. {/block:Quote}
  335.  
  336. {block:Link}
  337. <div class="title"><a href="{URL}">{Name}</a></div>
  338. {block:Description}
  339. <div class="description">{Description}</div>
  340. {/block:Description}
  341. {/block:Link}
  342.  
  343. {block:Chat}
  344. {block:Title}
  345. <div class="title">{Title}</div>
  346. {/block:Title}
  347.  
  348. {block:Lines}
  349. <div class="{Alt} user_{UserNumber}">
  350. {block:Label}
  351. <b>{Label}</b>{/block:Label}
  352. &nbsp;{Line}
  353. </div>
  354. {/block:Lines}
  355. {/block:Chat}
  356.  
  357. {block:Video}
  358. <div class="media">{Video-250}</div>
  359. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  360. {/block:Video}
  361.  
  362. {block:Audio}
  363. <div class="media">
  364. {block:AlbumArt}<img src="{AlbumArtURL}" style="width:100px; height:100px;">{/block:AlbumArt}
  365. <br>{block:TrackName}<small>{TrackName}{/block:TrackName} by {block:Artist}{Artist}</small>{/block:Artist}{AudioPlayerWhite}
  366. </div>
  367. {block:Caption}{Caption}{/block:Caption}
  368. {/block:Audio}
  369.  
  370. {block:Answer}
  371. <div class="question">
  372. <img class="asker-avatar" src="{AskerPortraitURL-24}" {block:ifborders}style="border:1px solid {color:borders}"{/block:ifborders} alt="">&nbsp;&nbsp;{Asker}: {Question}
  373. </div>
  374. <p><div class="caption">{Answer}</div>
  375. {/block:Answer}
  376.  
  377.  
  378. {block:Date}
  379. <div class="footer">
  380. <a href="{Permalink}">posted {TimeAgo}{block:NoteCount} || {NoteCount}%&nbsp;{/block:NoteCount}</a>
  381. {block:iftags}
  382. {block:HasTags}<br>{block:Tags}#<a href="{TagURL}">{Tag}</a>&nbsp; {/block:Tags}{/block:HasTags}
  383. {/block:iftags}
  384. {block:ifviaandsrc}
  385. {block:RebloggedFrom}<br>via: <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}
  386. <br>{block:ContentSource}src: <a href="{SourceURL}">{SourceTitle}</a>{/block:ContentSource}
  387. {/block:ifviaandsrc}
  388. {block:ifnottags}
  389. {block:PermalinkPage}
  390. {block:HasTags}<br>{block:Tags}#<a href="{TagURL}">{Tag}</a>&nbsp; {/block:Tags}{/block:HasTags}
  391. {/block:PermalinkPage}
  392. {/block:ifnottags}
  393. {block:ifnotviaandsrc}
  394. {block:PermalinkPage}
  395. {block:RebloggedFrom}<br>via: <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}
  396. <br>{block:ContentSource}src: <a href="{SourceURL}">{SourceTitle}</a>{/block:ContentSource}
  397. {/block:PermalinkPage}
  398. {/block:ifnotviaandsrc}
  399. </div>
  400.  
  401. {block:PermalinkPage}
  402. {block:NoteCount}
  403. {block:PostNotes}{PostNotes}{/block:PostNotes}
  404. {/block:NoteCount}
  405. {/block:PermalinkPage}
  406. {/block:Date}
  407.  
  408. </div>
  409. {/block:Posts}
  410. </div>
  411. </div>
  412.  
  413. </div>
  414.  
  415. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  416. <script>window.jQuery || document.write('<script src="http://static.tumblr.com/qxrkgx6/q6kmgn2w2/jquery-1.8.3.min.js"><\/script>')</script>
  417.  
  418. </body>
  419. </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!