API tools faq
paste
Advertisement
Somer-halders

theme #011

Somer-halders
Aug 23rd, 2014
3,752
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.48 KB | None | 0 0
raw download clone embed print report
  1. <!-------- theme 011 by somer-halders.tumblr.com now at dylasnobrien--------->
  2.  
  3. <html>
  4. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
  5. <head><title>{Title}</title>
  6. <link rel="shortcut icon" href="{Favicon}">
  7. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  8. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  9.  
  10. </head>
  11.  
  12.  
  13. <meta name="color:Background" content="#ffffff"/>
  14. <meta name="color:Text" content="#858585"/>
  15. <meta name="color:Title" content="#7a7a7a"/>
  16. <meta name="color:Link" content="#646464"/>
  17. <meta name="color:Link Hover" content="#d1d1d1"/>
  18. <meta name="color:Description" content="#FAFAFA"/>
  19.  
  20. <meta name="image:sidebar" content=""/>
  21. <meta name="if:Icon" content="" />
  22.  
  23. <meta name="text:Link 1 URL" content="" />
  24. <meta name="text:Link 1" content="" />
  25. <meta name="text:Link 2 URL" content="" />
  26. <meta name="text:Link 2" content="" />
  27. <meta name="text:Link 3 URL" content="" />
  28. <meta name="text:Link 3" content="" />
  29.  
  30.  
  31. <link href='http://fonts.googleapis.com/css?family=Gochi+Hand' rel='stylesheet' type='text/css'>
  32.  
  33. <style type="text/css">
  34.  
  35.  
  36. body {
  37. font-family:arial;
  38. font-size:10px;
  39. margin-left:30px;
  40. text-align:left;
  41. line-height:13px;
  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:1px 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:calibri;
  104. font-weight:normal;
  105. font-style:italic;
  106. text-align:left;
  107. line-height:100%;
  108. text-transform:none;
  109. font-size:14px;
  110. padding:10px;
  111. background:#f4f4f4;
  112. color:{color:title};
  113. }
  114.  
  115. h3 {
  116. display:block;
  117. fon-family:helvetica;
  118. font-weight:lighter;
  119. width:100px;
  120. font-size:10px;
  121. letter-spacing:1px;
  122. text-align:left;
  123. font-style:none;
  124. text-transform:lowercase;
  125. line-height:180%;
  126. padding-left:3px;
  127. padding-right:3px;
  128. margin-left:-5px;
  129. color:{color:sidelink};
  130. }
  131.  
  132.  
  133. label {
  134. cursor:pointer;
  135. }
  136. label {
  137. position:relative;
  138. display:block;
  139. padding-left:10px;
  140. font-family:helvetica;
  141. font-weight:lighter;
  142. z-index:9999;
  143. }
  144.  
  145. label:before {
  146. content:"";
  147. position:absolute;
  148. width:0;
  149. height:0;
  150. top:50%;
  151. left:10px;
  152. z-index:9999;
  153. }
  154.  
  155. #caption {
  156. text-align:left;
  157. font-size:8px;
  158. padding:3px 20px 3px 30px;
  159. font-family:helvetica;
  160. display:block;
  161. color:{color:text};
  162. background:#f8f8f8;
  163. }
  164.  
  165. #caption a {
  166. text-decoration:underline;
  167. }
  168.  
  169. #entries {
  170. margin-top:70px;
  171. padding:15px;
  172. font-family:calibri;
  173. font-size:10px;
  174. margin-bottom:100px;
  175. position:relative;
  176. left:420px;
  177. width:500px;
  178. }
  179.  
  180. .posts {
  181. margin-bottom:100px;
  182. line-height:10px;
  183. width:500px;
  184. }
  185.  
  186. .posts img {
  187. max-width:500px;
  188. }
  189.  
  190.  
  191. #sb {
  192. width:162px;
  193. margin-top:175px;
  194. margin-left:250px;
  195. top:10px;
  196. left:0px;
  197. position:fixed;
  198. display: block;
  199. }
  200.  
  201. #description {
  202. width:110px;
  203. font-size:9px;
  204. text-align:justify;
  205. font-color:{color:text};
  206. padding: 15px;
  207. margin-left:-7px;
  208. margin-top:-8px;
  209. font-family:arial;
  210. display:block;
  211. line-height:12px;
  212. }
  213.  
  214. #border {
  215. border-bottom: 1px solid #eee;
  216. width:245px;
  217. margin-left:-25px;
  218. margin-top:-10px;
  219. padding-top:3px;
  220. padding-bottom:3px;
  221. }
  222.  
  223.  
  224. .image {
  225. text-align:center;
  226. width:200px;
  227. margin-left:-30px;
  228. margin-top:-20px;
  229. }
  230.  
  231. .image img {
  232. text-align:center;
  233. width:100px;
  234. height:100px;
  235. margin-left:-15px;
  236. margin-top:-20px;
  237. border:6px solid #f8f8f8;
  238. }
  239.  
  240. #links {
  241. line-height:16px;
  242. text-transform:lowercase;
  243. font-size:11px;
  244. margin-left:10px;
  245. font-family:arial;
  246. }
  247.  
  248.  
  249. #links a {
  250. margin-right:12px;
  251. display:inline-block;
  252. margin-bottom:10px;
  253. }
  254.  
  255.  
  256. #pagination {
  257. text-transform:lowercase;
  258. font-family:arial;
  259. font-size:9px;
  260. font-style: none;
  261. margin-top:10px;
  262. width:200px;
  263. text-align:center;
  264. margin-left:-35px;
  265. margin-right:auto;
  266. }
  267.  
  268. #info {
  269. width:500px;
  270. font-family:calibri;
  271. text-align:left;
  272. font-size:10px;
  273. text-transform:lowercase;
  274. margin-bottom:10px;
  275. line-height:90%;
  276. color:{color:link};
  277. }
  278.  
  279. #info2 {
  280. text-align:left;
  281. width:500px;
  282. padding:0px;
  283. opacity:1;
  284. padding-top:0px;
  285. line-height:0%;
  286. color:{color:link};
  287. }
  288.  
  289. .tags {
  290. padding-top:0px;
  291. text-align:left;
  292. font-family:calibri;
  293. font-style:underline;
  294. margin-top:-8px;
  295. font-size:10px;
  296. margin-left:0px;
  297. text-transform:lowercase;
  298. letter-spacing:0px;
  299. }
  300.  
  301.  
  302. .border {
  303. margin-top:6px;
  304. border-top:0px solid #eee;
  305. margin-bottom:6px;
  306. }
  307.  
  308.  
  309. #askbox {
  310. height:auto;
  311. min-height:48px;
  312. width:500px;
  313. }
  314.  
  315. #asker {
  316. margin-left:5px;
  317. font-family:calibri;
  318. font-style:none;
  319. font-size:20px;
  320. padding-top:5px;
  321. }
  322.  
  323. #question {
  324. background:#fafafa;
  325. padding:12px;
  326. font-size:10px;
  327. word-spacing:0px;
  328. text-align:left;
  329. font-family:calibri;
  330. margin-top:5px;
  331. }
  332.  
  333. .answer {
  334. padding:-10px 10px 4px 10px;
  335. }
  336.  
  337. .audio {
  338. padding-bottom:10px;
  339. }
  340.  
  341. .albumart {
  342. float:left;
  343. padding:0px 10px 0px 0px;
  344. }
  345.  
  346. .albumart img {
  347. width:100px;
  348. height:100px;
  349. }
  350.  
  351. .playercontainer {
  352. text-align:left;
  353. padding:10px;
  354. }
  355.  
  356. .audioinfo {
  357. padding:10px;
  358. margin-bottom:-20px;
  359. color:{color:text};
  360. }
  361.  
  362. .chat ol {
  363. padding:0px;
  364. line-height:180%;
  365. list-style:none;
  366. }
  367. .label {
  368. padding-right:1px;
  369. text-transform:uppercase;
  370. font-weight:bold;
  371. color:{color:link};
  372. }
  373. .line.odd {
  374. padding:7px;
  375. margin-bottom:6px;
  376. background:#f4f4f4;
  377. }
  378. .line.even {
  379. padding:7px;
  380. margin-bottom:6px;
  381. background:#fafafa;
  382. }
  383.  
  384.  
  385. ol.notes {
  386. padding:0px;
  387. margin:-50px -10px;
  388. font-family:arial;
  389. font-size: 9px;
  390. width: 500px;
  391. list-style-type:none;
  392. }
  393. ol.notes li.note {
  394. padding: 10px;
  395. }
  396. ol.notes li.note img.avatar {
  397. vertical-align:-4px;
  398. border-radius:100%;
  399. margin-right:10px;
  400. width:16px;
  401. height:16px;
  402. }
  403. ol.notes li.note span.action {
  404. font-weight:normal;
  405. }
  406. ol.notes li.note .answer_content {
  407. font-weight:normal;
  408. }
  409. ol.notes li.note blockquote {
  410. padding:9px 6px 9px 6px;
  411. margin:10px 0px 0px 25px;
  412. }
  413.  
  414.  
  415. #somerh {
  416. position:fixed;
  417. font-family:calibri;
  418. font-size:9px;
  419. text-transform:uppercase;
  420. bottom:13px;
  421. right:13px;
  422. }
  423.  
  424. #somerh a {
  425. border:1px solid #f9f9f9;
  426. display:block;
  427. padding:5px;
  428. background-color:#fcfcfc;
  429. color:#6d6d6d;
  430. border:1px solid #b5b5b5;
  431. }
  432.  
  433.  
  434. </style>
  435.  
  436. <body>
  437.  
  438. <div id="entries">
  439. <div id="sb">
  440.  
  441. {block:ifNotIcon}
  442. {/block:ifNotIcon}
  443.  
  444.  
  445. {block:ifIcon}
  446. <div class="image">
  447. <a href="/" title="home"><img src="{image:sidebar}"></a>
  448. </div>
  449. {/block:ifIcon}
  450.  
  451.  
  452. <p><div id="border3"></div><p>
  453.  
  454. <div id="description">
  455. {block:Description}
  456. {Description}
  457. {/block:Description}
  458. </div>
  459.  
  460. <p><div id="border4"></div><p>
  461.  
  462. <div id="links">
  463. <a href="/">home</a>
  464. <a href="/ask">ask</a>
  465. <a href="/archive">archive</a>
  466. {block:ifLink1}<a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:ifLink1}
  467. {block:ifLink2}<a href="{text:Link 2 URL}" >{text:Link 2}</a>{/block:ifLink2}
  468. {block:ifLink3}<a href="{text:Link 3 URL}">{text:Link 3}</a> {/block:ifLink3}
  469. </div>
  470.  
  471.  
  472. <div id="pagination">
  473. {block:Pagination}
  474. {block:PreviousPage}
  475. <a href="{PreviousPage}">← back </a>
  476. {/block:PreviousPage}
  477. /
  478. {block:NextPage}
  479. <a href="{NextPage}"> next →</a>
  480. {/block:NextPage}
  481. {/block:Pagination}
  482. </div>
  483.  
  484.  
  485. </div>
  486.  
  487.  
  488. {block:Posts}
  489.  
  490. <div class="posts">
  491.  
  492. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  493.  
  494. {block:Quote}
  495. <h2>{Quote}</h2>
  496. <div style="text-align:right;
  497. padding-right:15px;">
  498. — {Source}</div>
  499. {/block:Quote}
  500.  
  501. {block:Link}
  502. <a href="{URL}">
  503. {block:Description}
  504. <p>{Description}</p>
  505. {/block:Description}
  506. {/block:Link}
  507.  
  508. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}<div id="caption">{Caption}</div>{/block:Caption}{/block:Photo}
  509.  
  510. {block:Photoset}{Photoset-500}{block:Caption}<div id="caption">{Caption}</div>{/block:Caption}{/block:Photoset}
  511.  
  512. {block:Chat}<div id="caption">"<ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul></div>{/block:Chat}
  513.  
  514. {block:Video}{Video-500}{block:Caption}<div id="caption">{Caption}</div>{/block:Caption}{/block:Video}
  515.  
  516. {block:Answer}<div id="asker"><a href="{Askerurl}"><img src="{AskerPortraitURL-24}" width="24" style="border-radius:100%;"></a><span style="margin-left:5px;">{Asker} said:</div><div id="question">{Question}</div><br><div class="answer">{Answer}</div>{/block:Answer}
  517.  
  518. {block:Audio}<div class="audio">{block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"/></div>{/block:AlbumArt}
  519. <div class="audioinfo">{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  520. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times</div>
  521. <br><div class="playercontainer">{AudioPlayerWhite}</div></div>
  522. {block:Caption}{Caption}{/block:Caption}<br>{/block:Audio}
  523.  
  524. <p><div id="border2"></div><p>
  525.  
  526. <div id="info">{block:Date}<a href="{Permalink}">{Month} {DayOfMonth}{DayOfMonthSuffix}{/block:Date}</a> —{block:NoteCount}&nbsp;&nbsp;<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}</a> {block:ContentSource}</a> / <a href="{SourceURL}">source</a>{/block:ContentSource} / <a href="{ReblogURL}">Reblog</a></div>
  527.  
  528.  
  529. <div class="tags">
  530. {block:HasTags}
  531. {block:Tags}
  532. <span style="padding-left:0px;">
  533. <a href="{TagURL}"> #{Tag}</a>
  534. </span>&nbsp;
  535. {/block:Tags}
  536. {/block:HasTags}
  537. </div>
  538.  
  539. </div>
  540.  
  541. {/block:Posts}
  542.  
  543. {block:ContentSource}
  544. <!— {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}
  545.  
  546. </div>
  547.  
  548. <div id="somerh"><a href="http://dylasnobrien.tumblr.com">SH</a></div>
  549.  
  550. </body>
  551. </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!