Advertisement
kidrauhl

flawlity theme #8

Dec 16th, 2011
21,125
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, #8 Colors combination. -->
  11.  
  12. <meta name="color:Body text" content="#DBC2BA" />
  13. <meta name="color:Link" content="#E88796" />
  14. <meta name="color:Link hover" content="#F5B9AF" />
  15. <meta name="color:Scrollbar and Borders" content="#665C61" />
  16.  
  17. <meta name="color:Background" content="#3D3539" />
  18. <meta name="color:Permalink Background" content="#3D3539" />
  19. <meta name="color:Reblog Button Background" content="#3D3539" />
  20. <meta name="color:Description Links background" content="#3D3539" />
  21. <meta name="color:Credit Background" content="#3D3539" />
  22.  
  23. <meta name="color:Entry Background" content="#473F43" />
  24. <meta name="color:Sidebar Background" content="#3D3539" />
  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.  
  55. <style type="text/css">
  56.  
  57. 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%}
  58.  
  59. b, .strong, strong {color:{color:scrollbar and borders}}
  60. p {margin-top:5px; margin-bottom:5px}
  61. blockquote {margin:0.5em 0px; padding-left:10px; border-left:2px solid {color:scrollbar and borders}; font-size:9px}
  62. blockquote {padding:0px 0px 0px 5px; margin:0px 0px 0px 1px; border-left: 2px solid {color:scrollbar and borders}}
  63.  
  64. 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}
  65. 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}
  66.  
  67. 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}
  68. h1 a:hover {color:{color:Link hover}}
  69.  
  70. #layout {width:900px; margin:35px auto -10px auto}
  71. #contents {float:right; width:500px; margin:-5px 26px 0px 0px}
  72. #entries {background-color:{color:Entry Background}; width:500px; margin:13px 0 0px 0; padding:6px}
  73.  
  74. #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}
  75. #leftside {float:left; width:0px; text-align:center; position:absolute}
  76. #rightside {background-color:{color:Sidebar Background}; width:248px; margin-left:76px; text-align:justify}
  77.  
  78. #portrait {padding:5px 5px 5px 5px; background-color:{color:Sidebar Background}}
  79. #portrait img {max-width:238px; height:auto;}
  80. #description {padding: 2px 5px 5px 5px; text-align:justify; font-family:{font:Text}; font-size:10px;}
  81. .pagination {font-family:{font:Links}; font-size:10px; text-transform:uppercase; text-align:center; padding:3px; line-height:12px; margin-top:7px}
  82. .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} }
  83.  
  84. #navigation {margin-top:5px; float:left; margin-left:-46px; width:100px}
  85. #navigation a:hover {-webkit-transition:0.3s linear}
  86. .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}
  87. .nav a:hover {opacity:0.7;}
  88.  
  89. #linky {background-color:{color:Description Links Background}; width:100%; margin-bottom:4px; padding:3px 0 3px 0; text-align:center}
  90. #linky a {color:{color:Link}!important; font-family:{font:Links}; font-size:9px; font-weight:normal; font-style:italic}
  91. #linky a:hover {color:{color:Link hover}!important; text-decoration:none}
  92.  
  93. .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}
  94. #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}
  95. #photobox a {color:{color:text}!important; text-decoration:none; -webkit-transition-duration:.2s}
  96.  
  97. #askr {display:block; float:left; width:25px; overflow:hidden; margin-right:3px}
  98. #question {overflow:show; line-height:130%; margin-top:-4px; padding:3px; padding-top:0px; padding-bottom:0px; border-bottom:1px dotted {color:background}}
  99.  
  100. #permalink {background-color:{color:Permalink Background}; margin:6px 0px 0px 0px; padding:3px; display:block; opacity:1; font-size:9px; text-transform:lowercase}
  101. #permalink a {color:{color:Link}}
  102. #permalink a:hover {color:{color:Link hover}}
  103.  
  104. #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;}
  105.  
  106. #_ {padding:10px 10px 5px 10px}
  107. .qu {font-family:georgia; font-size:40px; font-weight:bold; line-height:33px; opacity:0.7}
  108. .ote {margin-top:-34px; text-indent:25px; opacity:0.9}
  109.  
  110. .user_1 .label {color:{color:Body text}; font-weight:bold}
  111. .user_2 .label {color:{color:Scrollbar and Borders}; font-weight:bold}
  112. ul.chat, .chat ol, .chat li {list-style:none; margin:0px; padding:0px}
  113.  
  114. #notes {font-weight:normal}
  115. #notes li {padding-bottom:0.5em}
  116. #notes li img.avatar {vertical-align:-4px; margin-right:5px; width:16px; height:16px; border-radius:8px}
  117.  
  118. iframe input, iframe submit, iframe textarea, iframe div, iframe table {background-color:transparent!important; z-index:-1}
  119.  
  120. ::-webkit-scrollbar-thumb:vertical {background-color:{color:Scrollbar and Borders}; height:50px;}
  121. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:Scrollbar and Borders}; height:10px!important;}
  122. ::-webkit-scrollbar {background-color:#ffffff; height:10px; width:10px;}
  123. ::-moz-selection {background-color:transparent; color:{color:Link};}
  124. ::selection {background-color:transparent; color:{color:link};}
  125.  
  126. </style>
  127. <style type="text/css">{CustomCSS}</style>
  128.  
  129. </head>
  130.  
  131. <body>
  132. <div id="layout">
  133. <div id="sidebar">
  134. <div id="leftside">
  135.  
  136. <div id="navigation"><div class="nav">
  137. <a href="{text:sidebar link 1 url}">{text:sidebar link 1}</a>
  138. <a href="{text:sidebar link 2 url}">{text:sidebar link 2}</a>
  139. <a href="{text:sidebar link 3 url}">{text:sidebar link 3}</a></div>
  140.  
  141. <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>
  142.  
  143. <div id="rightside">
  144. <div id="portrait">
  145. <center><img src="{image:Sidebar Portrait}"/></center></div>
  146.  
  147. <div id="description">
  148. <div id="linky">
  149. <a href="{text:description link 1 url}">{text:description link 1}</a> -
  150. <a href="{text:description link 2 url}">{text:description link 2}</a> -
  151. <a href="{text:description link 3 url}">{text:description link 3}</a></div>
  152.  
  153. {Description}<br></div>
  154. <div class="credit"><a href="http://kidrauhl.tumblr.com/tagged/themes">© theme</a></div></div></div>
  155.  
  156. <div id="contents">
  157. {block:Posts}
  158. <div id="entries">
  159.  
  160. {block:Text}{block:Title}<h1>{Title}</h1>{/block:title}{body}{/block:Text}
  161. {block:Link}<a href="{url}"><h1>{Name}</h1></a> {block:Description}{Description}{/block:Description}{/block:Link}
  162.  
  163. {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>
  164. {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  165.  
  166. {block:Photoset}<center>{Photoset-500}</center>
  167. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  168.  
  169. {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}
  170.  
  171. {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}
  172.  
  173. {block:Audio}<div id="_">{block:AlbumArt}<img src="{AlbumArtURL}" width="170px" height="170px" align="left" style="margin-right:10px" />{/block:AlbumArt}{AudioPlayerBlack}<br>
  174. {block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  175. {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  176. {block:ExternalAudio}<b>Download:</b> <a href="{ExternalAudioURL}">click here</a><br />{/block:ExternalAudio}<b>Played:</b> {PlayCount} times
  177. {block:Caption}{Caption}{/block:Caption}<br clear="all" /></div> {/block:Audio}
  178.  
  179. {block:Video}{Video-500}<br /> {block:Caption}{Caption}{/block:Caption}{/block:Video}
  180.  
  181. {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}
  182.  
  183. <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}
  184. © <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>
  185.  
  186. {block:HasTags}<div id="tags">{block:Tags}<font color="{color:text}">#</font><a href="{TagURL}">{Tag} </a> {/block:Tags} </div> {/block:HasTags}
  187. <br>{/block:posts}
  188. {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>
  189. <br /><div id="notes">{PostNotes}</div><br>{/block:PostNotes}</div>
  190.  
  191. </body>
  192. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement