Advertisement
ohcrucio

theme13

Jun 9th, 2014
508
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.65 KB | None | 0 0
  1. <html>
  2. <head>
  3. <!-- THEME 13 by Elin
  4. http://malfuys.tumblr.com/
  5.  
  6. -RULES-
  7. 1. DO NOT REMOVE THE CREDITS
  8. 2. DO NOT USE IT AS A BASE
  9. 3. DO NOT CLAIM AS YOUR OWN -->
  10.  
  11. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  12. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  13.  
  14. <title>{Title} - {block:PostTitle}{PostTitle}{/block:PostTitle}</title>
  15. <link rel="shortcut icon" href="{Favicon}" />
  16. {block:Description}<meta name="description" content="{MetaDescription}" /><meta name="description" content="{MetaDescription}" />{/block:Description}
  17.  
  18. <link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>
  19.  
  20. <link href='http://fonts.googleapis.com/css?family=Playball' rel='stylesheet' type='text/css'>
  21.  
  22. <meta name="color:Background" content="#FFFFFF"/>
  23. <meta name="color:Text" content="#4a4a4a"/>
  24. <meta name="color:Title" content="#4a4a4a"/>
  25. <meta name="color:Links" content="#4a4a4a"/>
  26. <meta name="color:Links Hover" content="#bbbbbb"/>
  27. <meta name="color:Borders" content="#efefef"/>
  28. <meta name="color:Bold Text" content="#643847"/>
  29. <meta name="color:Italic Text" content="#9b5b77"/>
  30. <meta name="color:Desc" content="#ffffff"/>
  31. <meta name="image:Topbar Image" content=""/>
  32. <meta name="text:Link 1" content=""/>
  33. <meta name="text:Link 1 Name" content=""/>
  34. <meta name="text:Link 2" content=""/>
  35. <meta name="text:Link 2 Name" content=""/>
  36. <meta name="text:Link 3" content=""/>
  37. <meta name="text:Link 3 Name" content=""/>
  38. <meta name="text:Link 4" content=""/>
  39. <meta name="text:Link 4 Name" content=""/>
  40.  
  41. <style type="text/css">
  42.  
  43. body {
  44. background: {color:Background};
  45. padding: 0px;
  46. margin: 0px;
  47. font-size: 10px;
  48. font-family: arial;
  49. }
  50.  
  51. a, a:visited {
  52. font-family: trebuchet ms;
  53. text-decoration: none;
  54. color: {color:Links};
  55. -webkit-transition: all 0.7s ease-in-out;
  56. -moz-transition: all 0.7s ease-in-out;
  57. -o-transition: all 0.7s ease-in-out;
  58. transition: all 0.7s ease-in-out;
  59. }
  60.  
  61. a:hover {
  62. font-style: trebuchet ms;
  63. text-decoration: none;
  64. color: {color:Links Hover};
  65. -webkit-transition: all 0.7s ease-in-out;
  66. -moz-transition: all 0.7s ease-in-out;
  67. -o-transition: all 0.7s ease-in-out;
  68. transition: all 0.7s ease-in-out;
  69. }
  70.  
  71. h1 {
  72. margin: 0;
  73. padding: 0 0 2px 0;
  74. font-size: 20px;
  75. font-family: 'Lobster', cursive;
  76. text-decoration: none;
  77. letter-spacing: -1px;
  78. color: {color:Title};
  79. }
  80.  
  81. h1 a, h1 a:visited {
  82. font-family: 'Lobster', cursive;
  83. text-decoration: none;
  84. color: {color:Links};
  85. }
  86.  
  87. h1 a:hover {
  88. color: {color:Links Hover};
  89. }
  90.  
  91. table {
  92. background: #FFFFFF;
  93. }
  94.  
  95. b, bold {
  96. color: {color:Bold Text};
  97. }
  98. i, em italic {
  99. color: {color:Italic Text};
  100. }
  101.  
  102. p {
  103. text-align: justify;
  104. }
  105.  
  106. ::-webkit-scrollbar {
  107. width: 10px;
  108. }
  109.  
  110. ::-webkit-scrollbar {
  111. height: 10px;
  112. }
  113.  
  114. ::-webkit-scrollbar-thumb {
  115. background-color: {color:Borders};
  116. }
  117.  
  118. #leftborder {
  119. position: fixed;
  120. top: 0px;
  121. left: 390px;
  122. height: 100%;
  123. border-left: 1px solid {color:Borders};
  124. }
  125.  
  126. #rightborder {
  127. position: fixed;
  128. top: 0px;
  129. left: 950px;
  130. height: 100%;
  131. border-right: 1px solid {color:Borders};
  132. }
  133.  
  134. #topbar {
  135. width: 500px;
  136. padding-bottom: 30px;
  137. border-bottom: 1px solid {color:Borders};
  138. }
  139.  
  140. #topbarimg {
  141. border: 5px solid {color:Borders};
  142. width: 120px;
  143. height: 120px;
  144. border-radius: 65px;
  145. margin-left: 185px;
  146. }
  147.  
  148. #title {
  149. margin: 5px 0;
  150. max-width: 190px;
  151. text-align: center;
  152. margin: 0 auto;
  153. }
  154.  
  155. #desc {
  156. margin: 0 auto;
  157. width: 200px;
  158. color: {color:Text};
  159. padding: 10px;
  160. text-align: justify;
  161. font-size: 9px;
  162. background-color: {color:Borders};
  163. }
  164.  
  165. #desc a {
  166. font-family: arial;
  167. }
  168.  
  169. #links {
  170. margin-top: 5px;
  171. text-align: center;
  172. }
  173.  
  174. #links a {
  175. color: {color:Links};
  176. display: inline-block;
  177. margin: 2px;
  178. padding: 0 2px;
  179. font-size: 9px;
  180. text-transform: uppercase;
  181. background-color: {color:Background};
  182. text-decoration: underline;
  183. }
  184.  
  185. #links a:hover {
  186. color: {color:Links Hover};
  187. -webkit-transition: all 0.7s ease-in-out;
  188. -moz-transition: all 0.7s ease-in-out;
  189. -o-transition: all 0.7s ease-in-out;
  190. transition: all 0.7s ease-in-out;
  191. }
  192.  
  193. #pagination {
  194. margin-top: 30px;
  195. text-align: center;
  196. }
  197.  
  198. #pagination a {
  199. margin: 10px;
  200. font-size: 9px;
  201. background-color: {color:Borders};
  202. padding: 1px 4px;
  203. }
  204.  
  205. .current_page {
  206. background-color: {color:Background};
  207. color: {color:Text};
  208. padding: 1px 4px;
  209. margin: 10px;
  210. font-size: 9px;
  211. }
  212.  
  213. #wrapper {
  214. position: relative;
  215. margin-left: 420px;
  216. margin-top: 50px;
  217. width: 500px;
  218. }
  219.  
  220. .entries {
  221. margin: 10px 0 10px 0;
  222. }
  223.  
  224. .post {
  225. position: relative;
  226. width: 500px;
  227. overflow: hidden;
  228. margin-top: 30px;
  229. margin-bottom: 5px;
  230. line-height: 1.5em;
  231. color: {color:Text};
  232. background: #FFF;
  233. }
  234.  
  235. .posttitle h1 {
  236. color: {color:Text};
  237. }
  238.  
  239. #quote {
  240. padding-top: 7px;
  241. font-size: 16px;
  242. font-family: 'Playball', cursive;
  243. font-weight: normal;
  244. display: block;
  245. color: {color:Text};
  246. }
  247.  
  248. .info {
  249. width: 492px;
  250. font-size: 9px;
  251. margin-top: -5px;
  252. font-family: trebuchet ms;
  253. text-transform: uppercase;
  254. color: {color:Text};
  255. background-color: {color:Borders};
  256. padding: 2px 4px;
  257. }
  258.  
  259. .info a:hover {
  260. color: {color:Links Hover};
  261. }
  262.  
  263. #reblog {
  264. float: right;
  265. }
  266.  
  267. #tags {
  268. margin-top: 3px;
  269. }
  270.  
  271. #tags a {
  272. padding: 1px 2px;
  273. font-style: none;
  274. text-decoration: none;
  275. text-transform: none;
  276. }
  277.  
  278. #tags a:hover {
  279. color: {color:Links Hover};
  280. }
  281.  
  282. #tags a:visited {
  283. color: {color:Links};
  284. }
  285.  
  286. ol.notes {
  287. margin-top: 30px;
  288. text-transform: uppercase;
  289. font-size: 9px;
  290. font-family: trebuchet ms;
  291. list-style-type: lower-roman;
  292. }
  293.  
  294. ol.notes li.note {
  295. padding: 5px;
  296. margin-left: -5px;
  297. }
  298.  
  299. ol.notes li.note img.avatar {
  300. display: none;
  301. }
  302.  
  303. ol.notes li.note a, ol.notes li.note a:visted {
  304. text-decoration: none;
  305. color: {color:Text};
  306. }
  307.  
  308. ol.notes li.note a:hover {
  309. color: {color:Links};
  310. }
  311.  
  312. .question {
  313. width: 500px;
  314. font-size: 9px;
  315. margin-bottom: 10px;
  316. color: {color:Text};
  317. text-align: center;
  318. }
  319.  
  320. .ask {
  321. margin-top: 5px;
  322. padding: 10px 15px;
  323. font-style: italic;
  324. background-color: {color:Borders};
  325. }
  326.  
  327. .asker {
  328. font-size: 12px;
  329. text-transform: uppercase;
  330. font-family: arial;
  331. font-weight: bold;
  332. width: 400px;
  333. margin: 0 auto;
  334. text-align: center;
  335. }
  336.  
  337. .answer {
  338. color: {color:Text};
  339. clear: both;
  340. }
  341.  
  342. .caption {
  343. margin: 5px;
  344. text-align: justify;
  345. }
  346.  
  347. blockquote {
  348. border-left: 2px solid #f6f6f6;
  349. padding-left: 4px;
  350. margin: 5px;
  351. margin-left: 20px;
  352. text-align: justify;
  353. }
  354.  
  355. .source {
  356. display: none;
  357. }
  358.  
  359. #credit {
  360. position: fixed;
  361. bottom: 5px;
  362. right: 5px;
  363. padding: 2px;
  364. font-size: 9px;
  365. }
  366.  
  367. #credit a, #credit a:visited {
  368. text-transform: uppercase;
  369. color: {color:Links};
  370. }
  371.  
  372. #credit a:hover {
  373. color: {color:Links Hover};
  374. }
  375.  
  376. }
  377. </style>
  378.  
  379. </head>
  380. <body>
  381.  
  382. <div id="leftborder"></div>
  383. <div id="rightborder"></div>
  384.  
  385. <div id="credit">
  386. <a href="http://ohcrucio.tumblr.com/">theme &copy;</a>
  387. </div>
  388.  
  389. <div id="wrapper">
  390.  
  391. <div id="topbar">
  392. <div id="topbarimg">
  393. <img src="{image:Topbar Image}" style="height: 120px; width: 120px; border-radius:60px;">
  394. </div>
  395. <div id="title"><h1>{Title}</h1></div>
  396. <div id="desc">
  397. {block:description}{description}{/block:description}
  398. </div>
  399. <div id="links">
  400. <a href="/">home</a>
  401. <a href="/ask">ask</a>
  402. <a href="/archive">archive</a>
  403. {block:ifLink1}
  404. <a href="{text:Link 1}">{text:Link 1 Name}</a>
  405. {/block:ifLink1}
  406. {block:ifLink2}
  407. <a href="{text:Link 2}">{text:Link 2 Name}</a>
  408. {/block:ifLink2}
  409. {block:ifLink3}
  410. <a href="{text:Link 3}">{text:Link 3 Name}</a>
  411. {/block:ifLink3}
  412. {block:ifLink4}
  413. <a href="{text:Link 4}">{text:Link 4 Name}</a>
  414. {/block:ifLink4}
  415. </div>
  416. </div>
  417.  
  418. {block:Posts}
  419. <div class="entries">
  420. <div class="post">
  421.  
  422. {block:Text}
  423. <div class="posttitle">
  424. {block:Title}<h1>{Title}</h1>{/block:Title}
  425. </div>
  426. {Body}
  427. {/block:Text}
  428.  
  429. {block:Photo}
  430. <img src="{PhotoURL-500}"/>
  431. {block:Caption}<span class="caption">{Caption}</span>{/block:Caption}
  432. {/block:Photo}
  433.  
  434. <div class="source">
  435. {block:ContentSource}<a href="{SourceURL}">{lang:Source}:{block:SourceLogo} <img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" /> {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a>{/block:ContentSource}
  436. </div>
  437.  
  438. {block:Photoset}
  439. {Photoset-500}
  440. {block:Caption}<span class="caption">{Caption}</span>{/block:Caption}
  441. {/block:Photoset}
  442.  
  443. {block:Quote}
  444. <div id="quote">"{Quote}"</div>
  445. {block:Source}<div style="padding-bottom: 5px;">- {Source}</div>{/block:Source}
  446. {/block:Quote}
  447.  
  448. {block:Link}
  449. <h1><a href="{URL}" target="{Target}">{Name} &rarr;</a></h1>
  450. {block:Description}{Description}{/block:Description}
  451. {/block:Link}
  452.  
  453. {block:Chat}
  454. {block:Title}<h1>{Title}</h1>{/block:Title}
  455. {block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br/>{/block:Lines}
  456. {/block:Chat}
  457.  
  458. {block:Audio}
  459. <div id="audio">{AudioPlayerBlack}</div>
  460. {block:Caption}<span class="caption">{Caption}</span>{/block:Caption}
  461. {/block:Audio}
  462.  
  463. {block:Video}
  464. {Video-500}
  465. {block:Caption}<span class="caption">{Caption}</span>{/block:Caption}
  466. {/block:Video}
  467.  
  468. {block:Answer}
  469. <div class="question">
  470. <div class="asker">
  471. <img src="{AskerPortraitURL-48}" style="border: 3px solid {color:Borders}; border-radius: 27px;">
  472. <br>{Asker} said:
  473. </div>
  474. <div class="ask">
  475. "{Question}"
  476. </div>
  477. </div>
  478. <div class="answer">
  479. {Answer}
  480. </div>
  481. {/block:Answer}
  482. </div>
  483.  
  484.  
  485. <div class="info">
  486. {block:Date}<a href="{Permalink}">{Month} {DayOfMonth}{DayOfMonthSuffix} {24HourWithZero}:{Minutes} {AmPm}</a>{/block:Date} {block:NoteCount} &nbsp;&nbsp;<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}&nbsp;&nbsp; {block:RebloggedFrom} <a href="{ReblogParentURL}">via</a> &nbsp;/&nbsp; <a href="{ReblogRootURL}">source</a>{/block:RebloggedFrom}
  487. <div id="reblog">{block:IndexPage}<a href="{ReblogURL}" target="_blank">Reblog</a>{block:IndexPage}
  488. </div>
  489. </div>
  490. {block:HasTags}
  491. <div id="tags">{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}
  492. </div>
  493. {/block:HasTags}
  494.  
  495. {block:PermalinkPage}{block:PostNotes}{PostNotes}{/block:PostNotes}{/block:PermalinkPage}
  496.  
  497. {block:NotReblog}
  498. {/block:NotReblog}
  499. </div>
  500. {/block:Posts}
  501. <div id="pagination">
  502. {block:Pagination}
  503. {block:PreviousPage}<a href="{PreviousPage}">&larr;</a>
  504. {/block:PreviousPage}
  505. {block:JumpPagination length="5"}{block:CurrentPage}
  506. <span class="current_page">{PageNumber}</span>
  507. {/block:CurrentPage}{block:JumpPage}
  508. <a class="jump_page" href="{URL}">{PageNumber}</a>
  509. {/block:JumpPage}{/block:JumpPagination}
  510. {block:NextPage}<a href="{NextPage}">&rarr;</a>
  511. {/block:NextPage}
  512. {/block:Pagination}
  513. </div>
  514. </div>
  515.  
  516. </body>
  517. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement