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

Direction's Perfection Theme (left sidebar) by bieberarts

By: bieberarts on Feb 11th, 2012  |  syntax: None  |  size: 9.38 KB  |  hits: 489  |  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. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4.  
  5. <!--
  6. "Direction's Perfection" theme made by kathia [http://bieberarts.tumblr.com/]
  7. Please don't remove the credit! :)
  8. -->
  9. <html>
  10. <head>
  11. <!-- DEFAULT VARIABLES -->
  12. <meta name="color:background" content="#DDCAB5" />
  13. <meta name="color:entry" content="#E7D9C8" />
  14. <meta name="color:sbar" content="#E7D9C8" />
  15. <meta name="color:navigation" content="#E7D9C8" />
  16. <meta name="color:info" content="#DDCAB5" />
  17. <meta name="color:slinks" content="#DDCAB5" />
  18.  
  19. <meta name="color:title" content="#000000" />
  20. <meta name="color:text" content="#000000" />
  21. <meta name="color:border" content="#775D3F" />
  22. <meta name="color:link" content="#964C42" />
  23. <meta name="color:link hover" content="#B96C62" />
  24. <meta name="font:title" content="georgia" />
  25. <meta name="font:body" content="arial" />
  26.  
  27. <meta name="image:sidebar" content=""/>
  28. <meta name="image:background" content="" />  
  29.  
  30. <meta name="text:Link1" content="" />
  31. <meta name="text:Link1 Title" content="" />
  32. <meta name="text:Link2" content="" />
  33. <meta name="text:Link2 Title" content="" />
  34. <meta name="text:Link3" content="" />
  35. <meta name="text:Link3 Title" content="" />
  36. <meta name="text:Link4" content="" />
  37. <meta name="text:Link4 Title" content="" />
  38. <meta name="text:Link5" content="" />
  39. <meta name="text:Link5 Title" content="" />
  40.  
  41.  
  42. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>{Title}{block:SearchPage}, Search results for: {SearchQuery}{/block:SearchPage}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}<link rel="shortcut icon" href="{Favicon}" /><link rel="alternate" type="application/rss+xml" href="{RSS}" /><style type="text/css">
  43.  
  44.  
  45.  
  46. ::-webkit-scrollbar-thumb:vertical {background-color:{color:border}; height:30px;}
  47. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:entry}; height:10px!important;}
  48. ::-webkit-scrollbar {background-color:{color:info}; height:10px; width:12px;}
  49.  
  50.  
  51.  
  52. body {
  53. color:{color:text};
  54. background-color:{color:background};
  55. background-image: url('{image:background}');
  56. background-position:center;
  57. background-attachment:fixed;
  58. background-repeat:no-repeat;
  59. font-size:10px;
  60. font-family:{font:body};
  61. line-height:110%;
  62. text-align:justify}
  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. #entries {margin-left:525px; margin-top:10px; width:510px}
  68.  
  69. #posts{background-color: {color:entry}; margin-bottom:5px; padding:3px;}
  70.  
  71. #title {margin-top:5px; font-size: 16px; font-family:{font:title}; color:{color:title}; text-align:center;}
  72. #title a:hover {-webkit-transition:0.3s linear; font-style:italic;}
  73.  
  74. #navigation {margin-top:55px; position:fixed; float:left; margin-left:379px; width:80px;}
  75. #navigation a:hover {-webkit-transition:0.3s linear;}
  76. .nav a {display:block; width:80px; font-size:10px; font-family:{font:Body}; background-color:{color:navigation}; color:{color:text}; text-align:center; padding:4px 0px 4px 0px; margin-left:3px; margin-bottom:2px; border-right: 1px solid {color:border};}
  77. .nav a:hover {border-right:{color:border} 3px solid; text-align:center; text-transform: lowercase; -webkit-transition: opacity 0.8s linear;opacity: 0.8s;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;  padding-left: 8px;}
  78.  
  79. #sidebarimg img {max-width: 260px; margin-left:5px; margin-top:5px; height: auto; text-align:center;}
  80.  
  81. #description {max-width:260px; margin-left:5px; margin-top:8px; margin-bottom:-2px; text-align:center;  font-family:{font:body}; font-size:10px;}
  82.  
  83. #sbar {width:270px; height:auto; margin-left:110px; margin-top:58px; position:fixed; overflow:hidden; background-color: {color:sbar}; border-top-left-radius:0px; {color:border} solid; border-right:2px {color:border} solid; -moz-border-radius: 5px; border-radius: 5px;}
  84.  
  85. #pagination {margin-left:125px; margin-top: 10px; position:fixed; font-family:{font:body}; font-size: 45px; text-align: center; color:{color:text};}
  86.  
  87. h1 {color:{color:title}; font-family:{font:title}; font-size:16px; line-height:17px; letter-spacing:0px; font-weight:normal; margin:0px; padding:0px; text-align:left;}
  88.  
  89. h2 {color:{color:title}; font-family:{font:title}; font-size:13px; line-height:14px; letter-spacing:0px; font-weight:normal; margin:0px; padding:0px; margin-bottom:-0px; font-style: italic; text-align:left;}
  90.  
  91. #info {background-color:{color:info}; margin:-8px 1px -3px 1px; font-family:{font:body}; font-size:9px; text-transform: lowercase; color:{color:text}; letter-spacing: 0px; text-align:left; padding:2px; -moz-border-radius: 2px; border-radius: 2px;}
  92.  
  93. #tags {background-color:transparent; font-family:{font:text}; text-align:left; maring-top:-10px; margin-bottom:-2px; margin-right:2px; padding:3px; text-transform:lowercase; letter-spacing:0px; font-style:normal; font-size:9px;}
  94.  
  95. #slinks {width:260px; margin-left:5px; margin-top: 0px; margin-bottom: 0px; background:{color:slinks};  padding:6px 0px 8px 0px; text-align:center; font-size:10px; font-family:(font:body};}
  96. #slinks a{width:270px; background:{color:slinks}; font-family:{fon:body}; text-align:center;}
  97. #slinks a:hover {-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
  98.  
  99. #question {font-size: 10px; background-color:{color:info};  border-top-right-radius:2px; border-top-left-radius:2px; color:{color:text};margin-bottom:0px;
  100. padding: 10px; border-bottom:1px {color:border} solid;}
  101.  
  102. blockquote {border-left:2px {color:body} solid; padding-left:5px; margin:0px 2px 0px 10px}
  103. blockquote img, blockquote a img {max-width: 490px}
  104.  
  105. b, strong{color:{color:border};}
  106. i, em {color:{color:border};}
  107. p{margin-top:3px; margin-bottom:3px}
  108.  
  109. img a{border:none}
  110. .audio{background-color:black; display:block;}
  111.  
  112. .user_1 .label {color:{color:Body text}; font-weight:bold}
  113. .user_2 .label {color:{color:titlebar border}; font-weight:bold}
  114. ul.chat, .chat ol, .chat li {list-style:none; margin:0px; padding:0px}
  115.  
  116. #notes {font-weight:normal}
  117. #notes li {padding-bottom:0.5em}
  118. #notes li img.avatar {vertical-align:-4px; margin-right:5px; width:16px; height:16px; border-radius:2px;}
  119.  
  120. </style>
  121. <style type="text/css">{CustomCSS}</style>
  122. </head>
  123.  
  124. <body>
  125.  
  126. <div id="sbar">
  127. <div id="title"><a href="/">{Title}</a></div>
  128. <div id="sidebarimg"><img src="{image:sidebar}"/></div>
  129. <div id="slinks"> {block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a> › {/block:ifLink1} {block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a> › {/block:ifLink2} {block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a> › {/block:ifLink3} {block:ifLink4}<a href="{text:Link4}">{text:Link4 Title}</a> › {/block:ifLink4} {block:ifLink5}<a href="{text:Link5}">{text:Link5 Title}</a> {/block:ifLink5} </div>
  130.  
  131. <div id="description">
  132. {block:Description}{Description}{/block:Description}
  133. </div><br>
  134.  
  135. <div id="pagination">{block:PreviousPage}<a href="{PreviousPage}">«</a> &nbsp;{/block:PreviousPage}{block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}</div>
  136. </div>
  137.  
  138.  
  139. </div></div>
  140. <br>
  141.  
  142. <div id="navigation"><div class="nav">
  143. <a href="/">home</a>
  144. <a href="/ask">message</a>
  145. <a href="http://bieberarts.tumblr.com/tagged/themes">theme ©</a>
  146. </div>
  147. <br>
  148. </div>
  149.  
  150. <div id="entries">
  151. {block:Posts}
  152. <div id="posts">
  153. {block:Quote}<h2>"{Quote}"&nbsp; - {Source}</h2>{/block:Quote}
  154. {block:Title}<h1>{Title}&nbsp;</h1>{/block:Title}
  155. {block:Text}{Body}{/block:Text}
  156.  
  157. {block:Link}<a href="{URL}" class="link" {Target}><h1>{Name}&nbsp;</h1></a>
  158. {block:Description}<P>{Description}</p>{/block:Description}{/block:Link}
  159.  
  160. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  161. {block:Photoset}<center>{Photoset-500}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  162.  
  163. {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}
  164.  
  165. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  166.  
  167. {block:Answer}<div><div id="asker"></div><div id="question"><div id="asked">{Asker} said, {Question}</div> </div>{answer}</div>{/block:answer}
  168.  
  169. {block:Audio}<span class="audio"><center>{AudioPlayerBlack}</center></span>{block:Caption}{Caption}{/block:Caption}{/block:Audio}<br>
  170.  
  171. <div id="info">
  172. {block:Date}posted <a href="{Permalink}">{TimeAgo}</a>{/block:Date}{block:NoteCount} with <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount} {block:RebloggedFrom} via <a href="{ReblogParentURL}"><a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}
  173. {block:ContentSource}|  © <a href="{SourceURL}">{SourceLink}</a>
  174. {/block:ContentSource}
  175. </div>
  176.  
  177. <div id="tags">
  178. {block:HasTags}{block:Tags}#<a href="{TagUrl}">{Tag}</a> {/block:Tags}{/block:HasTags}</div>
  179. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  180. </div>
  181. <br>
  182.  
  183. </body>
  184. </html>
create a new version of this paste RAW Paste Data