API tools faq
paste
Advertisement
theirins

I AM NOT A ROBOT / theme #01

theirins
May 23rd, 2014
4,022
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 10.55 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. theme #01 by theirins
  4.  
  5. -->
  6.  
  7.  
  8. <!DOCTYPE html>
  9. <head>
  10.  
  11.  
  12. <title>{Title}</title>
  13.  
  14. <link rel="shortcut icon" href="{Favicon}">
  15. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  16. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  17.  
  18. <!--Default Variables-->
  19.  
  20. <meta name="color:background" content="#ffffff"/>
  21. <meta name="color:text" content="#cccccc"/>
  22. <meta name="color:link" content="#a7a7a7"/>
  23. <meta name="color:title"content="#070707"/>
  24. <meta name="color:scrollbar" content="#d5d5d5" />
  25. <meta name="color:description" content="#aaaaaa"/>
  26. <meta name="color:sidelink bg" content="#f4f4f4"/>
  27. <meta name="color:link hover" content="#f4f4f4"/>
  28. <meta name="color:borders" content="#f4f4f4"/>
  29.  
  30. <meta name="image:sb image" content=""/>
  31. <meta name="if:show tags" content="0">
  32.  
  33. <meta name="text:link 1 URL" content="" />
  34. <meta name="text:link 1" content="" />
  35. <meta name="text:link 2 URL" content="" />
  36. <meta name="text:link 2" content="" />
  37. <meta name="text:link 3 URL" content="" />
  38. <meta name="text:link 3" content="" />
  39. <meta name="text:link 4 URL" content="" />
  40. <meta name="text:link 4" content="" />
  41.  
  42. <style type="text/css">
  43.  
  44.  
  45. ::-webkit-scrollbar{height: 5px;
  46. width: 3px;
  47. -webkit-border-radius: 0px;
  48. background-color:{color:background}}
  49. ::-webkit-scrollbar-thumb{background-color:{color:scrollbar};}
  50. ::-webkit-scrollbar-track{background-color:{color:background};}
  51.  
  52.  
  53. blockquote {padding:2px 0 2px 10px;
  54. border-left:1px dotted {color:borders};
  55. margin-left:10px;
  56. }
  57.  
  58. body {
  59. background:{color:background};
  60. color:{color:text};
  61. font-family:helvetica;
  62. font-size:9px;
  63. text-align:justify;
  64. margin:0;
  65. line-height:14px;}
  66.  
  67.  
  68. a {
  69. text-decoration:none;
  70. -moz-transition-duration:0.5s;
  71. -webkit-transition-duration:0.5s;
  72. -o-transition-duration:0.5s;
  73. color:{color:link};
  74. }
  75.    
  76. a:hover {
  77. text-decoration:none;
  78. -moz-transition-duration:0.5s;
  79. -webkit-transition-duration:0.5s;
  80. -o-transition-duration:0.5s;
  81. color:{color:link hover};
  82. }
  83.  
  84.  
  85. img{
  86. opacity:1;
  87. border:none;
  88. text-decoration:none}
  89.  
  90.  
  91. b, strong {
  92. color:{color:text}}
  93. i, em {
  94. color:{color:text}}
  95. p {
  96. margin-top:5px;
  97. margin-bottom:5px}
  98. ol {
  99. list-style:normal;}
  100. ul {
  101. list-style:square;}
  102.  
  103. small {
  104. font-size:9px;}
  105.  
  106. big {
  107. font-size:12px;}
  108.  
  109.  
  110.  
  111.  
  112. #title {font-size:15px;
  113. line-height:18px;
  114. font-weight:bold;
  115. margin-bottom:9px;
  116. text-transform:uppercase;
  117. text-align:center;
  118. color:{color:title};}
  119. #title a {color:{color:title};}
  120.  
  121.  
  122.  
  123.  
  124.  
  125. #side {
  126. position:fixed;
  127. margin-left:-300px;
  128. margin-top:165px;
  129. width:245px;
  130. }
  131.  
  132. #navi {
  133. font-size:8px;
  134. padding:14px;
  135. text-transform:uppercase;
  136. text-align:center;
  137. line-height:100%;
  138. border-bottom:1px dotted {color:borders};
  139. }
  140.  
  141.  
  142. #navi a {
  143. padding:5px;
  144. letter-spacing:1px;
  145. color:{color:link};
  146. -moz-transition-duration:0.5s;
  147. -webkit-transition-duration:0.5s;
  148. -o-transition-duration:0.5s;
  149. }
  150.  
  151. #navi a:hover {
  152. text-decoration:none;
  153. background-color:{color:sidelink bg};
  154. }
  155.  
  156.  
  157.  
  158. #description {
  159. padding-top:9px;
  160. font-size:9px;
  161. color:{color:description};
  162. text-align:center;
  163. }
  164.  
  165.  
  166.  
  167. #pagination {
  168. text-align:center;
  169. margin:9px 0;
  170. text-transform:uppercase;
  171. letter-spacing:1px;
  172. font-size:15px;
  173. }
  174. #pagination a {
  175. line-height:14px;
  176. padding:0 5px;
  177. }
  178.  
  179.  
  180. #con {
  181. left:50%;
  182. margin-left:-205px;
  183. position:absolute;
  184. }
  185.  
  186.  
  187.  
  188.  
  189.  
  190. #entries {
  191. margin-top:75px;
  192. width:500px;
  193. }
  194.  
  195.  
  196.  
  197. #posts {
  198. width:500px;
  199. {block:IndexPage}
  200. margin-bottom:75px;
  201. {/block:IndexPage}
  202. {block:PermalinkPage}
  203. margin-bottom:50px;
  204. {/block:PermalinkPage}
  205.  
  206. }
  207. #posts img {
  208. max-width:500px;
  209. }
  210.  
  211.  
  212.  
  213.  
  214. #tquote{
  215. font-size:15px;
  216. line-height:18px;
  217. font-style:italic;
  218. text-align:justify;
  219. background:{color:posts};
  220. padding:10px;
  221. color:{color:title};
  222. }
  223. #tquote b {font-size:18px;
  224. font-family:times;}
  225.  
  226. #source {text-align:center;
  227. border-top:1px dotted {color:borders};
  228. font-size:10px;
  229. font-weight:bold;
  230. padding:10px 0;}
  231.  
  232. #posts img, #posts li, #posts blockquote {max-width: 110%;}
  233. .caption img{max-width:300px;}
  234. .caption {width:100%;
  235. margin-top:5px;
  236. text-transform:none;
  237. }
  238.  
  239.  
  240.  
  241. .playbutton {
  242. overflow:hidden;
  243. position:relative;
  244. z-index:1000;
  245. width:26px;
  246. height:26px;
  247. margin:11px 11px 11px 11px;
  248. }
  249.    
  250. .playbox {
  251. float:left;
  252. background-color:#000;
  253. position:absolute;
  254. z-index:1000;
  255. width:50px;
  256. height:50px;
  257. margin:30px;
  258. -webkit-border-radius:50px;
  259. -moz-border-radius:50px;
  260. opacity:0.2;
  261. -moz-transition-duration:0.6s;
  262. -webkit-transition-duration:0.6s;
  263. -o-transition-duration:0.6s;
  264. }
  265.    
  266. .playbox:hover {
  267. opacity:0.9;
  268. -moz-transition-duration:0.6s;
  269. -webkit-transition-duration:0.6s;
  270. -o-transition-duration:0.6s;
  271. }
  272.  
  273. .details {
  274. float:right;
  275. width:333px;
  276. background-color:#f9f9f9;
  277. padding:25px;
  278. height:60px;
  279. line-height:150%;
  280. font-family:arial;
  281. letter-spacing:0px;
  282. font-family:arial;
  283. text-transform:lowercase;
  284. }
  285.  
  286. .details i {
  287. font-style:normal;
  288. font-family:arial;
  289. font-size:11px;
  290. text-transform:uppercase;
  291. letter-spacing:1px;
  292. }
  293.  
  294. .details b {
  295. font-family:arial;
  296. font-size:10px;
  297. text-transform:uppercase;
  298. letter-spacing:0px;
  299. }
  300.  
  301. .cover {
  302. position: relative;
  303. z-index: 1;
  304. width:80px;
  305. height:80px;
  306. outline:15px solid #f9f9f9;
  307. margin:15px;
  308. }
  309.  
  310.  
  311.  
  312. .q {margin-bottom:10px;
  313. }
  314. .as {
  315. font-weight:bold;}
  316.  
  317. .a {
  318. margin-top:10px;
  319. }
  320.  
  321.  
  322.  
  323.  
  324. .chat ol {
  325. padding:0;
  326. line-height:180%;
  327. list-style:none;
  328. }
  329.  
  330. .line.odd {
  331. background:{color:borders};
  332. padding:5px;
  333. }
  334.  
  335. .line.even {
  336. padding:5px;
  337. }
  338.  
  339. .label {font-weight:bold;
  340. padding-right:1px;
  341. letter-spacing:1px;
  342. text-transform:uppercase;
  343. color:{color:title};
  344. }
  345.  
  346.  
  347.  
  348.  
  349. #permalink {
  350. margin-top:2px;
  351. font-size:9px;
  352. border-bottom:1px dotted {color:borders};
  353. border-top:1px dotted {color:borders};
  354. padding: 3px 3px;
  355. text-transform:uppercase;
  356. text-align:center;
  357. }
  358. #permalink a {margin:0 0px;
  359. }
  360.  
  361.  
  362. .tags {{block:ifNotShowTags}
  363. {block:IndexPage}
  364. display:none;
  365. {/block:IndexPage}
  366. {/block:ifNotShowTags}
  367. font: 9px 'georgia';
  368. text-align:center;
  369. padding-top:4px;
  370. letter-spacing: 0px;
  371. }
  372.  
  373. .tags a {
  374. color: {color:text};
  375. text-transform:lowercase;
  376. margin: 2px 2px 0 0;
  377. padding: 1px 1px;
  378. }
  379.  
  380. .tags a:hover {
  381. font-style:italic;
  382. color: {color:text};
  383. }
  384.  
  385.  
  386.  
  387.  
  388. .pagenotes {
  389. {block:IndexPage}
  390. display: none!important;
  391. {/block:IndexPage}
  392. {block:PermalinkPage}
  393. width:500px;
  394. {/block:PermalinkPage}
  395. text-align:left;
  396.  
  397. }
  398. .pagenotes img {
  399. display:none!important;}
  400. .pagenotes li {
  401. list-style-type:none;
  402. padding:5px 0px;
  403. text-align:left;
  404. margin:0 0 0 -40px;
  405. font-size:9px;
  406. text-transform:lowercase;
  407. }
  408. .t {
  409. font-size:12px;
  410. font-weight:bold;
  411. letter-spacing:1px;
  412. color:{color:title};
  413. text-transform:uppercase;}
  414.  
  415.  
  416. #cred {
  417. font-family:arial;
  418. font-size: 9px;
  419. letter-spacing:0px;    
  420. bottom:20px;
  421. font-style:none;
  422. right:30px;
  423. position:fixed;
  424. }
  425.  
  426.  
  427.  
  428. {CustomCSS}
  429.  
  430.  
  431. </style>
  432.  
  433.  
  434.  
  435.  
  436.  
  437.  
  438.  
  439.  
  440. </head>
  441.  
  442.  
  443. <body>
  444.  
  445. <div id="cred">
  446. <a href="http://theirins.tumblr.com/">✿</a>
  447. </div>
  448.  
  449. <div id="con">
  450.  
  451. <div id="side">
  452. <img src="{image:sb image}">
  453. <div id="description">{Description}</div>
  454. <div id="navi">
  455. <a href="/">home</a>
  456. <a href="/ask">ask</a>
  457. {block:iflink1}<a href="{text:link 1 URL}">{text:link 1}</a>{/block:ifLink1}
  458. {block:iflink2}<a href="{text:link 2 URL}" >{text:link 2}</a>{/block:ifLink2}
  459. {block:iflink3}<a href="{text:link 3 URL}">{text:link 3}</a> {/block:ifLink3}
  460. {block:iflink4}<a href="{text:link 4 URL}">{text:link 4}</a> {/block:ifLink4}
  461. </div>
  462.  
  463. <div id="pagination">
  464. {block:Pagination}
  465. {block:PreviousPage}
  466. <a href="{PreviousPage}">&larr;</a>
  467. {/block:PreviousPage}
  468.  
  469.  
  470. {block:NextPage}
  471. <a href="{NextPage}">&rarr;</a>
  472. {/block:NextPage}
  473. {/block:Pagination}
  474. </div>
  475.  
  476.  
  477.  
  478.  
  479. </div>
  480.  
  481.  
  482.  
  483.  
  484. <div id="entries">
  485.  
  486. {block:Posts}
  487. <div id="posts">
  488.  
  489.  
  490. {block:Quote}
  491.  
  492.  
  493. <div id="tquote">{Quote}</div>
  494. {block:Source}<div id="source">{Source}</div>{/block:Source}
  495. {/block:Quote}
  496.  
  497.  
  498.  
  499. {block:Text}
  500.  
  501. {block:Title}
  502. <div id="title">{Title}</div>{/block:Title}
  503. {Body}
  504.  
  505.  
  506. {/block:Text}
  507.  
  508. {block:Link}
  509.  
  510. <div id="title"><a href="{URL}">{Name}</a></div>{block:Description}{Description}{/block:Description}
  511.  
  512. {/block:Link}
  513.  
  514. {block:Chat}
  515. {block:Title}
  516. <h1>{Title}</h1>
  517. {/block:Title}
  518. <div class="chat">
  519. <ol>{block:Lines}
  520. <li class="line {Alt}">
  521. {block:Label}
  522. <span class="label">
  523. {Label}</span>
  524. {/block:Label}{Line}</li>
  525. {/block:Lines}
  526. </ol></div>
  527. {/block:Chat}
  528.  
  529. {block:Photo}
  530. <center><img src="{PhotoURL-500}" alt="{PhotoAlt}"/></center>
  531. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  532.  
  533.  
  534. {/block:Photo}
  535.  
  536. {block:Photoset}
  537.  
  538. <center>{Photoset-500}</center>
  539. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  540.  
  541.  
  542. {/block:Photoset}
  543.  
  544. {block:Video}
  545.  
  546.  
  547. {Video-500}
  548. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  549. {/block:Video}
  550.  
  551.  
  552.  
  553. {block:Audio}
  554. {block:AudioPlayer}
  555.  
  556. <div class="playbox"><div class="playbutton">{block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}</div></div>
  557. {block:AlbumArt}
  558. <img src="{AlbumArtURL}" class="cover">
  559. {/block:AlbumArt}
  560.  
  561. <div class="details">
  562. {block:TrackName}<i>{TrackName}</i>{/block:TrackName}<br/>
  563. {block:Artist}<b>Artist:</b> {Artist}{/block:Artist}<br/>
  564. {block:Album}<b>Album:</b> {Album}{/block:Album}<br/>
  565. <b>Playcount:</b> {PlayCountWithLabel}
  566. </div>
  567.    
  568. {/block:AudioPlayer}
  569. {block:Caption}<div id="caption">{Caption}</div>{/block:Caption}
  570. {/block:Audio}
  571.  
  572. {block:Answer}
  573. <div class="q">
  574. <div class="as">{Asker} whispered: </div>
  575. {Question}</div>
  576. <div class="a">{Answer}</div>
  577. {/block:Answer}
  578.  
  579.  
  580.  
  581. {block:Date}
  582.  
  583. {block:Date}
  584. <div id="permalink">
  585. {block:Date}<a href="{Permalink}">{MonthNumberWithZero}/{DayOfMonthWithZero}/{ShortYear}</a> at {12Hour}:{Minutes}{CapitalAmPm}{/block:Date}{block:NoteCount} <a href="{Permalink}">― with {NoteCount} notes</a>{/block:NoteCount}
  586. {block:PermalinkPage}
  587. {block:ContentSource}
  588. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  589. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  590. {/block:SourceLogo}
  591. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  592. {/block:ContentSource}
  593. {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{block:ContentSource} / <a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:ContentSource}{/block:RebloggedFrom}
  594. {/block:PermalinkPage}
  595. </div>
  596. {block:HasTags}<div class="tags">{block:Tags}<a href="{TagUrl}">#{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  597. {/block:Date}
  598.  
  599.  
  600.  
  601. </div>
  602.  
  603.  
  604.  
  605. {block:PermalinkPage}
  606. {/block:PermalinkPage}
  607. <div class="pagenotes">
  608. {block:NoteCount}<div class="t">notes</div>{/block:NoteCount}
  609. {PostNotes}
  610. </ol>
  611.  
  612.  
  613.  
  614. </div>
  615. {/block:PostNotes}
  616. {/block:Posts}
  617.  
  618.  
  619.  
  620. </div>
  621.  
  622. </body></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!