Advertisement
Somer-halders

Theme #008

Nov 16th, 2013
18,014
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.42 KB | None | 0 0
  1. <!-------- theme 008 by somer-halders.tumblr.com
  2. --------->
  3.  
  4. <html>
  5. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
  6. <head><title>{Title}</title>
  7. <link rel="shortcut icon" href="{Favicon}">
  8. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  9. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  10.  
  11. </head>
  12.  
  13.  
  14. <meta name="color:Background" content="#ffffff"/>
  15. <meta name="color:Text" content="#858585"/>
  16. <meta name="color:Link" content="#646464"/>
  17. <meta name="color:Link Hover" content="#d1d1d1"/>
  18.  
  19. <meta name="image:sidebar" content=""/>
  20.  
  21. <meta name="text:Link1" content="/" />
  22. <meta name="text:Link1 Title" content="link1" />
  23. <meta name="text:Link2" content="/" />
  24. <meta name="text:Link2 Title" content="link2" />
  25. <meta name="text:Link3" content="/" />
  26. <meta name="text:Link3 Title" content="link3" />
  27. <meta name="text:Link4" content="/" />
  28. <meta name="text:Link4 Title" content="link4" />
  29. <meta name="text:Link5" content="/" />
  30. <meta name="text:Link5 Title" content="link5" />
  31.  
  32.  
  33. <style type="text/css">
  34.  
  35.  
  36. body {
  37. font-family:calibri;
  38. font-size:10px;
  39. margin-left:20px;
  40. text-align:left;
  41. line-height:10px;
  42. color:{color:text};
  43. background:{color:background};
  44. }
  45.  
  46. a:link, a:visited, a:active {
  47. -moz-transition-duration:0.7s;
  48. -webkit-transition-duration:0.7s;
  49. -o-transition-duration:0.7s;
  50. text-decoration:none;
  51. color:{color:link};
  52. }
  53.  
  54. a:hover {
  55. -moz-transition-duration:0.7s;
  56. -webkit-transition-duration:0.7s;
  57. -o-transition-duration:0.7s;
  58. text-decoration:none;
  59. color:{color:link hover};
  60. }
  61.  
  62. small {
  63. font-size:10px;
  64. }
  65.  
  66. big {
  67. font-size:12px;
  68. }
  69.  
  70. b, strong {
  71. color:{color:link};
  72. }
  73.  
  74. i, em {
  75. color:{color:text};
  76. }
  77.  
  78.  
  79. p {
  80. margin-top:8px;
  81. margin-bottom:5px;
  82. }
  83.  
  84. blockquote {
  85. border-left:3px solid #808080;
  86. padding-left:10px;
  87. margin:10px;
  88. max-width:500px!important;
  89. }
  90.  
  91. h1 {
  92. text-transform:none;
  93. font-size:11px;
  94. text-align:left;
  95. line-height:100%;
  96. padding-left:0px;
  97. padding-bottom:5px;
  98. border-bottom:0px solid #f4f4f4;
  99. color:{color:title};
  100. }
  101.  
  102. h2 {
  103. font-family:times;
  104. font-weight:normal;
  105. font-style:italic;
  106. text-align:left;
  107. line-height:100%;
  108. text-transform:none;
  109. font-size:15px;
  110. padding:10px;
  111. background:#f4f4f4;
  112. color:{color:title};
  113. }
  114.  
  115. #entries {
  116. margin-top:70px;
  117. padding:15px;
  118. margin-bottom:70px;
  119. position:relative;
  120. left:500px;
  121. width:500px;
  122. }
  123.  
  124. .posts {
  125. margin-bottom:70px;
  126. line-height:10px;
  127. width:500px;
  128. }
  129.  
  130. .posts img {
  131. max-width:500px;
  132. }
  133.  
  134.  
  135. #sb {
  136. line-height:10px;
  137. position:fixed;
  138. left:240px;
  139. margin-top:140px;
  140. width:202px;
  141. height:auto;
  142. background:#fff;
  143. }
  144.  
  145.  
  146. #description {
  147. font-size: 10px;
  148. font-family:calibri;
  149. margin-top:-23px;
  150. text-align:justify;
  151. width:242px;
  152. background:#ffffff;
  153. word-spacing:0px;
  154. padding:10px;
  155. margin-left:-33px;
  156. margin-right:auto;
  157. }
  158.  
  159. #sbimage {
  160. text-align:center;
  161. width:200px;
  162. margin-left:-24px;
  163. margin-top:-20px;
  164. }
  165.  
  166. #border{border-bottom: 1px solid #eee; width:200px; margin-left:-2px; margin-top:-10px; padding-top:3px; padding-bottom:3px;}
  167.  
  168. #border2{border-bottom: 1px solid #eee; width:500px; margin-left:0px; margin-top:-10px; padding-top:3px; padding-bottom:3px; }
  169.  
  170. #navigation {
  171. font-family: calibri;
  172. font-size:10px;
  173. font-style: none;
  174. width:231px;
  175. letter-spacing:0px;
  176. text-align:right;
  177. margin-left:-21px;
  178. word-spacing:9px;
  179. text-transform:lowercase;
  180. padding-bottom:9px;
  181. margin-top:3px;
  182. background-color:transparent;
  183. padding:8px;
  184. margin-bottom:12px;
  185. }
  186.  
  187. .pagination {
  188. font-size:10px;
  189. font-family:calibri;
  190. letter-spacing:0px;
  191. word-spacing:1px;
  192. width:150px;
  193. text-transform:lowercase;
  194. text-decoration:none;
  195. text-align:center;
  196. margin-left:18px;
  197. position:relative;
  198. padding-top:0px;
  199. }
  200.  
  201. #info {
  202. width:500px;
  203. border-bottom:0px solid #f9f9f9;
  204. font-family:calibri;
  205. text-align:left;
  206. font-size:10px;
  207. margin-top:0px;
  208. padding-top:0px;
  209. padding-bottom:0px;
  210. text-transform:lowercase;
  211. margin-bottom:10px;
  212. line-height:90%;
  213. color:{color:link};
  214. }
  215.  
  216. #info2 {
  217. text-align:left;
  218. width:490px;
  219. padding:0px;
  220. opacity:1;
  221. padding-top:0px;
  222. line-height:0%;
  223. color:{color:link};
  224. }
  225.  
  226. .tags {
  227. padding-top:0px;
  228. text-align:left;
  229. font-family:calibri;
  230. font-style:none;
  231. margin-top:-8px;
  232. font-size:10px;
  233. margin-left:0px;
  234. text-transform:lowercase;
  235. letter-spacing:0px;
  236. }
  237.  
  238. .border {
  239. margin-top:6px;
  240. border-top:1px solid #eee;
  241. margin-bottom:6px;
  242. }
  243.  
  244.  
  245. #askbox {
  246. height:auto;
  247. min-height:48px;
  248. {block:ifNot500pxposts}
  249. width:400px;
  250. {/block:ifNot500pxposts}
  251. {block:if500pxposts}
  252. width:500px;
  253. {/block:if500pxposts}
  254. }
  255.  
  256. .pic {
  257. background:transparent;
  258. padding:0;
  259. width:48px;
  260. height:48px;
  261. }
  262.  
  263. .pic img {
  264. width:48px;
  265. height:48px;
  266. float:left;
  267. }
  268.  
  269. .question {
  270. font-family:arial;
  271. font-size:10px;
  272. font-style:none;
  273. min-height:48px;
  274. margin-left:60px;
  275. margin-top:-38px;
  276. }
  277.  
  278. .asker {
  279. text-transform:none;
  280. font-weight:bold;
  281. font-size:9px;
  282. }
  283.  
  284. .answer {
  285. padding:-10px 10px 4px 10px;
  286. }
  287.  
  288. #audio {
  289. width:500px;
  290. height:auto;
  291. padding-bottom:5px;
  292. display:block;
  293. }
  294.  
  295. .chat ol {
  296. padding:0px;
  297. line-height:180%;
  298. list-style:none;
  299. }
  300. .label {
  301. padding-right:1px;
  302. text-transform:uppercase;
  303. font-weight:bold;
  304. color:{color:link};
  305. }
  306. .line.odd {
  307. padding:7px;
  308. margin-bottom:6px;
  309. background:#f4f4f4;
  310. }
  311. .line.even {
  312. padding:7px;
  313. margin-bottom:6px;
  314. background:#fafafa;
  315. }
  316.  
  317.  
  318. ol.notes {
  319. padding:0px;
  320. margin:-50px -10px;
  321. font-family:arial;
  322. font-size: 9px;
  323. width: 500px;
  324. list-style-type:none;
  325. }
  326. ol.notes li.note {
  327. padding: 10px;
  328. }
  329. ol.notes li.note img.avatar {
  330. vertical-align:-4px;
  331. border-radius:100%;
  332. margin-right:10px;
  333. width:16px;
  334. height:16px;
  335. }
  336. ol.notes li.note span.action {
  337. font-weight:normal;
  338. }
  339. ol.notes li.note .answer_content {
  340. font-weight:normal;
  341. }
  342. ol.notes li.note blockquote {
  343. padding:9px 6px 9px 6px;
  344. margin:10px 0px 0px 25px;
  345. }
  346.  
  347.  
  348. #somerh {
  349. position:fixed;
  350. font-family:calibri;
  351. font-size:9px;
  352. text-transform:uppercase;
  353. bottom:13px;
  354. right:13px;
  355. }
  356.  
  357. #somerh a {
  358. border:1px solid #f9f9f9;
  359. display:block;
  360. padding:5px;
  361. background-color:#fcfcfc;
  362. color:#6d6d6d;
  363. border:1px solid #b5b5b5;
  364. }
  365.  
  366.  
  367. </style>
  368.  
  369. <body>
  370.  
  371. <div id="entries">
  372.  
  373. <div id="sb">
  374. <div id="sbimage"><img src="{image:sidebar}"></div>
  375.  
  376. <div id="navigation">
  377. <a href="/">home</a>
  378. {block:ifLink1}<a href="{text:link1}"">{text:Link1 Title}</a>{/block:ifLink1}
  379. {block:ifLink2}<a href="{text:link2}"">{text:Link2 Title}</a>{/block:ifLink2}
  380. {block:ifLink3}<a href="{text:link3}"">{text:Link3 Title}</a>{/block:ifLink3}
  381. {block:ifLink4}<a href="{text:link4}"">{text:Link4 Title}</a>{/block:ifLink4}
  382. {block:ifLink5}<a href="{text:link5}"">{text:Link5 Title}</a>{/block:ifLink5}
  383.  
  384. </div>
  385.  
  386. <div id="description">
  387. {block:Description}
  388. {Description}
  389. {/block:Description}
  390. </div>
  391.  
  392. <p><div id="border"></div><p>
  393.  
  394. <div class="pagination">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">‹ </a>{/block:PreviousPage} page {CurrentPage} of {TotalPages}{block:NextPage}<a href="{NextPage}"> ›</a>{/block:NextPage}{/block:Pagination}</div>
  395.  
  396.  
  397. </div>
  398.  
  399.  
  400. {block:Posts}
  401.  
  402. <div class="posts">
  403.  
  404. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  405.  
  406. {block:Quote}
  407. <h2>{Quote}</h2>
  408. <div style="text-align:right;
  409. padding-right:15px;">
  410. — {Source}</div>
  411. {/block:Quote}
  412.  
  413. {block:Link}
  414. <a href="{URL}">
  415. {block:Description}
  416. <p>{Description}</p>
  417. {/block:Description}
  418. {/block:Link}
  419.  
  420. {block:Photo}
  421. <center>
  422. <img src="{PhotoURL-500}"/>
  423. </center>
  424. {block:Caption}
  425. {Caption}
  426. {/block:Caption}
  427. {/block:Photo}
  428.  
  429. {block:Photoset}
  430. <center>
  431. {Photoset-500}
  432. </center>
  433. {block:Caption}
  434. {Caption}
  435. {/block:Caption}
  436. {/block:Photoset}
  437.  
  438. {block:Chat}
  439. {block:Title}
  440. <h1>{Title}</h1>
  441. {/block:Title}
  442. <div class="chat">
  443. <ol>{block:Lines}
  444. <li class="line {Alt}">
  445. {block:Label}
  446. <span class="label">
  447. {Label}</span>
  448. {/block:Label}{Line}</li>
  449. {/block:Lines}
  450. </ol></div>
  451. {/block:Chat}
  452.  
  453. {block:Video}
  454. {Video-500}
  455. {block:Caption}
  456. {Caption}
  457. {/block:Caption}
  458. {/block:Video}
  459.  
  460. {block:Answer}
  461. <div id="askbox">
  462. <div class="pic">
  463. <a href="{AskerURL}">
  464. <img src="{AskerPortraitURL-48}" />
  465. </a></div>
  466. <div class="question">
  467. <span class="asker">
  468. {Asker}:</span><br>
  469. {Question}</div></div>
  470. <div class="answer">
  471. {Answer}</div>
  472. {/block:Answer}
  473.  
  474. {block:Audio}
  475. <div id="audio">
  476. {block:AudioPlayer}
  477. {AudioPlayerGrey}
  478. {/block:AudioPlayer}
  479. </div>
  480. {block:Caption}
  481. <p>{Caption}
  482. {/block:Caption}
  483. {/block:Audio}
  484.  
  485. <p><div id="border2"></div><p>
  486.  
  487. <div id="info">{block:Date}<a href="{Permalink}">{Month} {DayOfMonth}{DayOfMonthSuffix}{/block:Date}</a> {block:NoteCount} &nbsp;&nbsp;&nbsp; <a href="{Permalink}"> {NoteCount} notes{/block:NoteCount}</a></div>
  488.  
  489.  
  490. <div class="tags">
  491. {block:HasTags}
  492. {block:Tags}
  493. <a href="{TagURL}"> {Tag}</a>
  494. </span>&nbsp;
  495. {/block:Tags}
  496. {/block:HasTags}
  497. </div>
  498.  
  499. </div>
  500.  
  501. {/block:Posts}
  502.  
  503. {block:ContentSource}
  504. <!— {SourceURL}{block:SourceLogo}<img src=”{BlackLogoURL}”width=”{LogoWidth}” height=”{LogoHeight}” alt=”{SourceTitle}” />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} —>{/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}{block:PostNotes}{PostNotes}{/block:PostNotes}
  505.  
  506. </div>
  507.  
  508. <div id="somerh"><a href="http://dylasnobrien.tumblr.com">SH</a></div>
  509.  
  510. </body>
  511. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement