Advertisement
joshdevines

Theme #013

Nov 9th, 2012
17,708
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.95 KB | None | 0 0
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
  2.  
  3. <head>
  4.  
  5. <!-- THEME #13/WESTARK -->
  6.  
  7. <!-- DEFAULT VARIABLES -->
  8. <meta name="color:background" content="#FCFCFC" />
  9. <meta name="color:text" content="#B8B8B8" />
  10. <meta name="color:entry" content="#707070" />
  11. <meta name="color:link" content="#707070" />
  12. <meta name="color:linkblock" content="#F3F2F1" />
  13. <meta name="color:linkhover" content="#E9E7E6" />
  14. <meta name="color:scrollbar" content="#F3F2F1" />
  15. <meta name="color:scrollbg" content="#FCFCFC" />
  16.  
  17. <meta name="font:title" content="calibri" />
  18. <meta name="font:body" content="calibri" />
  19.  
  20. <meta name="image:sidebar" content=""/>
  21. <meta name="image:background" content="" />
  22.  
  23. <!-- LINKS -->
  24. <meta name="text:link 1" content="link 1" />
  25. <meta name="text:link 1 url" content="/" />
  26. <meta name="text:link 2" content="link 2" />
  27. <meta name="text:link 2 url" content="/" />
  28. <meta name="text:link 3" content="link 3" />
  29. <meta name="text:link 3 url" content="/" />
  30. <meta name="text:link 4" content="link 4" />
  31. <meta name="text:link 4 url" content="/" />
  32. <meta name="text:link 5" content="link 5" />
  33. <meta name="text:link 5 url" content="/" />
  34.  
  35. <!-- IF SHOWS -->
  36. <meta name="if:Show Link1" content="1"/>
  37. <meta name="if:Show Link2" content="1"/>
  38. <meta name="if:Show Link3" content="1"/>
  39. <meta name="if:Show Link4" content="1"/>
  40. <meta name="if:Show Link5" content="1"/>
  41.  
  42. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  43. <title>{Title}</title>
  44. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  45. <link rel="shortcut icon" href="{Favicon}" />
  46. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  47.  
  48. <style type="text/css">
  49.  
  50. ::-webkit-scrollbar {width: 10px; height:auto; background:{color:scrollbg}}
  51.  
  52. ::-webkit-scrollbar-corner {background:{color:scrollbg}}
  53.  
  54. ::-webkit-scrollbar-button:vertical {height:4px; display: block; background:{color:scrollbar}}
  55.  
  56. ::-webkit-scrollbar-button:horizontal {width: 7px; height: 4px; display: block; background:{color:scrollbar}}
  57.  
  58. ::-webkit-scrollbar-thumb:vertical {background:{color:scrollbar}; border-top: 1px solid {color:scrollbg}; border-bottom: 1px solid {color:scrollbg}}
  59.  
  60. ::-webkit-scrollbar-thumb:horizontal {background: {color:scrollbg}; border: 0px solid {color:scrollbg}}
  61.  
  62. ::-webkit-scrollbar-thumb {background: {color:scrollbar}; border-top: 0pt solid {color:scrollbg}; border-bottom: 0pt solid {color:scrollbg}}
  63.  
  64. ::-webkit-scrollbar-thumb:hover {background: {color:scrollbar}; cursor:url(http://i53.tinypic.com/zycxmw.png), auto}
  65.  
  66. ::-webkit-scrollbar-track-piece {background: {color:scrollbg}; border-top: 1pt solid {color:scrollbg}; border-bottom: 1pt solid {color:scrollbg}; width:4pt}
  67.  
  68. body {color:{color:text}; background-color:{color:background}; background-image: url('{image:Background}'); background-attachment:fixed; font-family:cambria; font-size:10px; line-height:100%; text-align:justify; font-style:normal}
  69.  
  70. a:link, a:active, a:visited {color: {color:link}; text-decoration:none;}
  71. a:hover {color:#000000;}
  72.  
  73. small{font-size:9px}
  74. big{font-size:12px; color:#3e3d3d; text-transform:lowercase; font-style:italic}
  75. b, strong{color:{color:title}}
  76. i, em {color:{color:text}}
  77. p{margin-top:5px; margin-bottom:5px}
  78. blockquote {margin-left:10px; margin:8px; padding:3px; border-left:1px double {color:linkblock3}}
  79.  
  80. img a{border:none; width:100%}
  81.  
  82. #container {background-color:{color:background}; width: 814px; text-align: center; margin: 0 auto -10px auto}
  83.  
  84. #entries {margin-top:20px; margin-left:150px; text-align: justify; }
  85. #entry {margin-left:-40px; width: 500px; text-align: justify; padding: 12px; background-color:{color:entry}; opacity:1; border:1px solid {color:linkblock};}
  86.  
  87. #sidebar {top: 260px; margin-left:-90px; padding:0px; height:200px; width: 198px; position:fixed; font-family:cambria; }
  88.  
  89. #description {background-color:transparent; font-family:cambria; padding-top:1px; width:160px; margin-top:-10px; margin-bottom:25px; line-height:80%; font-size:9px; padding:7px}
  90. #description img {width:120px; padding:10px; height:190px; background-color:transparent; border:1px solid {color:linkblock}; margin-top:-30px}
  91.  
  92. #texty {position:absolute; text-align:right; word-spacing:3px; font-family: cambria; width:100px; font-size: 9px; margin-top:40px; border-top:0px solid {color:background}; margin-left:-103px; opacity:1; width:100px; line-height:120%; height:100px;background-color:transparent; padding:10px; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;}
  93. #texty a{font-size:8px; padding:2px; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;}
  94. #texty a:hover {background-color:{color:link}; color:{color:background}; opacity:..8; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;}
  95. #texty:hover {opacity:.8; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;}
  96.  
  97. #speech {position:absolute; line-height:80%; padding-top:5px; padding-bottom:5px; margin-bottom:4px; width:70px; text-align:right; margin-left:-64px; border-top:1px solid {color:linkblock}; border-bottom:1px solid {color:linkblock}; padding-right:3px}
  98. #speech a {text-align:right; text-transform:uppercase; font-size:8px; opacity:0.8; letter-spacing:1px;}
  99. #infospeech {position:absolute; margin-left:-30px; font-size:40px; margin-top:1px}
  100.  
  101. #pagination {position:absolute; margin-left:-17px; font-family:cambria; font-style:normal; text-align:right; font-size:8px; margin-top:-24px; text-transform:uppercase; line-height:140%}
  102. #pagination a {display:inline; padding:2px; background-color:transparent; color:{color:link}; opacity:..8; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
  103. #pagination a:hover {background-color:{color:link}; opacity:1; color:#ffffff; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
  104.  
  105. #linkz {background-color:{color:background}; font-family:cambria; text-align:center; font-size:8px; font-weight:none; margin-top:-36px; padding-left:0px; padding-right:0px; padding-top:4px; padding-bottom:3px; letter-spacing:0px; text-transform:uppercase; line-height:120%; opacity:.99}
  106. #linkz a {display:inline; width:85px; padding:3px; background-color:{color:background}; color:{color:link}; opacity:1; margin-bottom:1px; color:{color:link}; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
  107. #linkz a:hover {background-color:{color:link}; opacity:1; color:#ffffff; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
  108.  
  109. #links {position:absolute; text-transform:uppercase; font-size:8px; letter-spacing:1px; margin-left:158px; margin-top:32px}
  110. #links a{display:block; padding:2px; background-color:{color:background}; color:{color:link}; opacity:1; margin-bottom:1px; color:{color:link}; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
  111. #links a:hover {background-color:{color:link}; opacity:1; color:#ffffff; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
  112.  
  113. h1{color:{color:text}; font-family:calibri; font-size:12px; line-height:12px; letter-spacing:0px; font-weight:bold; text-transform:uppercase; margin:0px; padding:0px; text-align:left}
  114.  
  115. h2{color:{color:title}; font-family:{font:title}; font-size:12px; line-height:12px; letter-spacing:0px; font-weight:normal; text-transform:none; margin:0px; padding:0px; margin-bottom:-0px; text-align:left}
  116.  
  117. #info {width:460px; background-color:transparent; display:block; font-family:cambria; margin-left:-9px; text-align:left; letter-spacing:2px; padding:2px; text-transform:uppercase; font-style:none; font-size:8px; opacity:.8;; margin-bottom:0px; }
  118. #info:hover{opacity:.8; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;}
  119. #info a{opacity:.8; display:inline; background-color:{color:linkblock}; padding:2px; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;}
  120. #info a:hover{background-color:{color:link}; opacity:1; color:#ffffff;}
  121. #tags {font-family:cambria; opacity:.9; text-transform:uppercase; font-size:8px; padding-top:4px; font-style:none; letter-spacing:1px; text-align:left;}
  122. #tags a {display:inline; background-color:{color:linkblock}; padding:2px; text-align:left; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;}
  123. #tags a:hover {background-color:{color:link}; opacity:1; color:#ffffff; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
  124.  
  125. #questions {background-color:transparent; color: {color:text}; padding:6px; margin-top: 2px; margin-bottom:0px; font-family:cambria; font-size:10px; text-align:center; background-color:{color:linkblock} }
  126. #questions a {padding:2px; font-style:italic}
  127.  
  128. .audio{background-color:black; display:block}
  129.  
  130. .user_1 .label {color:{color:link}; font-weight:bold}
  131. .user_2 .label {color:{color:text}; font-weight:bold}
  132. .user_3 .label {color:{color:link}; font-weight:bold}
  133. .user_4 .label {color:{color:text}; font-weight:bold}
  134. .user_5 .label {color:{color:link}; font-weight:bold}
  135. .user_6 .label {color:{color:text}; font-weight:bold}
  136. ul.chat, .chat ol, .chat li {list-style:none; margin:0px; padding:0px}
  137.  
  138. .notes img{width:10px; position:relative; top:1px}
  139. ol.notes, .notes li{width:490px; list-style:none; margin:0px 0 -1px 5px; padding:0px}
  140.  
  141. </style>
  142. <style type="text/css">{CustomCSS}</style>
  143. </head>
  144.  
  145. <body>
  146.  
  147. <div id="container">
  148. <div id="sidebar">
  149. <div id="speech"><a href="/">❝{title}.❞</a></div>
  150. <div id="texty">{Description}</div>
  151. <div id="links">
  152. {Block:ifShowLink1}<a href="{text:link 1 url}">{text:link 1}</a>{/Block:ifShowLink1}
  153. {Block:ifShowLink2}<a href="{text:link 2 url}">{text:link 2}</a>{/Block:ifShowLink2}
  154. {Block:ifShowLink3}<a href="{text:link 3 url}">{text:link 3}</a>{/Block:ifShowLink3}
  155. {Block:ifShowLink4}<a href="{text:link 4 url}">{text:link 4}</a>{/Block:ifShowLink4}
  156. {Block:ifShowLink5}<a href="{text:link 5 url}">{text:link 5}</a>{/Block:ifShowLink5}
  157. </div>
  158. <div id="pagination">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">back</a>{/block:PreviousPage}<br>{block:NextPage}<a href="{NextPage}">next</a><br />{/block:NextPage}{/block:Pagination}</div>
  159. <div id="description">
  160. <center><img src="{image:sidebar}"></center>
  161. <div id="linkz">
  162. <a href="/">refresh.</a>
  163. <a href="/ask">askbox.</a>
  164. <a href="http://westark.tumblr.com/">theme.&nbsp;</a></i></div>
  165. </div></div>
  166.  
  167.  
  168. <div id="entries">
  169. {block:Posts}
  170. <div id="entry">
  171.  
  172. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  173.  
  174. {block:Quote}<h2>“{Quote}” — {Source}</h2>{/block:Quote}
  175.  
  176. {block:Link}<a href="{URL}"><h1><u>{Name}</u></h1></a>
  177. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  178.  
  179. {block:Photo}<center><img src="{PhotoURL-500}"/></center>
  180. {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  181.  
  182. {block:Photoset}<center>{Photoset-500}</center>
  183. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  184.  
  185. {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}
  186.  
  187. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  188.  
  189. {block:Answer}<div id="questions">{Asker} asked: {Question}</div>
  190. <div id="answer">{Answer}</div>{/block:answer}
  191.  
  192. {block:Audio}{block:AlbumArt}<img src="{AlbumArtURL}" width="84px" height="84px" align="left" style="margin-right:10px"/>{/block:AlbumArt}<span class="audio">{AudioPlayerblack}</span>
  193. {block:TrackName}<br><b>Title:</b> {TrackName}<br />{/block:TrackName}
  194. {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  195. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times
  196. {block:Caption}{Caption}{/block:Caption}{/block:Audio}</div>
  197.  
  198. <div id="info">Posted <a href="{Permalink}">{Month} {DayOfMonthWithZero}</a>{/block:Date} {block:NoteCount}with <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}{block:RebloggedFrom} via: <a href="{ReblogParentURL}" title="{ReblogParentName}"> {ReblogParentName}</a>{/block:RebloggedFrom}{block:ContentSource} from: <a href="{SourceURL}">{SourceLink}</a>.{/block:ContentSource}
  199. <div id="infospeech">❝</div><div id="tags">{block:HasTags}{block:Tags}<a href="{TagURL}">{Tag}</a>&nbsp;&nbsp;&nbsp;&nbsp;{/block:Tags}{/block:HasTags}</div></div>
  200.  
  201. <br><br><br><br><br><br>
  202.  
  203. {/block:Posts}
  204.  
  205. {block:PostNotes}{PostNotes}{/block:PostNotes}<br>
  206.  
  207. </div>
  208. </div>
  209.  
  210. </body>
  211.  
  212. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement