API tools faq
paste
Advertisement
Amanduhh7

Graphics & Design Help Center Tumblr Theme

Amanduhh7
Feb 18th, 2015
324
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.04 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <!--[if IE 8]><html class="lt-ie10 lt-ie9"> <![endif]-->
  3. <!--[if IE 9]><html class="lt-ie10"> <![endif]-->
  4. <!--[if gt IE 9]><!--> <html> <!--<![endif]-->
  5. <head>
  6.  
  7. <!--THEME DESIGN BY SLAPDASHTHEMES--><!--DO NOT REMOVE CODE--><!--THEME DESIGN BY SLAPDASHTHEMES-->
  8. <!--THEME DESIGN BY SLAPDASHTHEMES--><!--DO NOT REMOVE CODE--><!--THEME DESIGN BY SLAPDASHTHEMES-->
  9. <!--THEME DESIGN BY SLAPDASHTHEMES--><!--DO NOT REMOVE CODE--><!--THEME DESIGN BY SLAPDASHTHEMES-->
  10. <!--THEME DESIGN BY SLAPDASHTHEMES--><!--DO NOT REMOVE CODE--><!--THEME DESIGN BY SLAPDASHTHEMES-->
  11.  
  12. <title>{Title} - {block:PostTitle}{PostTitle}{/block:PostTitle}</title>
  13. <link rel="shortcut icon" href="{Favicon}" />
  14. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  15.  
  16. <meta name="if:Show Update" content="1"/>
  17.  
  18. <meta name="color:sidebarblogtitle" content="#de407d">
  19. <meta name="color:needhelpbuttonback" content="#de407d">
  20. <meta name="color:needhelpbutton" content="#ffffff">
  21. <meta name="color:needhelpbuttonbackhover" content="#ffffff">
  22. <meta name="color:needhelpbuttonhover" content="#de407d">
  23. <meta name="color:updatelinkhover" content="#de407d">
  24.  
  25. <meta name="image:header" content="">
  26. <meta name="image:sidebar" content="">
  27. <meta name="image:updates" content="">
  28. <meta name="image:notes" content="">
  29.  
  30. <meta name="text:Link One URL" content="">
  31. <meta name="text:Link One Title" content="">
  32. <meta name="text:Link Two URL" content="">
  33. <meta name="text:Link Two Title" content="">
  34. <meta name="text:Link Three URL" content="">
  35. <meta name="text:Link Three Title" content="">
  36. <meta name="text:Need Help Button URL" content="">
  37. <meta name="text:Need Help Button Title" content="">
  38. <meta name="text:Update One URL" content="">
  39. <meta name="text:Update One Title" content="">
  40. <meta name="text:Update Two URL" content="">
  41. <meta name="text:Update Two Title" content="">
  42. <meta name="text:Update Three URL" content="">
  43. <meta name="text:Update Three Title" content="">
  44.  
  45. <link href='http://fonts.googleapis.com/css?family=Poiret+One' rel='stylesheet' type='text/css'>
  46.  
  47.  
  48. <style>
  49.  
  50. body{
  51. background-color:#ffffff;
  52. width:98%;
  53. }
  54.  
  55. #header{
  56. position:fixed;
  57. width:100%;
  58. height:300px;
  59. margin-left:-8px;
  60. margin-top:-8px;
  61. }
  62.  
  63. #sidebar{
  64. position:fixed;
  65. width:300px;
  66. height:500px;
  67. background-color:#e8e7e7;
  68. margin-top:350px;
  69. border:2px dotted #de407d;
  70. }
  71.  
  72. #sidebar img{
  73. max-width:150px;
  74. height:auto;
  75. float:left;
  76. margin-top:3px;
  77. margin-left:10px;
  78. }
  79.  
  80. #sidebar .nav{
  81. float:left;
  82.  
  83. }
  84.  
  85. .nav ul{
  86. list-style-type:none;
  87. margin-left:-25px;
  88. margin-top:3px;
  89. }
  90.  
  91. .nav li{
  92. width:100px;
  93. font-size:12px;
  94. background-color:white;
  95. text-align:left;
  96. margin:6px;
  97. -webkit-border-radius: 4px;
  98. -moz-border-radius: 4px;
  99. border-radius: 4px;
  100. border: solid 1px #ffffff;
  101. -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
  102. -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
  103. box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
  104. -webkit-transition-duration: 0.2s;
  105. -moz-transition-duration: 0.2s;
  106. transition-duration: 0.2s;
  107. -webkit-user-select:none;
  108. -moz-user-select:none;
  109. -ms-user-select:none;
  110. user-select:none;
  111. }
  112. .nav li a{
  113. text-decoration:none;
  114. color:black;
  115. padding:5px;
  116. }
  117.  
  118. .title{
  119. font-size:20px;
  120. text-align:center;
  121. font-family:poiret one;
  122. color:{color:sidebarblogtitle};
  123.  
  124. }
  125.  
  126. .description{
  127. width:280px;
  128. padding:5px;
  129. font-size:12px;
  130. margin-left:3px;
  131. }
  132.  
  133. /*NEED HELP BUTTON*/
  134. .needhelpbutton{
  135. width:220px;
  136. height:30px;
  137. background-color:{color:needhelpbuttonback};
  138. margin-left:40px;
  139. margin-top:20px;
  140. -webkit-border-radius: 4px;
  141. -moz-border-radius: 4px;
  142. border-radius: 4px;
  143. border: solid 1px #de407d;
  144. -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
  145. -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
  146. box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
  147. -webkit-transition-duration: 0.2s;
  148. -moz-transition-duration: 0.2s;
  149. transition-duration: 0.2s;
  150. -webkit-user-select:none;
  151. -moz-user-select:none;
  152. -ms-user-select:none;
  153. user-select:none;
  154. }
  155.  
  156. .needhelpbutton:hover {
  157. background:{color:needhelpbuttonbackhover};
  158. border: solid 1px #2A4E77;
  159. text-decoration: none;
  160. }
  161.  
  162. .needhelpbutton:hover a{
  163. color:{color:needhelpbuttonhover};
  164. }
  165. .needhelpbutton:active {
  166. -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
  167. -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
  168. box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
  169. background: #2E5481;
  170. border: solid 1px #203E5F;
  171. }
  172.  
  173. .needhelpbutton a{
  174. text-decoration:none;
  175. color:{color:needhelpbutton};
  176. padding:10px;
  177. display: inline-block;
  178. margin-top:-5px;
  179. }
  180. /*NEED HELP BUTTON*/
  181.  
  182. #content{
  183. position:absolute;
  184. width:740px;
  185. margin-left:400px;
  186. margin-top:350px;
  187. background-color:#e8e7e7;
  188. z-index:-9;
  189. }
  190.  
  191. #content .posts{
  192. width:700px;
  193. padding:10px;
  194. margin:10px;
  195. background-color:#ffffff;
  196. }
  197.  
  198.  
  199. .posttitle{
  200. color:{color:posttitle};
  201. font-size:30px;
  202. text-align:center;
  203. font-family:georgia;
  204. }
  205.  
  206. .posttext{
  207. font-size:12px;
  208. }
  209.  
  210. p{
  211. font-size:12px;
  212. }
  213.  
  214. .pagination {
  215. display: none;
  216. }
  217.  
  218. #info{
  219. width:700px;
  220. border-bottom:1px solid black;
  221. }
  222.  
  223. #date{
  224. text-align:center;
  225. }
  226. #date a{
  227. text-decoration:none;
  228. color:black;
  229. font-size:12px;
  230. }
  231.  
  232. .reblog{
  233. float:left;
  234. }
  235.  
  236. .notes{
  237. float:right;
  238. font-size:12px;
  239. }
  240.  
  241.  
  242. ol.notes {list-style: none;width:400px;margin-left:10px; float:left;}
  243. ol.notes a {color:#444; text-decoration:none;}
  244. ol.notes li.note {
  245. margin-bottom: 2px;
  246. padding: 2px;
  247. text-transform: lowercase;
  248. line-height: 20px;
  249. width:400px;
  250. border-bottom:1px solid gray;}
  251. ol.notes li.note img.avatar {
  252. vertical-align: -2px;
  253. margin-right: 10px;
  254. width:16px;
  255. height: 16px;}
  256. ol.notes li.note .answer_content {font-weight: normal;}
  257. ol.notes li.note blockquote {display: none;}
  258.  
  259. .top.media.photoset {
  260. line-height: 0;
  261. position: relative;
  262. display: inline-block;
  263. }
  264.  
  265. /*UPDATE TAB*/
  266. .updates{
  267. position:fixed;
  268. width:300px;
  269. height:270px;
  270. margin-left:1200px;
  271. margin-top:350px;
  272. background-image:url(http://i98.photobucket.com/albums/l274/shell282/updatesback.png);
  273. }
  274.  
  275. .updates ul{
  276. list-style-type:none;
  277. margin-top:120px;
  278. text-align:center;
  279. }
  280.  
  281. .updates li a{
  282. text-decoration:none;
  283. color:#000000;
  284. font-size:20px;
  285. margin-left:-30px;
  286. font-family:poiret one;
  287. }
  288.  
  289. .updates li a:hover{
  290. color:{color:updatelinkhover};
  291. }
  292. /*UPDATE TAB*/
  293.  
  294. .extraspace{
  295. text-align:center;
  296. margin-top:20px;
  297. font-size:12px;
  298. }
  299.  
  300. .jump_page {
  301. padding: 4px 8px;
  302. border: 2px solid #de407d;
  303. background-color: #ffffff;
  304. color:#585858;
  305. font-family:georgia;
  306. font-weight:bold;
  307. font-size:11px;
  308. text-decoration:none;
  309. border-radius:0px;
  310. }
  311.  
  312. .current_page, .jump_page:hover {
  313. padding: 4px 8px;
  314. border: 2px solid #ffffff;
  315. background-color: #de407d;
  316. color: #ffffff;
  317. font-family:georgia;
  318. font-size:11px;
  319. text-decoration:none;
  320. border-radius:5px;
  321. }
  322.  
  323. /* Custom CSS */
  324. {CustomCSS}
  325. </style>
  326. </head>
  327. <body>
  328.  
  329. <div id="header">{block:HideTitle}<div style="font-size:30px; text-align:center; margin-top:20px; font-family:poiret one;">{Title}</div>{/block:HideTitle}
  330. <img src="{image:header}">
  331. </div>
  332.  
  333. <div id="sidebar">
  334. <center><img src="{image:sidebar}"></center>
  335.  
  336. <div class="nav">
  337. <ul>
  338. <li><a href="/">Index</a></li>
  339. <li><a href="/ask">Message</a></li>
  340. <li><a href="/submit">Submit</a></li>
  341. <li><a href="{text:Link One URL}">{text:Link One Title}</a></li>
  342. <li><a href="{text:Link Two URL}">{text:Link Two Title}</a></li>
  343. <li><a href="{text:Link Three URL}">{text:Link Three Title}</a></li>
  344. <li><a href="http://www.slapdashthemes.tumblr.com">Theme</a></li>
  345. <li><a href="/archive">Archive</a></li>
  346. </ul>
  347. </div>
  348.  
  349. <div class="title">{Title}</div>
  350.  
  351. <div class="description">{Description}</div>
  352.  
  353. <div class="needhelpbutton">
  354. <a href="{text:Need Help Button URL}">{text:Need Help Button Title}</a>
  355. </div>
  356.  
  357. <!--EXTRA SPACE SECTION AT BOTTOM OF SIDEBAR-->
  358. <div class="extraspace">
  359. This is extra space. You can put anything here. Maybe your stats? Extra information? Anything you want.
  360. </div>
  361. <!--END EXTRA SPACE SECTION AT BOTTOM OF SIDEBAR-->
  362. </div>
  363. <!--End of Sidebar-->
  364.  
  365.  
  366. {block:IfShowUpdate}<div class="updates">
  367. <ul>
  368. <li><a href="{text:Update One URL}">{text:Update One Title}</a></li>
  369. <li><a href="{text:Update Two URL}">{text:Update Two Title}</a></li>
  370. <li><a href="{text:Update Three URL}">{text:Update Three Title}</a></li>
  371. </ul>
  372. </div>{/block:IfShowUpdate}
  373.  
  374. <div id="content">
  375. {block:Posts}
  376.  
  377. <div class="posts">
  378.  
  379. <div style="font-size:11px; padding-bottom:10px;">{block:RebloggedFrom}<a href="{ReblogRootURL}" style="text-decoration:none; color:#de407d;">Source &#8594; {ReblogRootName} </a>{/block:RebloggedFrom}</div>
  380.  
  381. {block:Text}
  382. <a href="{Permalink}" style="text-decoration:none; color:gray;"><div class="posttitle">{Title}</div></a>
  383. <div style="font-size:12px;">{Body}</div></a>
  384. {/block:Text}
  385.  
  386. {block:Photo}
  387. <a href="{Permalink}"><center><img src="{PhotoURL-500}" width="500" ALT=""></center></a>
  388. {block:Caption}<div class="postcaption">{Caption}</div>{/block:Caption}
  389. {/block:Photo}
  390.  
  391. {block:Photoset}
  392. <section class="top media photoset">
  393. {Photoset-700}
  394. </section>
  395. {/block:Photoset}
  396.  
  397. {block:Quote}
  398. <div class="quote"><b>"{Quote}"</b></div>
  399. <br>
  400. <div class="quotesource">~{Source}</div>
  401. {/block:Quote}
  402.  
  403. {block:Chat}
  404. {block:Title}<div class="posttitle">{Title}</div>{/block:Title}
  405. <ul>
  406. <div class="chat">{block:Lines}<li>{block:Label}<strong>{Label}</strong>{/block:Label}{Line}</li>{/block:Lines}</div>
  407. </ul>
  408. {/block:Chat}
  409.  
  410. {block:Link}
  411. <a href="{URL}"style="text-decoration:none; color:gray;"><div class="posttitle link">{Name}</div></a>
  412. {block:Description}<div class="postdescription">{Description}</div>{/block:Description}
  413. {/block:Link}
  414.  
  415. {block:Answer}
  416. <div class="answer"><img src="{AskerPortraitURL-30}" alt=""><div class="ask">{Asker}</div>
  417. <br><br> <b>{Question}</b>
  418. <br><br>
  419. {block:Answerer}
  420. <img src="{AnswererPortraitURL-16}" alt="">
  421. <div class="ask">{Answerer}</div>
  422. <div class="answerer">{Answer}</div>
  423. {/block:Answerer}
  424. <br><br>
  425. {Replies}
  426. </div>
  427. {/block:Answer}
  428.  
  429. {block:Video}
  430. {VideoEmbed-250}
  431. {PlayCountWithLabel}
  432. {block:Caption}<div class="postcaption">{Caption}</div>{/block:Caption}
  433. {/block:Video}
  434.  
  435. {block:Audio}
  436. {block:AudioEmbed}{AudioEmbed-250}{/block:AudioEmbed}
  437. {block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}
  438. {block:PlayCount}{PlayCount}{/block:PlayCount}
  439. {block:Caption}<div class="postcaption">{Caption}</div>{/block:Caption}
  440. {/block:Audio}
  441.  
  442.  
  443.  
  444. <div id="info"> <div id="date">
  445. <div class="reblog"><a href="{ReblogURL}">Reblog</a> <a href="{ReblogURL}" target="_blank"></a></div>
  446. {block:Date}<a href="{Permalink}">{DayOfMonth} {Month} {Year}</a>{/block:Date}
  447. {block:NoteCount}
  448. <div class="notes"><img src="{image:notes}">{NoteCountWithLabel}</div>
  449. {/block:Notecount}
  450. {/block:Date}
  451.  
  452. </div>
  453. </div>
  454.  
  455.  
  456.  
  457.  
  458. {block:PostNotes}{PostNotes}{/block:PostNotes}
  459. <!--End posts--></div><!--End posts-->
  460.  
  461. {/block:Posts}
  462.  
  463.  
  464.  
  465.  
  466. <center>
  467. {block:Pagination}
  468. {block:PreviousPage}<a href="{PreviousPage}" class="jump_page">&laquo;</a>{/block:PreviousPage}
  469. {block:JumpPagination length="5"}
  470. {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
  471. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  472. {block:NextPage}<a href="{NextPage}" class="jump_page">&raquo;</a>{/block:NextPage}
  473. {/block:Pagination}
  474. </center>
  475.  
  476. </div>
  477.  
  478. <!--End Content-->
  479.  
  480. </body>
  481. </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!