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

theme 03

By: confunded on Feb 15th, 2012  |  syntax: None  |  size: 13.48 KB  |  hits: 28,265  |  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. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <!--
  4.     theme by becca @ confunded.tumblr.com
  5.  
  6.     Leave all credit intact and do not steal or distribute this theme.
  7.     Do not move the credit to another page or use this code as a base.
  8.     Thank you.
  9. -->
  10.  
  11. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  12.  
  13.     <head>
  14.  
  15.         <meta name="color:background" content="#F8F8F8"/>
  16.         <meta name="color:text" content="#919191"/>
  17.         <meta name="color:link" content="#BEBEBE"/>
  18.         <meta name="color:blog title" content="#D1C3BE"/>
  19.         <meta name="color:post" content="#ffffff"/>
  20.         <meta name="color:sidebar links" content="#E9D9D3"/>
  21.         <meta name="color:sidebar links text" content="#ffffff"/>  
  22.         <meta name="color:date and source" content="#E9D9D3"/>  
  23.         <meta name="color:date and source text" content="#ffffff"/>
  24.         <meta name="color:notes" content="#EEE3DE"/>
  25.         <meta name="color:notes text" content="#C9B8B2"/>
  26.         <meta name="color:tags background" content="#F8F8F8"/>
  27.  
  28.         <meta name="image:sidebar" content=""/>
  29.         <meta name="image:background" content=""/>
  30.  
  31.         <meta name="if:No background image repeat" content="0"/>
  32.         <meta name="text:background image position" content=""/>
  33.         <meta name="if:Show archive link" content="1"/>
  34.         <meta name="if:Justify sidebar text" content="1"/>
  35.  
  36.         <meta name="if:White audio player" content="1"/>
  37.         <meta name="if:Black audio player" content="0"/>
  38.  
  39.         <meta name="text:Link 1" content=""/>
  40.         <meta name="text:Link 1 Title" content=""/>
  41.         <meta name="text:Link 2" content="" />
  42.         <meta name="text:Link 2 Title" content=""/>
  43.         <meta name="text:Link 3" content="" />
  44.         <meta name="text:Link 3 Title" content=""/>
  45.         <meta name="text:Link 4" content="" />
  46.         <meta name="text:Link 4 Title" content=""/>
  47.         <meta name="text:Link 5" content="" />
  48.         <meta name="text:Link 5 Title" content=""/>
  49.         <meta name="text:Link 6" content="" />
  50.         <meta name="text:Link 6 Title" content=""/>
  51.  
  52.         <title>{Title}</title>
  53.         <link rel="shortcut icon" href="{Favicon}">
  54.         <link rel="alternate" type="application/rss+xml" href="{RSS}">
  55.         {block:Description}
  56.             <meta name="description" content="{MetaDescription}" />
  57.         {/block:Description}
  58.  
  59. <style type="text/css">
  60.  
  61. /* --- BASICS --- */
  62.  
  63. body{margin:0px; font-family:calibri, trebuchet ms, arial; font-size:11px; background-color:{color:background}; color:{color:text}; background-attachment:fixed; background-position:{text:background image position}; background-image:url('{image:background}'); {block:IfNoBackgroundImageRepeat}background-repeat:no-repeat{/block:IfNoBackgroundImageRepeat};}
  64.  
  65. a:link, a:active, a:visited{text-decoration:none; color:{color:link};}
  66.  
  67. blockquote{padding-left:5px; border-left:4px solid {color:date and source};}
  68.  
  69. #title{padding-bottom:4px; margin-top:5px; text-align:center; text-transform:uppercase; font-size:16px;}
  70.  
  71. #link{padding-bottom:4px; margin-top:5px; text-align:center; text-transform:uppercase; font-size:16px;}
  72.  
  73. /* --- POSTS --- */
  74.  
  75. #entries{width:521px; padding-left:5px; margin:50px 0 0 420px; position:absolute;}
  76.  
  77. #post{padding:10px 11px 10px 10px; margin-bottom:40px; overflow:hidden; background-color:{color:post};}
  78.  
  79. /* --- DATE, NOTECOUNT, SOURCE --- */
  80.  
  81. #date{margin:-17px 0 0 0; position:absolute;}
  82. #date a{width:174px; padding:2px 0px; text-align:center; text-transform:uppercase; letter-spacing:1px; font-family:trebuchet ms; font-size:10px; background-color:{color:date and source}; color:{color:date and source text}; display:block;}
  83. #date a:hover{-webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s; opacity:0.8;}
  84.  
  85. #notecount{margin:-17px 0 0 174px; position:absolute;}
  86. #notecount a{width:174px; padding:2px 0px; text-align:center; text-transform:uppercase; letter-spacing:1px; font-family:trebuchet ms; font-size:10px; background-color:{color:notes}; color:{color:notes text}; display:block;}
  87. #notecount a:hover{opacity:0.8; -webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s;}
  88.  
  89. #postsource{margin:-17px 0 0 348px; position:absolute;}
  90. #postsource a{width:173px; padding:2px 0px; text-align:center; text-transform:uppercase; letter-spacing:1px; font-family:trebuchet ms; font-size:10px; background-color:{color:date and source}; color:{color:date and source text}; display:block;}
  91. #postsource a:hover{opacity:0.8; -webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s;}
  92.  
  93.  
  94. /* --- SIDE LINKS --- */
  95.  
  96. #sidelinks{margin:125px 0 0 15px; position:fixed;}
  97. #sidelinks a{width:124px; padding:3px 0px; background-color:{color:sidebar links}; color:{color:sidebar links text}; text-align:center; text-transform:uppercase; letter-spacing:1px; font-family:trebuchet ms; font-size:10px; display:block; margin-bottom:1px;}
  98. #sidelinks a:hover{opacity:0.8; -webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s;}
  99.  
  100. /* --- SIDEBAR --- */
  101.  
  102. #blogtitle{margin:-26px 0 13px 0; text-align:right;}
  103. #blogtitle a{text-transform:uppercase; letter-spacing:1px; font-family:trebuchet ms; font-size:11px; color:{color:blog title};}
  104.  
  105. #sidebar{width:245px; padding:5px 8px 10px 8px; margin:100px 0 0 139px; position:fixed; {block:IfJustifySidebarText}text-align:justify{/block:IfJustifySidebarText}; background-color:{color:post};}
  106.  
  107. #sidebarimage{margin:-3px auto 6px auto;}
  108. #sidebarimage img{max-width:245px; height:auto; margin-top:5px;} 
  109.  
  110. #desc{text-decoration:none;}
  111.  
  112. #pagination{width:251px; margin-top:10px; position:fixed; float:right; text-align:center; font-size:9px; font-family:trebuchet ms;}
  113. #pagination a{margin:20px 2px 0 2px; text-transform:uppercase; letter-spacing:1px; color:{color:blog title}; font-size:16px;}
  114.  
  115. /* --- TAGS --- */
  116.  
  117. #tags{width:501px; padding:5px 0; margin:7px 0 0 0; text-align:left; text-transform:uppercase; font-size:9px; font-family:trebuchet ms; letter-spacing:1px; background-color:{color:tags background};}
  118. #tags a{margin:0 2px;}
  119.  
  120. .tagmargin{margin-left:10px; margin-right:10px;}
  121.  
  122. /* --- QUOTES --- */
  123.  
  124. #quote{margin:5px 32px; text-transform:uppercase; font-size:14px; font-style:italic;}
  125.  
  126. #source{margin:3px 0 5px 50px; font-size:11px;}
  127.  
  128. #speechmark{padding-right:10px; margin:-12px 0 0 -37px; position:absolute; font-size:60px; font-family:georgia; font-weight:bold; color:{color:date and source}; opacity:0.5;}
  129.  
  130. #speechmarkk{padding-right:10px; margin:-18px 0 0 430px; position:absolute; font-size:60px; font-family:georgia; font-weight:bold; color:{color:date and source}; opacity:0.5;}
  131.  
  132. /* --- CHAT --- */
  133.  
  134. .user_1 {padding:3px;}
  135. .user_2 {padding:3px; font-weight:bold;}
  136.  
  137. /* --- ANSWER --- */
  138.  
  139. #question{width:490px; padding:5px; background-color:{color:tags background};}
  140.  
  141. .asker{margin-left:2px; margin-top:2px; font-size:10px; font-family:trebuchet ms; text-transform:uppercase; position:absolute;}
  142.  
  143. .qicon{padding:3px; margin:-5px 0 5px 25px;}
  144.  
  145. .line{width:490px; margin-top:5px; padding:5px; background-color:transparent; border-bottom:1px solid {color:tags background};}
  146.  
  147. .qtext{padding:5px;}
  148.  
  149. .triangle{margin-left:25px; margin-top:-18px; font-size:30px; color:{color:tags background};}
  150.  
  151. /* --- AUDIO --- */
  152.  
  153. #audiocontainer{width:500px; height:105px; margin-bottom:5px;}
  154.  
  155. .albumart{width:100px; height:100px; position:absolute;}
  156. .albumart img{width:100px; height:100px; float:left;}
  157.  
  158. .defaultalbum{width:100px; height:100px; position:absolute;}
  159. .defaultalbum img{width:100px; height:100px; float:left;}
  160.  
  161. .audioinfo{padding:1px 3px; margin:0 0 6px 100px; text-transform:uppercase; font-size:10px; border-left:13px solid {color:date and source};}
  162. .audioinfo:hover{border-left:20px solid {color:date and source}; -webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s;}
  163.  
  164. .audioinfotwo{padding:1px 3px; margin:0 0 6px 100px; text-transform:uppercase; font-size:10px; border-left:13px solid {color:notes};}
  165. .audioinfotwo:hover{border-left:20px solid {color:notes}; -webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s;}
  166.  
  167. .margin{margin-bottom:1px;}
  168.  
  169. .player{margin-left:100px; margin-top:9px; float:left;}
  170.  
  171. .playcount{font-style:italic; opacity:0.5; margin-left:5px; text-transform:lowercase;}
  172.  
  173. /* --- PERMALINK NOTES PAGE --- */
  174.  
  175. #postnotes{width:500px; padding:10px; margin:-20px auto 25px auto; font-size:10px; background-color:{color:post}; letter-spacing:1px;}
  176. #postnotes a{margin-top:3px;}
  177.  
  178. ol.notes li.note {border-bottom: solid 1px {color:tags background}; padding:3px;}
  179.  
  180. ol.notes li.note img.avatar {vertical-align:-4px; margin-right:6px; width:16px; height:16px;}
  181.  
  182. /* --- CREDIT --- */
  183.  
  184. #credit{bottom:20px; left:40px; position:fixed;}
  185. #credit a{text-transform:lowercase; letter-spacing:1px; font-family:trebuchet ms; font-size:10px; color:{color:blog title};}
  186.  
  187. </style>
  188.  
  189.     </head>
  190.  
  191.    <body>
  192.  
  193. <div id="sidelinks">
  194. <a href="/">home</a>
  195. <a href="/ask">message</a>
  196. {block:ifShowArchiveLink}<a href="/archive">archive</a>{/block:ifShowArchiveLink}
  197. {block:ifLink1}<a href="{text:Link 1}">{text:Link 1 Title}</a>{/block:ifLink1}
  198. {block:ifLink2}<a href="{text:Link 2}">{text:Link 2 Title}</a>{/block:ifLink2}
  199. {block:ifLink3}<a href="{text:Link 3}">{text:Link 3 Title}</a>{/block:ifLink3}
  200. {block:ifLink4}<a href="{text:Link 4}">{text:Link 4 Title}</a>{/block:ifLink4}
  201. {block:ifLink5}<a href="{text:Link 5}">{text:Link 5 Title}</a>{/block:ifLink5}
  202. {block:ifLink6}<a href="{text:Link 6}">{text:Link 6 Title}</a>{/block:ifLink6}
  203. </div>
  204.  
  205. <div id="sidebar">
  206.  
  207. <div id="blogtitle"><a href="/">{Title}</a></div>
  208.  
  209. <div id="sidebarimage">{block:IfSidebarImage}<a href="/"><img src="{image:sidebar}"/></a>{/block:IfSidebarImage}</div>
  210.  
  211. <div id="desc">{block:Description}{Description}{/block:Description}</div>
  212.  
  213. {block:Pagination}
  214. <div id="pagination">
  215. {block:PreviousPage}<a href="{PreviousPage}">←</a>{/block:PreviousPage}
  216. {CurrentPage}/{TotalPages}
  217. {block:NextPage}<a href="{NextPage}">→</a>{/block:NextPage}
  218. </div>
  219. {/block:Pagination}
  220.  
  221. </div>
  222.  
  223. <div id="entries">
  224.  
  225.     {block:Posts}
  226.  
  227. {block:Date}
  228. <div id="date"><a href="{Permalink}">{DayOfMonth} {ShortMonth} {ShortYear}</a></div>
  229. <div id="notecount"><a href="{Permalink}">{NoteCountWithLabel}</a></div>
  230. <div id="postsource">
  231. {block:RebloggedFrom}<a href="{ReblogRootURL}">source</a>{/block:RebloggedFrom}
  232. {block:NotReblog}<a href="{Permalink}">{TimeAgo}</a>{/block:NotReblog}
  233. </div>
  234. {/block:Date}
  235.  
  236. <div id="post">
  237.  
  238.     {block:Text}
  239.  
  240. <div id="post text">
  241. {block:Title}
  242. <div id="title">{Title}</div>
  243. {/block:Title}
  244. {Body}
  245. </div>
  246.     {/block:Text}
  247.  
  248.     {block:Photo}
  249.  
  250. <div class="post photo">
  251. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}
  252. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  253. </div>
  254.     {/block:Photo}
  255.                
  256.     {block:Photoset}
  257.  
  258. <div class="post photoset">
  259. {Photoset-500}
  260. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  261. </div>
  262.     {/block:Photoset}
  263.  
  264.     {block:Quote}
  265.  
  266. <div id="quote"><div id="speechmark">“</div>{Quote}<div id="speechmarkk">”</div></div>
  267. {block:Source}<div id="source">— {Source}</div>{/block:Source}
  268.     {/block:Quote}
  269.  
  270.     {block:Link}
  271.  
  272. <div id="link">
  273. <a href="{URL}" class="link" {Target}>{Name}</a></div>
  274. {block:Description}
  275. <div class="description">{Description}</div>
  276. {/block:Description}            
  277.     {/block:Link}
  278.  
  279.     {block:Chat}
  280.  
  281. <div class="post chat">
  282. {block:Title}<h3><a href="{Permalink}">{Title}</a></h3>{/block:Title}
  283. <ul class="chat">
  284. {block:Lines}
  285. <div class="{Alt} user_{UserNumber}">
  286. {block:Label}
  287. <span class="label">{Label}</span>
  288. {/block:Label}
  289. {Line}
  290. </div>
  291. {/block:Lines}
  292. </ul>
  293. </div>
  294.     {/block:Chat}
  295.  
  296.     {block:Video}
  297.  
  298. <div id="post video">
  299. {Video-500}
  300. {block:Caption}
  301. <div class="caption">{Caption}</div>
  302. {/block:Caption}
  303. </div>
  304.     {/block:Video}
  305.  
  306.     {block:Audio}
  307.  
  308. <div id="post audio">
  309.  
  310. <div id="audiocontainer">
  311.  
  312. <div class="defaultalbum"><img src="http://static.tumblr.com/obmxjuf/yIflxy5ak/default.jpg"></div>
  313. <div class="albumart">{block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}</div>
  314.  
  315. {block:TrackName}<div class="audioinfo">{TrackName} <span class="playcount">({PlayCountWithLabel})</span></div>{/block:TrackName}
  316. {block:Artist}<div class="audioinfotwo">{Artist}</div>{/block:Artist}
  317. {block:Album}<div class="audioinfo">{Album}<div class="margin"></div></div>{/block:Album}
  318.  
  319. <div class="player">
  320. {block:IfWhiteAudioPlayer}{block:IfNotBlackAudioPlayer}{AudioPlayerWhite}{/block:IfNotBlackAudioPlayer}{/block:IfWhiteAudioPlayer}
  321. {block:IfBlackAudioPlayer}{block:IfNotWhiteAudioPlayer}{AudioPlayerBlack}{/block:IfNotWhiteAudioPlayer}{/block:IfBlackAudioPlayer}
  322. </div>
  323.  
  324. </div>
  325.  
  326. {block:Caption}
  327. <div id="caption">{Caption}</div>
  328. {/block:Caption}
  329. </div>
  330.     {/block:Audio}
  331.  
  332.     {block:Answer}
  333.  
  334. <div id="question"><div class="qtext">{Question}</div></div><div class="triangle">▼</div>
  335.  
  336. <span class="qicon"><img src="{AskerPortraitURL-24}"></span><span class="asker">{Asker}</span>
  337.  
  338. <div class="line"></div>
  339.  
  340. {Answer}
  341.  
  342.     {/block:answer}
  343.  
  344. {block:HasTags}<div id="tags"><div class="tagmargin">{block:Tags} #<a href="{TagURL}">{Tag}</a>{/block:Tags} </div></div>{/block:HasTags}
  345.  
  346. </div>
  347.  
  348.     {/block:Posts}
  349.  
  350.     {block:PostNotes}
  351. <div id="postnotes">{PostNotes}</div>
  352.     {/block:PostNotes}
  353.  
  354. </div>
  355.  
  356. <div id="credit"><a href="http://confunded.tumblr.com/">→ theme</a></div>
  357.  
  358.     </body>
  359.  
  360. </html>
create a new version of this paste RAW Paste Data