Advertisement
kidrauhl

flawlity theme #4

Dec 16th, 2011
10,516
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.34 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3.  
  4. <!-- Flawlity Theme by anne (kidrauhl.tumblr.com)
  5. don't edit, distribute or claim as your own. -->
  6.  
  7. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  8. <head>
  9.  
  10. <!-- Default Variables, #4 Colors combination. -->
  11.  
  12. <meta name="color:Body text" content="#b17e7e" />
  13. <meta name="color:Link" content="#8D4949" />
  14. <meta name="color:Link hover" content="#CFAA9B" />
  15. <meta name="color:Scrollbar and Borders" content="#8D4949" />
  16.  
  17. <meta name="color:Background" content="#fdf7f3" />
  18. <meta name="color:Permalink Background" content="#fdf7f3" />
  19. <meta name="color:Reblog Button Background" content="#fdf7f3" />
  20. <meta name="color:Description Links background" content="#FCF1E9" />
  21. <meta name="color:Credit Background" content="#FCF1E9" />
  22.  
  23. <meta name="color:Entry Background" content="#FCEEDE" />
  24. <meta name="color:Sidebar Background" content="#fdf7f3" />
  25.  
  26. <meta name="font:Text" content="arial" />
  27. <meta name="font:Links" content="georgia" />
  28.  
  29. <meta name="image:Background" content="" />
  30. <meta name="image:Sidebar Portrait" content="" />
  31. <meta name="text:Background Position" content="top left" />
  32.  
  33. <!-- Customizable Links -->
  34.  
  35. <meta name="text:sidebar link 1" content="Home" />
  36. <meta name="text:sidebar link 1 url" content="/" />
  37. <meta name="text:sidebar link 2" content="Message" />
  38. <meta name="text:sidebar link 2 url" content="/ask" />
  39. <meta name="text:sidebar link 3" content="Archive" />
  40. <meta name="text:sidebar link 3 url" content="/archive" />
  41.  
  42. <meta name="text:description link 1" content="link 1" />
  43. <meta name="text:description link 1 url" content="/" />
  44. <meta name="text:description link 2" content="link 2" />
  45. <meta name="text:description link 2 url" content="/" />
  46. <meta name="text:description link 3" content="link 3" />
  47. <meta name="text:description link 3 url" content="/" />
  48.  
  49. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  50. <title>{Title}{block:SearchPage}, Search results for: {SearchQuery}{/block:SearchPage}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  51. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  52. <link rel="shortcut icon" href="{Favicon}" />
  53. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  54. <style type="text/css">
  55.  
  56. body {background: {color:Background} url('{image:Background}') no-repeat fixed {text:Background Position}; color:{color:Body text}; font-family:{font:Text}; font-size:10px; line-height:110%}
  57.  
  58. b, .strong, strong {color:{color:scrollbar and borders}}
  59. p {margin-top:5px; margin-bottom:5px}
  60. blockquote {margin:0.5em 0px; padding-left:10px; border-left:2px solid {color:scrollbar and borders}; font-size:9px}
  61. blockquote {padding:0px 0px 0px 5px; margin:0px 0px 0px 1px; border-left: 2px solid {color:scrollbar and borders}}
  62.  
  63. 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}
  64. a:hover {text-decoration:none; color:{color:Link hover};-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;transition: all 0.3s ease-out}
  65.  
  66. h1 {color:{color:Body text}; font-family:{font:Links}; font-size:13px; line-height:11px; font-weight:normal; letter-spacing:-1px; padding:2px 1px 0px 1px; margin-top:-1px}
  67. h1 a:hover {color:{color:Link hover}}
  68.  
  69. #layout {width:900px; margin:35px auto -10px auto}
  70. #contents {float:right; width:500px; margin:-5px 26px 0px 0px}
  71. #entries {background-color:{color:Entry Background}; width:500px; margin:13px 0 0px 0; padding:6px}
  72.  
  73. #sidebar {float:left; margin:0px 50px 0px 0px; width:320px; margin-top:125px; position:fixed; padding:10px 20px 10px 10px; overflow:show; z-index:999}
  74. #leftside {float:left; width:0px; text-align:center; position:absolute}
  75. #rightside {background-color:{color:Sidebar Background}; width:248px; margin-left:76px; text-align:justify}
  76.  
  77. #portrait {padding:5px 5px 5px 5px; background-color:{color:Sidebar Background}}
  78. #portrait img {max-width:238px; height:auto;}
  79. #description {padding: 2px 5px 5px 5px; text-align:justify; font-family:{font:Text}; font-size:10px;}
  80. .pagination {font-family:{font:Links}; font-size:10px; text-transform:uppercase; text-align:center; padding:3px; line-height:12px; margin-top:7px}
  81. .credit {background-color:{color:Credit Background}; text-align:right; margin-top:4px; padding:4px 5px 4px 0;opacity:1; font-size:9px; text-transform:lowercase; font-family:{font:Links} }
  82.  
  83. #navigation {margin-top:5px; float:left; margin-left:-46px; width:100px}
  84. #navigation a:hover {-webkit-transition:0.3s linear}
  85. .nav a {display:block; background-color:{color:Entry Background}; margin:2px 0 2px 0; font-size:9px; font-family:{font:Links}; text-transform:lowercase; color:{color:Body text}; text-decoration:none; text-align:right; padding:3px; letter-spacing:1px; border-right:{color:Scrollbar and Borders} 2px solid; opacity:0.9}
  86. .nav a:hover {opacity:0.7;}
  87.  
  88. #linky {background-color:{color:Description Links Background}; width:100%; margin-bottom:4px; padding:3px 0 3px 0; text-align:center}
  89. #linky a {color:{color:Link}!important; font-family:{font:Links}; font-size:9px; font-weight:normal; font-style:italic}
  90. #linky a:hover {color:{color:Link hover}!important; text-decoration:none}
  91.  
  92. .entry:hover #photobox {-webkit-transition:opacity 0.3s linear; opacity:1; -webkit-transition:all 0.4s ease-out; -moz-transition:all 0.4s ease-out; transition:all 2s ease-out}
  93. #photobox {position:absolute; margin-top:-30px; margin-left:410px; opacity:00; background-color:{color:Reblog Button Background}; padding:6px; -webkit-transition:opacity 0.3s linear; -webkit-transition:all 0.4s ease-out; -moz-transition:all 0.4s ease-out; transition:all 2s ease-out; font-family:{font:links}; font-size:9px; font-weight:normal; font-style:italic; z-index:1; height:7.5px; width:70px; text-align:center; color:{color:text}!important; box-shadow:0.5px 0.5px 0.5px 0.5px {color:Reblog Button Background}; -moz-box-shadow:1px 1px 1px 1px {color:Reblog Button Background}; line-height:8px}
  94. #photobox a {color:{color:text}!important; text-decoration:none; -webkit-transition-duration:.2s}
  95.  
  96. #askr {display:block; float:left; width:25px; overflow:hidden; margin-right:3px}
  97. #question {overflow:show; line-height:130%; margin-top:-4px; padding:3px; padding-top:0px; padding-bottom:0px; border-bottom:1px dotted {color:background}}
  98.  
  99. #permalink {background-color:{color:Permalink Background}; margin:6px 0px 0px 0px; padding:3px; display:block; opacity:1; font-size:9px; text-transform:lowercase}
  100. #permalink a {color:{color:Link}}
  101. #permalink a:hover {color:{color:Link hover}}
  102.  
  103. #tags {background-color:transparent; font-family:{font:links}; text-align:right; margin-right:-10px; padding:3px; opacity:0.7; text-transform:lowercase; letter-spacing:0px; font-style:italic; font-size:9px;}
  104.  
  105. #_ {padding:10px 10px 5px 10px}
  106. .qu {font-family:georgia; font-size:40px; font-weight:bold; line-height:33px; opacity:0.7}
  107. .ote {margin-top:-34px; text-indent:25px; opacity:0.9}
  108.  
  109. .user_1 .label {color:{color:Body text}; font-weight:bold}
  110. .user_2 .label {color:{color:Scrollbar and Borders}; font-weight:bold}
  111. ul.chat, .chat ol, .chat li {list-style:none; margin:0px; padding:0px}
  112.  
  113. #notes {font-weight:normal}
  114. #notes li {padding-bottom:0.5em}
  115. #notes li img.avatar {vertical-align:-4px; margin-right:5px; width:16px; height:16px; border-radius:8px}
  116.  
  117. iframe input, iframe submit, iframe textarea, iframe div, iframe table {background-color:transparent!important; z-index:-1}
  118.  
  119. ::-webkit-scrollbar-thumb:vertical {background-color:{color:Scrollbar and Borders}; height:50px;}
  120. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:Scrollbar and Borders}; height:10px!important;}
  121. ::-webkit-scrollbar {background-color:#ffffff; height:10px; width:10px;}
  122. ::-moz-selection {background-color:transparent; color:{color:Link};}
  123. ::selection {background-color:transparent; color:{color:link};}
  124.  
  125. </style>
  126. <style type="text/css">{CustomCSS}</style>
  127.  
  128. </head>
  129.  
  130. <body>
  131. <div id="layout">
  132. <div id="sidebar">
  133. <div id="leftside">
  134.  
  135. <div id="navigation"><div class="nav">
  136. <a href="{text:sidebar link 1 url}">{text:sidebar link 1}</a>
  137. <a href="{text:sidebar link 2 url}">{text:sidebar link 2}</a>
  138. <a href="{text:sidebar link 3 url}">{text:sidebar link 3}</a></div>
  139.  
  140. <div class="pagination">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">« </a>{/block:PreviousPage}{CurrentPage}/ {TotalPages}{block:NextPage}<a href="{NextPage}"> »</a>{/block:NextPage} {/block:Pagination}</div></div></div>
  141.  
  142. <div id="rightside">
  143. <div id="portrait">
  144. <center><img src="{image:Sidebar Portrait}"/></center></div>
  145.  
  146. <div id="description">
  147. <div id="linky">
  148. <a href="{text:description link 1 url}">{text:description link 1}</a> -
  149. <a href="{text:description link 2 url}">{text:description link 2}</a> -
  150. <a href="{text:description link 3 url}">{text:description link 3}</a></div>
  151.  
  152. {Description}<br></div>
  153. <div class="credit"><a href="http://kidrauhl.tumblr.com/tagged/themes">© theme</a></div></div></div>
  154.  
  155. <div id="contents">
  156. {block:Posts}
  157. <div id="entries">
  158.  
  159. {block:Text}{block:Title}<h1>{Title}</h1>{/block:title}{body}{/block:Text}
  160. {block:Link}<a href="{url}"><h1>{Name}</h1></a> {block:Description}{Description}{/block:Description}{/block:Link}
  161.  
  162. {block:Photo}<div id="posts"><a href="{permalink}"><div class="entry"><img src="{PhotoURL-500}" width="500px"/></a>{block:IndexPage}<div id="photobox"> <a href="{ReblogURL}" target="_blank"><font color={color:Body text}>reblog</font></a></div>{/block:IndexPage}</div></div>
  163. {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  164.  
  165. {block:Photoset}<center>{Photoset-500}</center>
  166. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  167.  
  168. {block:Quote}<b class="qu">“</b><div class="ote"><h1>{Quote}</h1></div><div style="padding-bottom:5px;"><div style="text-align:right">— {Source} </div></div>{/block:Quote}
  169.  
  170. {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}
  171.  
  172. {block:Audio}<div id="_">{block:AlbumArt}<img src="{AlbumArtURL}" width="170px" height="170px" align="left" style="margin-right:10px" />{/block:AlbumArt}{AudioPlayerBlack}<br>
  173. {block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  174. {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  175. {block:ExternalAudio}<b>Download:</b> <a href="{ExternalAudioURL}">click here</a><br />{/block:ExternalAudio}<b>Played:</b> {PlayCount} times
  176. {block:Caption}{Caption}{/block:Caption}<br clear="all" /></div> {/block:Audio}
  177.  
  178. {block:Video}{Video-500}<br /> {block:Caption}{Caption}{/block:Caption}{/block:Video}
  179.  
  180. {block:Answer}<div id="_"><div id="askr"><img src="{AskerPortraitURL-30}" width="22" align="left" style="margin-right:5px;" /></div><div id="question"><div id="asked">{Asker} asked:<br>{Question}</div> </div>{answer}</div>{/block:answer}
  181.  
  182. <div id="permalink">{block:Date}{block:answer}answered {/block:answer}{block:photo}{block:RebloggedFrom}reblogged {/block:RebloggedFrom} {block:NotReblog} Posted{/block:NotReblog} {/block:photo}{block:text}{block:RebloggedFrom}reblogged {/block:RebloggedFrom} {block:NotReblog} Posted{/block:NotReblog} {/block:text}{block:audio}{block:RebloggedFrom}reblogged {/block:RebloggedFrom} {block:NotReblog} Posted{/block:NotReblog} {/block:audio}{block:video}{block:RebloggedFrom}reblogged {/block:RebloggedFrom} {block:NotReblog} Posted{/block:NotReblog} {/block:video}{block:quote}{block:RebloggedFrom}reblogged {/block:RebloggedFrom} {block:NotReblog} Posted{/block:NotReblog} {/block:quote}{block:chat}{block:RebloggedFrom}reblogged {/block:RebloggedFrom} {block:NotReblog} Posted{/block:NotReblog} {/block:chat}{block:photoset}{block:RebloggedFrom}reblogged {/block:RebloggedFrom} {block:NotReblog} Posted{/block:NotReblog} {/block:photoset}{block:link}{block:RebloggedFrom}reblogged {/block:RebloggedFrom} {block:NotReblog} Posted{/block:NotReblog} {/block:link}<a href="{Permalink}">{timeago}</a>{/block:Date}{block:NoteCount}, with <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}<div style="float:right">{block:ContentSource}
  183. © <a href="{SourceURL}">{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}"/> {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a>{/block:ContentSource}</div></div></div>
  184.  
  185. {block:HasTags}<div id="tags">{block:Tags}<font color="{color:text}">#</font><a href="{TagURL}">{Tag} </a> {/block:Tags} </div> {/block:HasTags}
  186. <br>{/block:posts}
  187. {block:PostNotes}<center>{block:RebloggedFrom}Reblogged from: <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom},{block:ContentSource} Original posted by: <a href="{SourceURL}">{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}"alt="{SourceTitle}"/>{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a>{/block:ContentSource}</center>
  188. <br /><div id="notes">{PostNotes}</div><br>{/block:PostNotes}</div>
  189.  
  190. </body>
  191. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement