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

Theme 1 :)

By: jasonnmccanns on May 1st, 2012  |  syntax: None  |  size: 13.62 KB  |  hits: 74  |  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. <!--
  2.  
  3. theme 1 by originally by thatara but edited by jasonnmccanns
  4.  
  5. don't remove credit or i'll poor salt in your eyes c:
  6. ---->
  7.  
  8.  
  9. <div id="cred">&copy; <a href="http://jasonnmccanns.tumblr.com/tagged/themes">credit</a></div>
  10.  
  11. <head>
  12.     <!-- DEFAULT VARIABLES -->
  13.    
  14.     <meta name="text:secondtitle" content="" />
  15.  
  16. <meta name="color:background" content="#F7F7F7" />
  17.  
  18.               <meta name="color:text" content="#666666" />
  19.               <meta name="color:link" content="#000000" />
  20.               <meta name="color:sidebar" content="#F7F7F7" />
  21.               <meta name="color:border" content="#f9f9f9" />
  22.               <meta name="font:body" content="arial" />
  23. <meta name="if:show blog title" content="1"/>
  24.  
  25. <meta name="if:show sidebar photo" content="0"/>
  26.  
  27. <meta name="if:infinitescrolling" content="0"/>
  28.  
  29. <meta name="if:cursive hover" content="0"/>
  30.  
  31. <meta name="if:shadow links" content="0"/>
  32.  
  33. <meta name="if:rainbow links" content="0"/>
  34.  
  35.      <meta name="image:sidebar" content=""/>
  36.      <meta name="image:background" content="" />
  37.  
  38. <meta name="if:font 1" content="0"/>
  39. <meta name="if:font 2" content="1"/>
  40. <meta name="if:font 3" content="0"/>
  41.    <meta name="if:font 4" content="0"/>
  42. <meta name="if:font 5" content="0"/>
  43. <meta name="if:font 6" content="0"/>
  44. <meta name="if:font 7" content="0"/>
  45.    <meta name="if:font 8" content="0"/>
  46.  
  47. <meta name="text:link1" content="link 1" />
  48.     <meta name="text:link1 url" content="/" />
  49. <meta name="text:link2" content="link 2" />
  50.     <meta name="text:link2 url" content="/" />
  51. <meta name="text:link3" content="link 3" />
  52.     <meta name="text:link3 url" content="/" />
  53.  
  54. {block:iffont1}<link href='http://fonts.googleapis.com/css?family=Give+You+Glory' rel='stylesheet' type='text/css'>{/block:iffont1}
  55.  
  56. {block:iffont2}<link href='http://fonts.googleapis.com/css?family=La+Belle+Aurore' rel='stylesheet' type='text/css'>{/block:iffont2}
  57.  
  58. {block:iffont3}<link href='http://fonts.googleapis.com/css?family=Nothing+You+Could+Do' rel='stylesheet' type='text/css'>{/block:iffont3}
  59.  
  60. {block:iffont4}<link href='http://fonts.googleapis.com/css?family=Shadows+Into+Light' rel='stylesheet' type='text/css'>{/block:iffont4}
  61.  
  62. {block:iffont5}<link href='http://fonts.googleapis.com/css?family=Dawning+of+a+New+Day' rel='stylesheet' type='text/css'>{/block:iffont5}
  63.  
  64. {block:iffont6}<link href='http://fonts.googleapis.com/css?family=Cedarville+Cursive' rel='stylesheet' type='text/css'>{/block:iffont6}
  65.  
  66. {block:iffont7}<link href='http://fonts.googleapis.com/css?family=Megrim' rel='stylesheet' type='text/css'>{/block:iffont7}
  67.  
  68.     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  69.     <title>{Title}{block:SearchPage}, Search results for: {SearchQuery}{/block:SearchPage}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  70.     {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  71.     <link rel="shortcut icon" href="{Favicon}" />
  72.     <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  73.     <style type="text/css">
  74.  
  75.  
  76. body {color:{color:text}; background-color:{color:background}; background-image: url('{image:Background}'); background-attachment:fixed; font-family:{font:body}; font-size:10px; line-height:100%; text-align:justify}
  77.  
  78. ::-webkit-scrollbar {width: 10px; height:auto; background:{color:sidebar}}
  79.  
  80. ::-webkit-scrollbar-button:vertical {height:4px; display: block; background:{color:sidebar}}
  81.  
  82. ::-webkit-scrollbar-button:horizontal {width: 7px; height: 4px; display: block; background:{color:navbghover}}
  83.  
  84. ::-webkit-scrollbar-thumb:vertical {background:{color:link}; border-top: 0px solid {color:scrollbg}; border-bottom: 0px solid {color:sidebar}; border-top-right-radius:5px; border-top-left-radius:5px; border-bottom-right-radius:5px; border-bottom-left-radius:5px;}
  85.  
  86. ::-webkit-scrollbar-thumb:horizontal {background: {color:sidebar}; border: 0px solid {color:link}}
  87.  
  88. ::-webkit-scrollbar-thumb {background: {color:scrollbar}; border-top: 0pt solid {color:link}; border-bottom: 0pt solid {color:scrollbg}}
  89.  
  90. ::-webkit-scrollbar-thumb:hover {background: {color:scrollbar}; cursor:url(http://i53.tinypic.com/zycxmw.png), auto}
  91. a:link, a:active, a:visited{color: {color:link}; text-decoration:none}
  92. a:hover{color:{color:text}; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; z-index: 30; }
  93. b {color:{color:text};}
  94. i {color:{color:link};}
  95.  
  96. #entries{left:30%; margin-left:140px; margin-top:30px; width:510px; overflow:hidden; }
  97.  
  98. #simg {text-align:center;}
  99. #simg img {max-width: 270px; height: auto; text-align:center; }
  100.  
  101. #sidebar {background-image: url('{image:sbg}'); margin-top: 78px; width:310px; height: auto; margin-left:730px; position:fixed; overflow:hidden; background-color: {color:sidebar}; letter-spacing: 1px; padding:8px; border-top-right-radius:17px; border-bottom-left-radius:17px; padding:8px; }
  102.  
  103. #stext { color: #000000;margin-top: 5px; margin-left:6px; font-family:georgia; font-size:9px; width:265px; line-height:100%; margin-bottom: 10px; text-align:center; background-color:transparent; opacity:0.2;}
  104.  
  105. #stext:hover { margin-top: 5px; margin-left:6px; font-family:georgia; font-size:9px; width:260px; line-height:100%; margin-bottom: 10px; text-align:center; background-color:transparent; opacity:1; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; z-index: 30;}
  106.  
  107. #btitle {
  108. {block:iffont1}font-family: 'Give You Glory', cursive;{block:iffont1}
  109. {block:iffont2}font-family: 'La Belle Aurore', cursive;{/block:iffont2}
  110. {block:iffont3}font-family: 'Nothing You Could Do', cursive;{/block:iffont3}
  111. {block:iffont4}font-family: 'Shadows Into Light', cursive;{/block:iffont4}
  112. {block:iffont5}font-family: 'Dawning of a New Day', cursive;{/block:iffont5}
  113. {block:iffont6}font-family: 'Short Stack', cursive;{/block:iffont6}
  114. {block:iffont7}font-family: 'Megrim', cursive;', cursive;{/block:iffont7}
  115. {block:iffont8}font-family: georgia;{/block:iffont8}
  116. letter-spacing: 0px; line-height:33px; color:{color:link}; text-align:center; font-size:22px; margin-top: 7px; margin-bottom 5px; padding-bottom:3px; }
  117.  
  118. #title {font-family:short stack; text-align:center; font-size:11px; margin-top: 7px; margin-bottom 5px; font-style: italic; padding-bottom:3px; }
  119.  
  120. #title2 {
  121. width:250px;
  122. color:{color:text};
  123. position:fixed;
  124. margin-left:-2px;
  125. margin-top:-16px;
  126. margin-bottom:10px;
  127. font-family: short stack;
  128. font-style:italic;
  129. font-size:12px;
  130. letter-spacing:1px;
  131. text-align:center;
  132. line-height:20px;
  133. z-index:2;
  134. }
  135.  
  136. #pagination {font-family:short stack; text-align:center; font-size:12px; margin-top: 5px; margin-bottom: 3px; font-style: italic; }
  137.  
  138. #posts{overflow:hidden; background-color: {color:entries}; border-left:0px solid {color:link}; border-right:0px solid {color:link}; padding:4px;}
  139.  
  140. #posts:hover #info {
  141. opacity:100;}
  142.  
  143. #header {
  144.  
  145.     width:512px;
  146.  
  147.     margin:-10px 0px 0px 138px;
  148.  
  149.     text-align:left;
  150.      
  151.     position: fixed;
  152.      
  153.     border-bottom:2px solid {color:link};}
  154.  
  155. #header img {
  156.  
  157.     margin-right:8px;
  158.  
  159.     width:44px}
  160.  
  161. .header {
  162.  
  163.     padding:15px;
  164.  
  165.     padding-bottom:18px;
  166.  
  167.     font-size:9px;
  168.  
  169.     background:{color:sidebar};}
  170.  
  171. h1{color:{color:title}; font-family:short stack; {font:text}; font-size:12px; line-height:15px; letter-spacing:0px; font-weight:normal;  margin:0px; padding:0px; text-align:left}
  172.  
  173. h2{color:{color:title}; font-family:short stack; {font:text}; font-size:12px; line-height:12px; letter-spacing:0px; font-weight:normal; margin:0px; padding:0px; margin-bottom:-0px; text-align:left}
  174.  
  175. h3{color:{color:link}; font-family:short stack; font-size:16px; letter-spacing:0px; font-weight:normal; font-style:normal; text-transform:lowercase; line-height:14px; margin-left:5px; margin-top:10px; margin-bottom:-10px; text-align:left; letter-spacing:1px}
  176.  
  177. h3 a:hover{background-color:transparent}
  178.  
  179. #sbar2 {position: fixed;top: 197px;left:766px; height:49%; width: 270px; opacity:.1; -webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out;}
  180.  
  181. #sbar2:hover { opacity:1; background-color:{color:sidebar}}
  182.  
  183. #tlinks {position: fixed; margin-left: 938px; margin-top: 270px; z-index:4; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg);}
  184. #tlinks a {display: inline block; font-family: georgia; font-size: 12px; text-align: center; background-color:{color:background}; color:{color:text}; padding:3px 30px 3px 29px; -webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out;}
  185. #tlinks a:hover {color: {color:background}; background-color:{color:link}; text-align: center; border-bottom: 0px solid {color:text}; -webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out;}
  186.  
  187.  
  188. #answer {margin-left: 15px; margin-top:3px;}
  189.  
  190.  
  191. #source {text-align: center}
  192.  
  193. #info {background-color:{color:border}; margin:6px 0px 0px 0px; padding:3px; display:block; font-size:9px; letter-spacing:1px; border-left: 2px solid {color:text}; }
  194. #info:hover {background-color:{color:border}; margin:6px 0px 0px 0px; padding:3px; display:block; font-size:9px; letter-spacing:1px; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; border-left: 5px solid {color:text};}
  195. #info a {color:{color:link}}
  196. #info a:hover {color:{color:text};}
  197.  
  198. #tags {background-color:transparent; font-family:georgia; text-align:center; margin-left:0px; padding:3px; letter-spacing:1px; font-style:italic; font-size:9px; width:495px; text-align:right;}
  199.  
  200. #questions {background-color:{color:questions}; color: {color:text}; padding:10px; margin-bottom:1px {color:text} dotted; font-family:arial; font-size:10px;}
  201. #questions a {color:{color:link}}
  202.  
  203. blockquote {border-left:3px {color:text} solid; font-style: italics; padding-left:7px; margin:0px 2px 0px 10px}
  204.  
  205. p{margin-top:4px; margin-bottom:4px}
  206. blockquote {padding:0px; padding-left:5px; margin:4px; border-left:2px solid {color:text}}
  207.  
  208. img a{border:none; width:100%}
  209. .audio{background-color:black; display:block;}
  210.  
  211. .user_1 .label {color:{color:link}; font-weight:bold}
  212. .user_2 .label {color:{color:text}; font-weight:bold}
  213. ul.chat, .chat ol, .chat li {list-style:none; margin:0px; padding:0px;}
  214.  
  215. .notes img{width:10px; top:1px;}
  216. ol.notes, .notes li{list-style:none; margin:0px; padding:0px;}
  217. iframe input, iframe submit, iframe textarea, iframe div, iframe table {background-color:transparent!important;}
  218.        
  219. ::selection {background: {color:link}; color: #ffffff;}
  220.  
  221. ::-moz-selection {background: {color:link}; color: #ffffff;}
  222.  
  223. ::-webkit-selection {background: {color:link}; color: #ffffff;}
  224.  
  225.  
  226. </style>
  227.     <style type="text/css">{CustomCSS}</style>
  228. </head>
  229.  
  230. <body>
  231.  
  232. <div id="header">
  233.  
  234. <div class="header">
  235.  
  236. <img src="{PortraitURL-64}" align="left"></a></b><br><br>
  237. {block:ifLink1}<center><em><big><a href="{text:link1 url}">{text:link1}</a></em>{/block:ifLink1}
  238. {block:ifLink2}- <em><a href="{text:link2 url}">{text:link2}</a></em>{/block:ifLink2}
  239. {block:ifLink3}- <em><a href="{text:link3 url}">{text:link3}</a></em></big>{/block:ifLink3}</center><br>
  240. </div></div><br><br><br><br><br>
  241.  
  242.  
  243. <div id="tlinks"><a href="/">home</a> <a href="/ask">ask</a> <a href="/archive">archive</a></div>
  244.  
  245. <div id="sidebar">
  246.  
  247. <div id="btitle">{title}</div>
  248. <div id="title2">{text:secondtitle}</div>
  249.  
  250.   <div id="simg"><br><img src="{image:sidebar}"/><div id="sbar2"><br><br><br><div id="stext">{block:Description}<center>{Description}</center>{/block:Description}</ div></div></div></div>
  251.  
  252. <center><br><br><i>Hover over my sidebar. c: </i></center>
  253.  
  254.  
  255. <div id="title"><br><font size= 2px;>{block:PreviousPage}<a href="{PreviousPage}">-</a>{/block:PreviousPage}{CurrentPage}{block:NextPage}<a href="{NextPage}">+</a>{/block:NextPage}</font></div>
  256.  
  257.  
  258. </div>
  259.  
  260. <div id="entries">
  261.  
  262. {block:Posts}
  263. <div id="entry">
  264.  
  265. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  266.  
  267. {block:Quote}<h2>"{Quote}" — {Source}</h2>{/block:Quote}
  268.  
  269. {block:Link}<a href="{URL}"><h1>{Name}</h1></a>
  270. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  271.  
  272. {block:Photo}<center><img src="{PhotoURL-500}"/></center>
  273. {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  274.  
  275. {block:Photoset}<center>{Photoset-500}</center>
  276. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  277.  
  278. {block:Chat}<ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  279.  
  280. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  281.  
  282. {block:Answer}<div id="questions"><b>{asker}</b> swagged: <i>{Question}</i><br /></div>
  283. {Answer}{/block:answer}
  284.  
  285. {block:Audio}<span class="audio"><center>{AudioPlayerBlack}</center></span>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  286.  
  287. <div id="info">{block:Date}posted <a href="{Permalink}">{TimeAgo}</a>{/block:Date}{block:ContentSource} {/block:ContentSource} <div style="float:right">{block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}</div></div></div>
  288.  
  289. {block:IndexPage}{block:HasTags}<div id="tags">tagged with: {block:Tags}<a href="{TagURL}">{Tag}</a>, {/block:Tags}</div> {/block:HasTags}<br />{/block:IndexPage}
  290.  
  291. {/block:Posts}
  292.  
  293. {block:PostNotes}{PostNotes}{/block:PostNotes}<br />
  294. </div>
  295.  
  296.  
  297. <div id="cred">&copy; <a href="http://jasonnmccanns.tumblr.com/tagged/themes">jasonnmccanns</a></div>
  298.  
  299. </div>
  300.  
  301. </body>
  302. </html>
create a new version of this paste RAW Paste Data