Advertisement
joshdevines

Theme #014

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