Advertisement
Guest User

Untitled

a guest
Oct 23rd, 2014
131
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.08 KB | None | 0 0
  1. <!-- base code theme, by hardziam // themesbyzsu.tumblr.com-->
  2.  
  3. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4.  
  5. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  6.  
  7. <head>
  8.  
  9. <title>{Title}</title>
  10. <link rel="shortcut icon" href="{Favicon}">
  11. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  12.  
  13. {F O N T S}
  14.  
  15. <meta name="font:Body" content="Helvetica" />
  16.  
  17. {C O L O R S}
  18. {Background-Colors}
  19.  
  20. <meta name="color:Background" content="#d1cbc0" />
  21. <meta name="color:Post Background" content="#d1cbc0" />
  22. <meta name="color:Sidebar Background" content="#d1cbc0" />
  23. <meta name="color:Info Background" content="#d1cbc0" />
  24.  
  25. {Font-Colors}
  26.  
  27. <meta name="color:Body" content="#333" />
  28. <meta name="color:Bold" content="#576370" />
  29. <meta name="color:Italic" content="#a59790" />
  30. <meta name="color:Link" content="#000" />
  31. <meta name="color:Navigation" content="#4c4f52" />
  32. <meta name="color:Link Hover" content="#fff" />
  33. <meta name="color:Blogtitle" content="#576370" />
  34. <meta name="color:Subtitle" content="#a59790" />
  35.  
  36. {I M A G E S}
  37.  
  38. <meta name="image:Background" content="" />
  39. <meta name="image:Sidebar" content="" />
  40.  
  41. {T E X T S}
  42.  
  43. <meta name="text:Blogtitle" content="Blogtitle" />
  44. <meta name="text:Subtitle" content="Add a subtitle" />
  45. <meta name="text:Headline" content="Add your headline here" />
  46.  
  47. {L I N K S}
  48.  
  49.  
  50.  
  51. {N A V I G A T I O N}
  52.  
  53. <meta name="text:Navigation1" content="Sidebar" />
  54. <meta name="text:Navigation1 URL" content="http://johnneh-draws.deviantart.com/art/Dylan-O-Brien-Stiles-Stilinski-379764920" />
  55. <meta name="text:Navigation2" content="link" />
  56. <meta name="text:Navigation2 URL" content="/" />
  57. <meta name="text:Navigation3" content="link" />
  58. <meta name="text:Navigation3 URL" content="/" />
  59. <meta name="text:Navigation4" content="link" />
  60. <meta name="text:Navigation4 URL" content="/" />
  61. <meta name="text:Navigation5" content="link" />
  62. <meta name="text:Navigation5 URL" content="/" />
  63. <meta name="text:Navigation6" content="link" />
  64. <meta name="text:Navigation6 URL" content="/" />
  65. <meta name="text:Navigation7" content="link" />
  66. <meta name="text:Navigation7 URL" content="/" />
  67. <meta name="text:Navigation8" content="link" />
  68. <meta name="text:Navigation8 URL" content="/" />
  69.  
  70. <style type="text/css">
  71.  
  72.  
  73. {G E N E R A L S E T T I N G S}
  74.  
  75.  
  76. body {
  77. background: {color:Background};
  78. background-image: url('http://i61.tinypic.com/15697a0.png');
  79. background-attachment: fixed;
  80. background-repeat: no-repeat;
  81. position:absolute;
  82. font-size:12px;
  83. font-family: {font:Body};
  84. color:{color:Body};
  85. text-align: justify;
  86. }
  87.  
  88. blockquote {
  89. border-left: 3px solid #eee;
  90. padding:5px;
  91. padding-left:10px;
  92. margin-top: 1px;
  93. text-align: justify;
  94. }
  95.  
  96. blockquote img {
  97. max-width: 100%;
  98. display: block;
  99. margin-bottom: 5px;
  100. }
  101.  
  102. blockquote blockquote {
  103. margin: 10px;
  104. padding: 10px;
  105. }
  106.  
  107. a {
  108. text-decoration:underline;
  109. outline:none;
  110. color:{color:Link};
  111. -webkit-transition: all 0.5s ease-in-out;
  112. -moz-transition: all 0.5s ease-in-out;
  113. -o-transition: all 0.5s ease-in-out;
  114. }
  115.  
  116. a:hover {
  117. color:{color:Link Hover};
  118. -webkit-transition: all 0.5s ease-in-out;
  119. -moz-transition: all 0.5s ease-in-out;
  120. -o-transition: all 0.5s ease-in-out;
  121. }
  122.  
  123. h1 {
  124. font-family: Arial;
  125. text-align:left;
  126. font-size: 13px;
  127. }
  128.  
  129. h2 {
  130. font-size: 12px;
  131. font-family:Arial;
  132. text-transform:uppercase;
  133. padding:5px;
  134. color:{color:Link};
  135. }
  136.  
  137. b, strong {
  138. color: {color:Bold};
  139. }
  140.  
  141. i, em {
  142. color: {color:Italic};
  143. }
  144.  
  145.  
  146. {S I D E B A R}
  147.  
  148. #blogtitle {
  149. color:{color:Blogtitle};
  150. margin-top: 5px;
  151. font-family: Goudy Old Style;
  152. font-style:italic;
  153. font-weight:bold;
  154. font-size:19px;
  155. text-align:center;
  156. text-decoration:none;
  157. -webkit-transition: all 0.5s ease-in-out;
  158. -moz-transition: all 0.5s ease-in-out;
  159. -o-transition: all 0.5s ease-in-out;
  160. }
  161.  
  162. #subtitle {
  163. color:{color:Subtitle};
  164. font-family: Optima;
  165. font-style:italic;
  166.  
  167. font-size:12px;
  168. text-align:center;
  169. text-decoration:none;
  170. -webkit-transition: all 0.5s ease-in-out;
  171. -moz-transition: all 0.5s ease-in-out;
  172. -o-transition: all 0.5s ease-in-out;
  173. }
  174.  
  175. #sidebar {
  176. border: 1px solid grey;
  177. background: {color:Sidebar Background};
  178. position:fixed;
  179. top:160px;
  180. left:487px;
  181. width:200px;
  182. padding:5px;
  183. opacity: 0.7;
  184. }
  185.  
  186. #description {
  187. padding:10px;
  188. color:{color:Description};
  189. font-size:11px;
  190. text-align:justify;
  191. font-family:{font:Body};
  192. }
  193.  
  194. #pagination {
  195. background:black;
  196. color:white;
  197. }
  198.  
  199. #sidebar img {
  200. width:210px;
  201. height:auto;
  202. text-align:center;
  203. margin-top: -10px;
  204. margin-left: -5px;
  205. }
  206.  
  207. #updates{
  208. border: 1px solid grey;
  209. background:{color:Updates Background};
  210. font-size: 11px;
  211. position:fixed;
  212. top:89px;
  213. left:1110px;
  214. width:200px;
  215. padding:5px;
  216. height: 80px;
  217. }
  218.  
  219.  
  220. {L I N K S}
  221.  
  222. #links {
  223. text-align:center;
  224. width: 300px;
  225. margin-left: 355px;
  226. font-size: 11px;
  227. }
  228.  
  229.  
  230. #links a{
  231. display:inline-block;
  232. background:{color:Background};
  233. padding:3px;
  234. color:{color:Link};
  235. -webkit-transition: all 0.2s ease-in-out;
  236. -moz-transition: all 0.2s ease-in-out;
  237. -o-transition: all 0.2s ease-in-out;
  238. }
  239.  
  240. #links a:hover{
  241. color:#000;
  242. background:{color:Link Hover};
  243. -webkit-transition: all 0.5s ease-in-out;
  244. -moz-transition: all 0.5s ease-in-out;
  245. -o-transition: all 0.5s ease-in-out;
  246. }
  247.  
  248.  
  249. #navigation {
  250. border: 1px solid grey;
  251. text-align:center;
  252. width: 210px;
  253. margin-left: -16px;
  254. margin-top: 5;
  255. font-size: 10px;
  256. }
  257.  
  258.  
  259. #navigation a{
  260. color:{color:Navigation};
  261. background: {color:Sidebar Background};
  262. display:inline-block;
  263. padding:3px;
  264. -webkit-transition: all 0.2s ease-in-out;
  265. -moz-transition: all 0.2s ease-in-out;
  266. -o-transition: all 0.2s ease-in-out;
  267. }
  268.  
  269. #drafts {
  270. text-align:center;
  271. width: 200px;
  272. margin-left: 0px;
  273. margin-top: 2;
  274. font-size: 10px;
  275. }
  276.  
  277.  
  278. #drafts a{
  279. color:{color:Drafts};
  280. background: {color:Drafts Background};
  281. display:inline-block;
  282. padding:3px;
  283. -webkit-transition: all 0.2s ease-in-out;
  284. -moz-transition: all 0.2s ease-in-out;
  285. -o-transition: all 0.2s ease-in-out;
  286. }
  287.  
  288. {C O N T E N T}
  289.  
  290. #headline {
  291. font-family: Optima;
  292. font-style:italic;
  293. font-size:13px;
  294. text-decoration:none;
  295. text-align:center;
  296. width: 300px;
  297. margin-left: 800px;
  298. margin-top: 40px;
  299. }
  300.  
  301. #entries {
  302. border: 1px solid grey;
  303. overflow-x:hidden;
  304. overflow-y: auto;
  305. padding: 5px;
  306. height: 440px;
  307. width: 421px;
  308. font-size:10px;
  309. margin-left: 730px;
  310. margin-top:0px;
  311. float: right;
  312. text-align: justify;
  313. }
  314.  
  315. #post {
  316.  
  317. font-size:11px;
  318. padding: 5px;
  319. margin-bottom:10px;
  320. width: 400px;
  321. color:{color:Body};
  322. background: {color:Post Background};
  323. text-align: left;
  324. overflow:hidden;
  325. }
  326.  
  327. #info {
  328. padding: 5px;
  329. width: 390px;
  330. border-top:1px solid grey;
  331. background: {color:Info Background};
  332. }
  333.  
  334. #credit a{
  335. position:fixed;
  336. right:3px;
  337. bottom:3px;
  338. padding:4px;
  339. background:white;
  340. font-size:11px;
  341. color:black;
  342. -moz-transition-duration:1s;
  343. -webkit-transition-duration:1s;
  344. -o-transition-duration:1s;
  345. }
  346.  
  347. #credit a:hover {
  348. opacity:1;
  349. color:white;
  350. background:black;
  351. -moz-transition-duration:1s;
  352. -webkit-transition-duration:1s;
  353. -o-transition-duration:1s;
  354. }
  355.  
  356.  
  357. </style>
  358. <style type="text/css">{CustomCSS}</style>
  359. </head>
  360.  
  361. <body>
  362.  
  363. {N A V I G A T I O N}
  364.  
  365.  
  366.  
  367. {U P D A T E S}
  368.  
  369.  
  370.  
  371.  
  372. {S I D E B A R}
  373.  
  374. <div id="sidebar">
  375. <div id="blogtitle">{text:blogtitle}</div>
  376. <div id="subtitle">{text:subtitle}</div>
  377. <div id="description">
  378. {block:Description}{Description}{/block:Description}<br><br>
  379. <div id="navigation">
  380. <center>Important</center>
  381. <a href="{text:Navigation1 URL}">{text:Navigation1}</a>
  382. <a href="{text:Navigation2 URL}">{text:Navigation2}</a>
  383. <a href="{text:Navigation3 URL}">{text:Navigation3}</a>
  384. <a href="{text:Navigation4 URL}">{text:Navigation4}</a><br>
  385. <a href="{text:Navigation5 URL}">{text:Navigation5}</a>
  386. <a href="{text:Navigation6 URL}">{text:Navigation6}</a>
  387. <a href="{text:Navigation7 URL}">{text:Navigation7}</a>
  388. <a href="{text:Navigation8 URL}">{text:Navigation8}</a>
  389.  
  390. </div>
  391.  
  392. </div>
  393.  
  394. <center>
  395. {block:PreviousPage}<a href="{PreviousPage}">previous</a>{/block:PreviousPage} // {block:NextPage} <a href="{NextPage}">next</a>{/block:NextPage}</center>
  396.  
  397. </div>
  398.  
  399.  
  400. <div id="headline">{text:Headline}</div>
  401.  
  402. </div>
  403.  
  404.  
  405. <div id="entries">
  406. {block:Posts}
  407. <div id="post">
  408.  
  409. {block:Text}<h1>{title}</h1>{Body}{/block:Text}
  410.  
  411. {block:Quote}<h3>“{Quote}” </h3>
  412. <div style="text-align:right; padding-bottom:5px;">— {Source}</div>{/block:Quote}
  413.  
  414. {block:Link}<a href="{URL}" class="link" {Target}> <h2>{Name}</h2></a>
  415. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  416.  
  417. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  418. {block:Photoset}<center>{Photoset-400}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  419.  
  420. {block:Chat}{block:Title}<h1>{Title}</h1><br>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  421. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  422.  
  423.  
  424.  
  425.  
  426. {block:Audio}
  427. {block:AudioPlayer}
  428. {AudioPlayerWhite}
  429. {/block:AudioPlayer}
  430. {block:AlbumArt}
  431. <img src="{AlbumArtURL}" width="200px"/>
  432. {/block:AlbumArt}
  433. <br>
  434. {block:TrackName}Track: {TrackName}{/block:TrackName}<br>
  435. {block:Artist}Artist: {Artist}{/block:Artist}<br>
  436. {block:Album}Album: {Album}{/block:Album}<br>
  437. {block:Playcount}Play count: {FormattedPlayCount}{/block:Playcount}
  438. {block:Caption}{Caption}{/block:Caption}
  439. {/block:Audio}
  440.  
  441. {block:Answer}
  442. <img src="{AskerPortraitURL-30}">
  443. {Asker} asked: {Question}<br>
  444. {Answer}{/block:Answer}
  445.  
  446.  
  447.  
  448. <div id="info">
  449. posted {block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date}
  450. {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}{/block:NoteCount}{block:RebloggedFrom} (<a href="{ReblogParentURL}">via</a>{block:ContentSource} / <a href="{SourceURL}">source</a>{block:ContentSource}){/block:RebloggedFrom} <a href="{ReblogURL}" target="_blank" class="details">Reblog</a><br>
  451. {block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}</div>
  452.  
  453. </div>
  454. {/block:Posts}
  455.  
  456. {block:PostNotes}{PostNotes}{/block:PostNotes}
  457.  
  458. </div>
  459.  
  460.  
  461.  
  462. <!----- put in your url here! ---->
  463. <div id="credit"><a href="http://profoundthemes.tumblr.com">PT</a></div>
  464. </body>
  465. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement