API tools faq
paste
Advertisement
ashleyfranqipane

theme 01. new americana

ashleyfranqipane
May 28th, 2015
1,325
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 11.98 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.     <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <link href='http://fonts.googleapis.com/css?family=Raleway:900&subset=latin,' rel='stylesheet' type='text/css'>
  4.    
  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.  
  11.  
  12.  
  13.  
  14.                     <!---
  15.                                
  16.                                
  17.                     a s h l c y f r a n g a q a n e
  18.                              @ t u m b l r
  19.                              
  20.                              do not steal or
  21.                       use as a base code, thanks!
  22.                                  
  23.                                  
  24.                                                 --->
  25.  
  26.  
  27.  
  28. <meta name="color:Background" content="#ffffff" />
  29. <meta name="color:Bold" content="#ffffff" />
  30. <meta name="color:italic" content="#ffffff" />
  31. <meta name="color:links" content="#000000" />
  32. <meta name="color:text" content="#000000" />
  33. <meta name="color:border" content=""/>
  34. <meta name="color:scrollbar" content=""/>
  35. <meta name="color:scrollbarbg" content=""/>
  36.  
  37. <meta name="if:coverbg" content="1"/>
  38.  
  39. <meta name="text:link 1" content=""/>
  40. <meta name="text:link 1 text" content=""/>
  41. <meta name="text:link 2" content=""/>
  42. <meta name="text:link 2 text" content=""/>
  43. <meta name="text:link 3" content=""/>
  44. <meta name="text:link 3 text" content=""/>
  45.  
  46. <meta name="image:sidebar" content=""/>
  47. <meta name="image:background" content=""/>
  48.  
  49.  
  50. <style type="text/css">
  51.  
  52. ::-webkit-scrollbar-thumb {
  53. height:auto;
  54. background-color:{color:Scrollbar};
  55. }
  56.  
  57. ::-webkit-scrollbar {
  58. height:9px;
  59. width:4px;
  60. background-color:{color:ScrollbarBg};
  61. }
  62.  
  63. body {
  64. background:{color:background};
  65. margin:0px;
  66. color:{color:text};
  67. font-family: 'Raleway', sans-serif;
  68. font-size:10px;
  69. line-height:100%;
  70. letter-spacing:0px;
  71. text-align:justify;
  72. background-image:url('{image:Background}');
  73. {block:ifcoverbg}
  74.         -webkit-BACKGROUND-SIZE: COVER;
  75.         -MOZ-BACKGROUND-SIZE: COVER;
  76.         -O-BACKGROUND-SIZE: COVER;
  77.          BACKGROUND-SIZE: COVER;
  78.     {/block:ifcoverbg}
  79. }
  80.      
  81. a {
  82. text-decoration:none;
  83. outline:none;
  84. -moz-outline-style:none;
  85. color:{color:Links};
  86. }
  87.    
  88.      
  89.  
  90.  
  91. h8 {
  92. width:100%;
  93. font-size:8px;
  94. text-align:center;
  95. line-height:100%;
  96. letter-spacing:0px;
  97. color:{color:text};
  98. background-color:{color:accent};
  99. text-transform:uppercase;
  100. font-weight:normal;
  101. padding:5px;
  102. }
  103.  
  104. h9 {
  105. font-size:8px;
  106. text-align:right;
  107. line-height:100%;
  108. letter-spacing:0px;
  109. color:{color:text};
  110. text-transform:uppercase;
  111. font-weight:normal;
  112. padding:5px;
  113. }
  114.  
  115.  
  116. blockquote {
  117. border-left:1px solid {color:border};
  118. padding:3px;
  119. margin-left:10px;
  120. }
  121. }
  122.  
  123. img {
  124.     height: auto;
  125.     width:auto;
  126.     max-width:100%;
  127. }
  128.  
  129.   pre {
  130.      background:black;
  131.      color:white;
  132.      padding:5px;
  133.      text-align:justify;
  134. text-transform:uppercase;
  135.  white-space: pre-wrap;      
  136.  white-space: -moz-pre-wrap;
  137.  white-space: -pre-wrap;      
  138.  white-space: -o-pre-wrap;    
  139.  word-wrap: break-word;
  140.      
  141.  }
  142.  
  143.  
  144. h1{
  145.     font-size:20px;
  146. font-family: 'Raleway', sans-serif;
  147.     text-transform:uppercase;
  148.     font-style:italic;
  149.     padding:20px;
  150.     background:black;
  151.     color:white;
  152.     font-weight:bold;
  153. }
  154.  
  155. ul{
  156.     list-style-type:square;
  157. }
  158.  
  159. ol{
  160.     list-style-type:;
  161. }
  162.      
  163. a:hover {
  164. color:#000000;
  165. -moz-transition-duration:0.3s;
  166. -webkit-transition-duration:0.3s;
  167. -o-transition-duration:0.3s;
  168. }
  169.  
  170.  
  171. /*ENTRIES*/
  172.  
  173. #postcontainer {
  174.     position:static;
  175.     margin-left:35px;
  176.     margin-right:auto;
  177.     width: 520px;
  178.     overflow:hidden;
  179.     text-align:center;
  180.     margin-bottom:0px;
  181.     margin-top:30px;
  182. }
  183.  
  184.  
  185. .container {
  186.     height:454px;
  187.     width:590px;
  188.     overflow:auto;
  189.     margin-left:535px;
  190.     margin-top:140px;
  191.     border:1px solid {color:border};
  192.     z-index:-9999;
  193.     background:white;
  194. }
  195. /*SIDEBAR*/
  196.  
  197. #title {
  198.     margin-top:10px;
  199.     width:210px;
  200.     font-size:20px;
  201.     padding:10px;
  202.     text-transform:uppercase;
  203.     text-align:center;
  204. font-family: 'Raleway', sans-serif;
  205.      font-weight:bold;
  206.     background:black;
  207.     color:white;
  208.     letter-spacing:-1px;
  209. }
  210.  
  211. #sidebar {
  212. position:fixed;
  213. height:440px;
  214. padding:7px;
  215. margin-top:0px;
  216. margin-left:300px;
  217. background:white;
  218. border:1px solid {color:border};
  219. }
  220.      
  221. #sidebarimage {
  222. width:210px;
  223. }
  224.      
  225. #sidebarimage img {
  226. margin-top:10px;
  227. margin-left:0px;
  228. padding:5px;
  229. border:1px solid {color:border};
  230. }
  231.    
  232.  
  233.  
  234. .links {
  235. width:152px;
  236. font-family: 'Raleway', sans-serif;
  237. padding: 4px;
  238. line-height:160%;
  239. text-align:left;
  240. text-transform:uppercase;
  241. position:fixed;
  242. margin-top:30px;
  243. margin-left:0px;
  244. }
  245.      
  246. .links a {
  247. width:94px;
  248. padding:6px;
  249. font-size:10px;
  250. letter-spacing:0px;
  251. color:{color:Sidebar Links};
  252. -webkit-transition: all 0.4s ease-in-out;
  253. -moz-transition: all 0.4s ease-in-out;
  254. -o-transition: all 0.4s ease-in-out;
  255. -ms-transition: all 0.4s ease-in-out;
  256. transition: all 0.4s ease-in-out;
  257. }
  258.      
  259. .links a:hover {
  260. margin-left:20px;
  261. -webkit-transition: all 0.4s ease-in-out;
  262. -moz-transition: all 0.4s ease-in-out;
  263. -o-transition: all 0.4s ease-in-out;
  264. -ms-transition: all 0.4s ease-in-out;
  265. transition: all 0.4s ease-in-out;
  266. color:{color:Hover};
  267. }  
  268.  
  269. #description {
  270. text-align:justify;
  271. font-family: 'Raleway', sans-serif;
  272. width:230px;
  273. margin-top:30px;
  274. padding-bottom:13px;
  275. padding-top:13px;
  276. margin-left:0px;
  277. font-size:9px;
  278. position:fixed;
  279. text-transform:none;
  280. color:black;
  281. border-bottom:1px solid {color:border};
  282. border-top:1px solid {color:border};
  283. }
  284.  
  285. #pagination {
  286. font-style:bold;
  287. padding:2px;
  288. font-family: 'Raleway', sans-serif;
  289. letter-spacing:0px;
  290. font-size:9px;
  291. text-align:center;
  292. padding:2px;
  293. margin-top:50px;
  294. text-transform:lowercase;
  295. }
  296.  
  297.  
  298. /*POST INFO*/
  299.  
  300. #container {
  301.     position:fixed;
  302. height:440px;
  303. padding:7px;
  304. margin-left:100px;
  305. margin-top:30px;
  306. margin-left:170px;
  307. border:1px solid {color:border};
  308.    
  309. }
  310.  
  311. article {
  312.     float:left;
  313.     background:{color:posts};
  314.     padding: 10px;
  315.     width: 500px;
  316.     text-align:left;
  317.     margin-bottom:50px;
  318. }
  319.  
  320. .postinfo{
  321.     color:{color:links};
  322.     padding:10px;
  323.     margin-top:10px;
  324.     font-weight:bold;
  325.     border-top:1px solid {color:border};
  326. }
  327.  
  328. ol.notes {
  329.     display:block;
  330.     text-align:left;
  331.     list-style-type:none;
  332.     margin-left:-40px;
  333. }
  334.  
  335. ol.notes li.note{
  336.     margin-bottom:5px;
  337. }
  338.  
  339. .pagenotes {
  340.     text-align:left;
  341.     margin-top:15px;
  342. }
  343.  
  344. .pagenotes img{
  345.     padding-right:5px;
  346.     padding-top:5px;
  347.     margin-bottom:-5px;
  348. }
  349.  
  350.  
  351.  
  352. /*CHAT*/
  353.  
  354. ul.chat{
  355.     list-style:none;
  356.     margin-left:-40px;
  357. }
  358.  
  359. .chat span {
  360.     float: left;
  361. }
  362.  
  363. p.chat {
  364.     padding-left:3px;
  365. }
  366.  
  367. /*QUOTES*/
  368.  
  369. .quote{
  370.     font-size:20px;
  371.     line-height:150%;
  372. }
  373.  
  374. .quotesource{
  375.     text-align:right;
  376.     margin-bottom:10px;
  377. }
  378.  
  379. /*AUDIO*/
  380.  
  381. .songart{
  382.     float:left;
  383.     margin-right:10px;
  384. }
  385.  
  386. .songart img{
  387.     width:80px;
  388.     height:80px;
  389. }
  390.  
  391. .songtitle{
  392.     margin-bottom:10px;
  393.     margin-left:90px;
  394. }
  395.  
  396. .songauthor{
  397.     margin-bottom:10px;
  398.     font-size:8px;
  399.     margin-left:90px;
  400. }
  401.  
  402. .tumblr_audio_player {
  403.     height: 50px;
  404. }
  405.  
  406. /*PAGINATION*/
  407.  
  408. #pagination {
  409.     margin-top:-85px;
  410.     text-align:center;
  411.     margin-left:1px;
  412.     position:fixed;
  413.     background:{color:pagi};
  414.     height:10px;
  415.     width:220px;
  416.     font-size:8px;
  417. font-family: 'Raleway', sans-serif;
  418.     text-transform:uppercase;
  419.     font-style:italic;
  420.     padding:4px;
  421. }
  422.  
  423. /*QUESTION*/
  424.  
  425. #asker {
  426. color:#fcfcfc;
  427. padding:14px;
  428. font-family: 'Raleway', sans-serif;
  429. font-size:11px;
  430. letter-spacing:0px;
  431. text-align:left;
  432. margin-top:0px;
  433. text-transform:lowercase;
  434. line-height:100%;
  435. }
  436.  
  437. /*CREDIT*/
  438.  
  439. #cred {
  440. position:fixed;
  441. font-family: 'Raleway', sans-serif;
  442. text-transform:uppercase;
  443. font-size:8px;
  444. right:9px;
  445. bottom:9px;
  446. padding:4px;
  447. letter-spacing:1px;
  448. }
  449.  
  450. {CustomCSS}</style></head><body>
  451.  
  452. <div id="sidebar">
  453. <div id="title">{Title}</div>
  454.  
  455. <div id="sidebarimage">
  456.  
  457. <img src="{image:Sidebar}">
  458.  
  459. </div>
  460.  
  461.  
  462. <div id="description">
  463. {description}
  464.  
  465. <div class="links">
  466. ✕ <a href="/">Home</a><br>
  467. ✕ <a href="/ask">Ask</a><br>
  468. ✕ <a href="{text:Link 1}">{text:Link 1 Text}</a><br>
  469. ✕ <a href="{text:Link 2}">{text:Link 2 Text}</a><br>
  470. ✕ <a href="{text:Link 3}">{text:Link 3 Text}</a><br>
  471.  
  472.  </div>
  473.  
  474. {block:Pagination}
  475. <div id="pagination">
  476. {block:PreviousPage}<a href="{PreviousPage}">backward</a>{/block:PreviousPage}
  477. ✕ {block:NextPage}<a href="{NextPage}">forward</a>{/block:NextPage}
  478. </div>
  479. {/block:Pagination}
  480. </div>
  481. </div>
  482.  
  483. <div class="container">
  484. <div id="postcontainer">
  485.        
  486. {block:Posts}
  487. <article>
  488.  
  489. <!--TEXT POST-->
  490. {block:Text}
  491.     {block:Title}
  492.     <h1 class="title">{Title}</h1>
  493.     {/block:Title}
  494.     {Body}
  495. {/block:Text}
  496.  
  497.  
  498. <!--PHOTO POST-->
  499. {block:Photo}
  500.     {block:IndexPage}
  501.     {LinkOpenTag}
  502.     <img src="{PhotoURL-500}" alt="{PhotoAlt}" />
  503.     {LinkCloseTag}
  504.     {/block:IndexPage}
  505.     {block:PermalinkPage}
  506.     {LinkOpenTag}
  507.     <img src="{PhotoURL-500}" alt="{PhotoAlt}" />
  508.     {LinkCloseTag}{/block:PermalinkPage}
  509. {/block:Photo}
  510.  
  511.  
  512. <!--PHOTOSET POST-->
  513. {block:Photoset}
  514.     {block:IndexPage}{Photoset-500}{/block:IndexPage}
  515.     {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  516. {/block:Photoset}
  517.  
  518.  
  519. <!--QUOTE POST-->
  520. {block:Quote}
  521.     <div class="quote">{Quote}</div>
  522.     {block:Source}
  523.     <div class="quotesource">{Source}</div>
  524.     {/block:Source}
  525. {/block:Quote}
  526.  
  527.  
  528. <!--LINK POST-->
  529. {block:Link}
  530.     <h1 class="title"><a href="{URL}">{Name}</a></h1>
  531.     {block:Description}{Description}{/block:Description}
  532. {/block:Link}
  533.  
  534.  
  535. <!--CHAT POST-->
  536. {block:Chat}
  537.     <ul class="chat">
  538.         {block:Lines}<li class="{Alt}">{block:Label}<span class="label"style="font-weight:bold;text-transform:uppercase;text-decoration:underline;">{Label}</span>{/block:Label}  <p> {Line} </p></li>{/block:Lines}
  539.     </ul>
  540. {/block:Chat}
  541.  
  542.  
  543. <!--AUDIO POST-->
  544. {block:Audio}
  545.     {block:AlbumArt}
  546.     <div class="songart">
  547.         <img src="{AlbumArtURL}">
  548.     </div>
  549.     {/block:AlbumArt}
  550.     <div class="songtitle">
  551.         {block:TrackName}
  552.         {TrackName}
  553.         {/block:TrackName}
  554.     </div>
  555.     <div class="songauthor">
  556.         By
  557.         {block:Artist}
  558.         {Artist}
  559.         {/block:Artist}
  560.     </div>
  561.     {AudioPlayerWhite}
  562. {/block:Audio}
  563.  
  564.  
  565. <!--VIDEO POST-->
  566. {block:Video}
  567. <div class="video">
  568.     <div class="video-player">{Video-500}</div>
  569. {/block:Video}
  570.  
  571.  
  572. <!--ANSWER POST-->
  573. {block:Answer}<b><span style ="background:black;color:white;padding:2px">{Asker} inquired,</span></b> <div id="ask" style="text-align:left;margin-left:0px;margin-top:0px;font-style:italic;padding:15px;font-size:10px;font-color:{color:text};font-family:arial;text-transform:lowercase;letter-spacing:0px;border:1px solid {color:border};margin-top:2px">{Question}</span></div>{Answer}{/block:Answer}
  574.  
  575. <!--CAPTIONS-->
  576.  
  577.  
  578.     {block:Caption}
  579.         {Caption}
  580.     {/block:Caption}
  581.  
  582.  
  583. <!--POST INFORMATION-->
  584. <div class="postinfo">
  585.  
  586.     <!--PERMALINK-->
  587.  
  588.         {block:Date}
  589.         <a href="{Permalink}"> {TimeAgo} </a>
  590.         {/block:Date}
  591.  
  592.    ✕
  593.     <!--NOTES-->
  594.     {block:NoteCount}
  595.         <a href="{Permalink}"> {NoteCount} </a>
  596.     {/block:NoteCount}
  597.    
  598.     ✕  {block:ContentSource} <a href="{SourceURL}">via</a>{/block:ContentSource}
  599.    <br>
  600. <br>{block:Tags}
  601.  ( &&. {tag}; ){/block:tags}
  602.        
  603. </div>
  604.  
  605. <!--POST NOTES-->
  606. {block:PostNotes}
  607.     <div class="pagenotes">{PostNotes-16}</div>
  608. {/block:PostNotes}
  609.  
  610.  
  611. </article>
  612. {/block:Posts}
  613. <!--Close of article-->
  614.  
  615.  
  616.  
  617. </div>
  618.  </div>
  619.  
  620.    
  621. <div id="cred">
  622. <a href="http://ashlcyfrangiqane.tumblr.com">✕</a>  
  623.  
  624. </div>
  625. </div>
  626.  
  627.  
  628.        
  629.     </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!