Don't like ads? PRO users don't see any ads ;-)
Public Pastes
Guest

theme #1

By: awtyler on Aug 24th, 2012  |  syntax: None  |  size: 6.77 KB  |  hits: 2,298  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. <!----  theme by awtyler, don't steal and don't remove the credit --->
  2.  
  3. <title>{Title}</title>
  4.  
  5. <meta name="color:Background" content="#ffffff"/>
  6. <meta name="color:Text" content="#919090"/>
  7. <meta name="color:Entries" content="#ffffff"/>
  8. <meta name="image:sidebar" content=""/>
  9. <meta name="color:Link" content="#8b7d7a"/>
  10. <meta name="color:LinkHover" content="#5f5c5b"/>
  11. <meta name="color:Bottompost" content="#f8f7f7"/>
  12. <meta name="color:Scrollbar" content="#cecccd"/>
  13.  
  14.  
  15.  
  16. <meta name="text:Link1 Title" content="home" />
  17. <meta name="text:Link1 Url" content="/" />
  18. <meta name="text:Link2 Title" content="msg" />
  19. <meta name="text:Link2 Url" content="/ask" />
  20. <meta name="text:Link3 Title" content="link 1" />
  21. <meta name="text:Link3 Url" content="/" />
  22. <meta name="text:Link4 Title" content="link 2" />
  23. <meta name="text:Link4 Url" content="/" />
  24.  
  25.  
  26. <style type="text/css">
  27.  
  28. a:link, a:active, a:visited {color:{color:Link}; text-decoration:none; -webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; transition:all 0.5s ease-out}
  29. a:hover {color:{color:LinkHover};-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;transition: all 0.3s ease-out}
  30.  
  31.  
  32. body {
  33.     background:{color:background};
  34.     margin:0px;
  35.     color:{color:text};
  36.     font-family:Calibri;
  37.     font-size:11.2px;
  38.     line-height:100%;
  39. }
  40.  
  41. a {
  42.     text-decoration:none;
  43.     outline:none;
  44.     -moz-outline-style:none;
  45.     color:{color:link};
  46. }
  47.  
  48. img {
  49.     border:none;
  50. }
  51.  
  52. blockquote {
  53.     padding-left:5px;
  54.     border-left:2px solid;
  55. }
  56.    
  57. blockquote blockquote {
  58.     padding-left:5px;
  59.     border-left:2px solid;
  60. }
  61.  
  62. h1 {
  63.     font-size:15px;
  64. }
  65.  
  66. #entries{
  67.     margin-left:455px;
  68.     width:510px;
  69.     padding-top:35px;}
  70.  
  71. }
  72.  
  73. #post {
  74.     width:500px;
  75.     padding-bottom:20px;
  76. }
  77.  
  78.    
  79. #bottompost{
  80.     width: 510px;
  81.     height:0.19px;
  82.     display:block;
  83.     background:{color:bottompost};
  84.     text-align: center;
  85.     font-size: 10px;
  86.     font-family: Consolas;
  87.     opacity:0.8;
  88.     padding-top: 6px;
  89.     margin-bottom:20px;}
  90.    
  91. #bottompost a{
  92.     color:{color:Link};}
  93.    
  94. #bottompost a:hover{color: {color:LinkHover}
  95. }
  96.  
  97. #sidebar {
  98.     width:150px;
  99.     position:fixed;
  100.     margin-left:200px;
  101.     margin-top:100px;
  102. }
  103. #title {
  104.     font-size:15px;
  105.     text-align:center;
  106.     margin-bottom:5px;
  107. }
  108.  
  109. #sidebarimage {
  110.     width 250px;
  111. }
  112.  
  113. #sidebarimage img {
  114.     width:150px;
  115. }
  116.  
  117. #descrip {
  118.     width: 150px;
  119.     height: auto;
  120.     font:9.5px georgia;
  121.     text-align:center;
  122.     color:{color:Font};
  123.     border-radius: 5px 5px 5px 5px;  
  124.     position:fixed;
  125.     margin-top:18px;
  126.     margin-left:2px;}
  127.  
  128.  
  129. #nav {
  130.     position:fixed;
  131.     width:210px;
  132.     text-align:center;}
  133.    
  134. #nav a {
  135.     float:left;
  136.     display:block;
  137.     line-height:19px;
  138.     font-size:10.4px;
  139.     font-family:Consolas;
  140.     text-transform:uppercase;  
  141.     color:{color:Link};
  142.     text-decoration:none;
  143.     text-align:center;  
  144.     margin-left:10px;}
  145.    
  146. #pagination {
  147.     position:fixed;
  148.     font-size:20px;
  149.     text-align:center;
  150.     font-family:{font:Title};
  151.     margin-top:310px;
  152.     margin-left: 255px;
  153.     width: 50px;
  154.     padding-top:5px;}
  155.  
  156. }
  157. #info {
  158.     text-align:center;
  159.     margin-top:10px;
  160. }
  161.  
  162. #asker {
  163.     float:left;
  164.     margin-right:5px;
  165. }
  166.  
  167. #credit{
  168.     right:8px;
  169.     bottom:10px;
  170.     font-size:11px;
  171.     position:fixed;
  172.     font-family:arial;}
  173.  
  174. a:link ::-moz-selection {text-shadow: 0px 0px 0px {color:link};}
  175. : {text-shadow: 0px 0px 0px {color:link};}
  176.  
  177. .postalign{text-align:justify; padding:10px 10px 5px 10px;}
  178.  
  179. .quote{font-family:{font:Quote}; font-size:14px; color: {color:Font}; font-style:italic;}
  180.  
  181.  
  182. .question{background: {color:entries}; font-size: 10px; font-weight:bold; color: {color:Font}; padding: 10px;}
  183.  
  184. .ask{font-size: 10px; background-color:{color:Background}; color:{color:Font};margin-bottom:0px; box-shadow: 0px 1px 1px rgba(0,0,0,0.14);
  185. padding: 10px;}
  186.  
  187. .asker{text-transform: none; padding-bottom:0px; font-size: 11px;}
  188.  
  189. .answer{padding:4px;}
  190.  
  191.  
  192. ::-webkit-scrollbar {height:10px; width: 7px; background: {color:entries};}
  193. ::-webkit-scrollbar-thumb {background: {color:scrollbar}; -moz-border-radius: 0px; border-radius: 0px;}
  194.  
  195. .audio{background-color:{color:entries}; height:35px; overflow:hidden;}
  196.  
  197. {CustomCSS}</style></head><body>
  198.  
  199. <div id="sidebar">
  200.  
  201. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  202.  
  203. <div id="nav">
  204. <a href="{text:link1 url}">{text:link1 title}</a>
  205. <a href="{text:link2 url}">{text:link2 title}</a>
  206. <a href="{text:link3 url}">{text:link3 title}</a>
  207. <a href="{text:link4 url}">{text:link4 title}</a>
  208.  
  209. </div>
  210.  
  211. <div id="descrip">{block:description}{description}{/block:description}</div>
  212.    
  213. </div>
  214.  
  215. {block:Pagination}<div id="pagination">
  216.             {block:PreviousPage}
  217.                 <a href="{PreviousPage}">«</a>
  218.             {/block:PreviousPage}
  219.  
  220.             {block:NextPage}
  221.                 <a href="{NextPage}">»</a>
  222.             {/block:NextPage}
  223.         </div>{/block:Pagination}  
  224. </div>
  225.  
  226. </div>
  227.  
  228. <div id="entries">{block:Posts}<div id="post">
  229.  
  230. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  231.  
  232. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  233.  
  234. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  235.  
  236. {block:Quote}{Quote}{block:Source} —{Source}{/block:Source}{/block:Quote}
  237.  
  238. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  239.  
  240. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  241.  
  242. {block:Audio}{AudioPlayerWhite}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  243.  
  244. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  245.  
  246. {block:Answer}<div class="postalign">
  247. <div class="ask">
  248. <div class="asker"><i>{Asker}</i> asked:</div> {Question}</div>
  249. <div class="answer">{Answer}</div>
  250. </div>
  251. {/block:Answer}
  252.  
  253.  
  254. <div id="info"><div id="bottompost">{block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date} · <a href="{Permalink}">{NoteCountWithLabel}{/block:NoteCount} {block:RebloggedFrom} · <a href="{ReblogParentURL}">via</a> · <a href="{ReblogRootURL}">source</a> {/block:RebloggedFrom}</a> <br>
  255. {block:HasTags} {block:Tags} #<a href="/tagged/{Tag}">{Tag}</a>{/block:Tags}{/block:HasTags}{block:NotReblog}{ReblogParentName}{/block:NotReblog}</div></div></div><BR>
  256. {/block:Posts}
  257.  
  258.  
  259. {block:PostNotes}{PostNotes}{/block:PostNotes}
  260. {/block:Posts}</div>
  261.  
  262. <div id="credit"><a href="http://awtyler.tumblr.com/tagged/theme" target="_blank">© theme</a></div>
  263.  
  264. </body></html>
create a new version of this paste RAW Paste Data