API tools faq
paste
winchestersnothemes

Theme - When 3's A Crowd

winchestersnothemes
May 19th, 2012
1,000
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.15 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3.  
  4. <!-- DEFAULT VARIABLES -->
  5. <meta name="color:background" content="#f8f8f8" />
  6. <meta name="color:sidebar" content="#fff" />
  7. <meta name="color:sider" content="#fff" />
  8. <meta name="color:text" content="#000" />
  9. <meta name="color:link bg" content="#000" />
  10. <meta name="color:link text" content="#fff" />
  11. <meta name="color:link text hover" content="#fff" />
  12. <meta name="color:link bg color" content="#FAB2CF" />
  13. <meta name="color:link bg color 2" content="#BCEE68" />
  14. <meta name="color:link bg color 3" content="#A3C4F5" />
  15. <meta name="image:foto" content="" />
  16. <meta name="text:Link1" content="/" />
  17. <meta name="text:Link1 Title" content="link" />
  18. <meta name="text:Link2" content="/" />
  19. <meta name="text:Link2 Title" content="link" />
  20. <meta name="text:Link3" content="/" />
  21. <meta name="text:Link3 Title" content="link" />
  22. <meta name="text:Link4" content="/" />
  23. <meta name="text:Link4 Title" content="link" />
  24. <meta name="text:Link5" content="/" />
  25. <meta name="text:Link5 Title" content="link" />
  26. <meta name="text:Link6" content="/" />
  27. <meta name="text:Link6 Title" content="link" />
  28. <meta name="text:Link7" content="/" />
  29. <meta name="text:Link7 Title" content="link" />
  30. <meta name="text:Link8" content="/" />
  31. <meta name="text:Link8 Title" content="link" />
  32.  
  33.  
  34. <title>{Title}</title>
  35. <link rel="shortcut icon" href="{Favicon}">
  36. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  37. {block:Description}
  38. <meta name="description" content="{MetaDescription}" />
  39. {/block:Description}
  40.  
  41. <script type="text/javascript" src="http://static.tumblr.com/myqz5da/i75lywtpy/livia-menu1.js"></script>
  42. <style type="text/css">
  43.  
  44. body {background-color: {color:background}; background-image:url('{image:background}'); background-attachment: fixed; font-family: Verdana, Geneva, Tahoma, sans-serif; color: {color:text}; text-align: center; font-size: 10px; }
  45.  
  46.  
  47.  
  48. a {color: {color:text}; text-decoration: none; -webkit-transition:1s; }
  49. a:hover {color: {color:text}; background-color: #trans; text-decoration: none; opacity: 1.0; -webkit-transition-duration:.6s; -moz-transition-duration:.6s }
  50. p {margin: 6px 0 0 0}
  51. blockquote {margin-left:2px; width:490px; padding-left:3px; border-left:1px solid #ddd;}
  52.  
  53.  
  54.  
  55.  
  56. /*** sidebar etc ***/
  57.  
  58. #sidebar {position: fixed; margin-left: 23px;}
  59.  
  60.  
  61. #links1 {position: fixed; width: 120px; text-align: center; margin-left: 1s5px; margin-top: -121px; background-color:transparent; padding: 0px;}
  62.  
  63. .s2 {position: relative; text-align: center; margin-top: 1px; margin-left: 150px;}
  64. .s2 a {display: block; font-family: tinytots; font-size: 8px; text-align: center; width: 70px; height: 7px; background-color: {color:link bg}; color: {color:link text}; text-decoration: none; padding: 3px 5px 4px 5px; margin-bottom: 1px; text-transform: uppercase; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out;}
  65. .s2 a:hover{text-align: center; padding-right: 5px; font-weight: bold; background-color: {color:link bg color}; color: {color:link text hover}; }
  66.  
  67. .s3 {position: relative; text-align: center; margin-top: 1px; margin-left: 150px;}
  68. .s3 a {display: block; font-family: tinytots; font-size: 8px; text-align: center; width: 95px; height: 7px; background-color: {color:link bg}; color: {color:link text}; text-decoration: none; padding: 3px 5px 4px 5px; margin-bottom: 1px; text-transform: uppercase; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out;}
  69. .s3 a:hover{text-align: center; font-weight: bold; background-color: {color:link bg color 2}; color: {color:link text hover};}
  70.  
  71. .s4 {position: relative; text-align: center; margin-top: 1px; margin-left: 150px;}
  72. .s4 a {display: block; font-family: tinytots; font-size: 8px; text-align: center; width: 120px; height: 7px; background-color: {color:link bg}; color: {color:link text}; text-decoration: none; padding: 3px 5px 4px 5px; margin-bottom: 1px; text-transform: uppercase; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out;}
  73. .s4 a:hover{text-align: center; font-weight: bold; background-color: {color:link bg color 3}; color: {color:link text hover};}
  74.  
  75.  
  76. @font-face { font-family: "tinytots";src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}
  77.  
  78.  
  79. .Mat {margin-top: -5px; margin-left: 0px; height: auto; width: 150px; padding: 5px; background-color: {color:sider};}
  80.  
  81.  
  82. .img {display: block;}
  83. .img img{margin-top: 7px;border: 3px solid {color:borda};width: 130px; margin-bottom: 1px;}
  84. .img:hover {opacity: 0.7; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out;}
  85. #pato {text-align: center; margin-top:-2px; margin-bottom:-2px; font-family: georgia; font-size: 17px; color: {color:text}; letter-spacing: 0px; text-transform: none;}
  86.  
  87. #jhenny {text-align: center; margin-top:0px; margin-bottom:0px; font-family: verdana; font-size: 9px; color: {color:text}; letter-spacing: 0px; text-transform: none;}
  88.  
  89.  
  90.  
  91. #description {padding: 5px; margin-bottom: 1px; width: 140px; background-color:{color:sider}; font-family: georgia; font-size: 16px; color: {color:text}; text-align: center; -moz-transition: all .7s ease-in-out; -o-transition: all .7s ease-in-out; transition: all .7s ease-in-out; -webkit-transition: all .7s ease-in-out;}
  92.  
  93. #description a:hover{color:{color:text};}
  94.  
  95.  
  96. #boatarde {margin-left: 30px; margin-top: -0px; width:90px; font-size: 9px; font-family: verdana; height:17px; line-height: 19px; text-align: center; background-color: #fffdfd; color: #5e5e5e; position: fixed; text-transform: lowercase;}
  97.  
  98. #paginal {font-family: verdana; font-size: 8px; text-align: center;}
  99. #paginal a {background: {color:border}; margin: 0 1px 0 0; padding: 2px 4px; color: {color:frase};}
  100. #paginal a:hover {background: {color:sider}; color: {color:text};}
  101. #paginal span.pagina_atual {background: {color:sider}; margin: 0 1px 0 0; padding: 2px 4px;; color: {color:text}; font-weight: bold; text-decoration: none;}
  102. .ps {position: fixed; padding: 2px; width: 69px; margin-left: 2px; margin-top: 2px; height: auto; background-color: {color:sider}; color: {color:text};}
  103.  
  104. #sids {width: 160px; margin-left: -10px; height: 17px; margin-top: 11px; text-align: center; background-color: {color:sider}; color: {color:link1}; position: fixed; text-transform: lowercase;}
  105.  
  106.  
  107.  
  108. #pagination{ float: left; bottom: 22px; margin-left: 895px; height: auto; position: fixed; font-size: 10px; font-family:Trebuchet MS; }
  109. /** posts - info - notes - etc **/
  110. #all {text-align: center; overflow: none; width: 526px; height: 360px; margin: 20px auto 20px auto; padding: 0px; z-index: 1; }
  111.  
  112. #stickyx {float: left; margin-left: 350px; overflow: none; margin-top:8px;}
  113. .oiexpost {width: 500px; background-color:{color:sidebar}; padding: 15px; margin-bottom: 1px; text-align: justify; font-family: verdana; font-size: 11px; position: relative; }
  114.  
  115. h1 {font-family: georgia; text-align: center; font-size: 16px; text-transform: none; color: {color:text}; font-weight: normal; line-height: 18px;}
  116. h1 a {text-align: center; font-size: 18px; text-transform: none; color: {color:text}; font-weight: normal; font-style:normal; line-height: 18px;}
  117. h1 a:hover {text-align: center; font-size: 18px; text-transform: none; color: {color:text}; line-height: 18px; -webkit-transition-duration:.6s; -moz-transition-duration:.6s }
  118.  
  119. .image {text-align: center; border: 0px}
  120. .image img {max-width: 500px; margin-bottom: 2px }
  121.  
  122. .data{color:{color:text};background-color:{color:sidebar}; padding:4px 4px;float:left;width: 85px; height:59px; margin:1px 0 5px 0; text-align: center;}
  123.  
  124. .notass{display:block;background-color:{color:sidebar}; padding:6px 3px;float:left;width: 430px; height:20px; margin:2px 0 5px 0; text-align:right; float: right;}
  125.  
  126. .notassx{display:block;background-color:{color:sidebar}; padding:6px 3px;float:left;width: 430px; height:20px; margin:15px -03px 7px 10px; text-align:right; float: right;}
  127.  
  128. .both{clear:both;}
  129. .data span.dia{ margin-top: 0px;display:block;font:normal 14px georgia;color:{color:text};}
  130. .data span.mes{margin-top: -3px;font:normal 14px georgia;color:{color:text};width: 10px;}
  131. .data span.ano{display:block;font:normal 14px georgia;color:{color:text};}
  132.  
  133. #entry .perma a{
  134. color:{color:text};
  135. }
  136.  
  137. #entry .perma{margin-left: 530px;
  138. width:70px;
  139. height:auto;
  140. padding:5px;
  141. position: absolute;
  142. font-family: verdana;
  143. font-size: 10px;
  144. line-height: 15px;
  145. text-align:center;
  146. overflow:hidden;
  147. opacity: 0.0;
  148. background-color:{color:sidebar};
  149. -webkit-transition: all 0.5s linear;
  150. -moz-transition: all 0.5s linear;
  151. transition: all 0.5s linear;
  152. box-shadow:0px 0px 0px #trans;
  153. -webkit-box-shadow:0 0 1em #trans;
  154. padding:3px;
  155. }
  156.  
  157. #entry:hover .perma{
  158. overflow:visible;
  159. -webkit-transition: opacity 0.5s linear; opacity: 0.8;
  160. -webkit-transition: all 0.5s linear;
  161. -moz-transition: all 0.5s linear;
  162. transition: all 0.5s linear;
  163. text-align:center;
  164. padding:3px;
  165. }
  166.  
  167. .xquote {font-family: georgia; text-align: center; font-size: 13px; line-height: 15px; padding: 3px;}
  168. .xquote:hover {font-family: georgia; font-style:normal; text-align: center; font-size: 13px; line-height: 15px; padding: 3px; -webkit-transition-duration:.6s; -moz-transition-duration:.6s }
  169.  
  170. .xquotesource { text-align: center; font-family:verdana; font-size:10px; text-transform: none; margin-bottom: 5px; margin-top:10px;}
  171. .xquotesource a, a:hover{text-transform: none;}
  172.  
  173. .asker { width: 490px; color:{color:text}; padding: 5px; background-color:{color:background}; }
  174. .asker a{ font-size: 11px; font-weight: bold; color:{color:text}; text-transform: uppercase; line-height: 11px; padding: 0; margin: 0;}
  175. .asker a:hover{ font-size: 11px; font-weight: bold; color:{color:text}; background-color: transparent; text-transform: uppercase; line-height:11px; padding: 0; margin: 0;}
  176. .question { font-size: 11px;}
  177. .asker img{float: left; margin: 0px 4px 2px 0; width:15px; height:15px; border:3px solid {color:sidebar}}
  178. .answer { padding: 4px}
  179. .answer img { max-width: 470px;}
  180.  
  181. .tip {color: {color:background}; font-size: 20px; padding-left: 40px;}
  182. .chat{line-height: 12px; list-style: none }
  183. .chat ul {line-height: 15px; list-style: none; padding: 0px; line-height: 20px;}
  184. .person1 {background-color: {color:entry}; color: {color:text}; }
  185. .person1 .label { font-weight: bold; padding: 0px; margin-left: 5px; color: {color:text} }
  186. .person2 {background-color: {color:background}; color: {color:text}}
  187. .person2 .label { font-weight: bold; padding: 0px; margin-left: 5px; color: {color:text} }
  188.  
  189. #info {background-color:{color:sidebar}; padding:3px; text-align: left; font-size: 9px; font-family: verdana; text-transform: lowercase; z-index: 11; -webkit-transition:1s; }
  190. #info:hover{ background-color: {color:sidebar}; -webkit-transition-duration:.6s; -moz-transition-duration:.6s }
  191. #info a {font-size: 9px;}
  192. .tags {color: {color:text}; font-size: 9px; font-family: verdana; display: inline; list-style: none; text-transform: lowercase;}
  193. .tags a {font-size: 9px; color: verdana; display: inline; list-style: none; text-transform: lowercase;}
  194.  
  195. #cap {width: 500px; margin-top: -2px;}
  196. .source {display: none;}
  197.  
  198. .notes {width: 530px; padding: 0px; margin-top: 1px; margin-bottom: 1px; font-size: 9px; text-align: left}
  199. ol.notes {list-style: none; margin: 0 20px 0 0px; padding: 0px; z-index: 11;}
  200. ol.notes li {background-color: {color:sidebar}; margin-bottom: 1px; padding: 5px; }
  201. .notes img{display: none; border:0px}
  202.  
  203.  
  204. #td {width: 300px; height: none; margin-left: 8px; background-color: #0; position: fixed; color: #888; font-size: 9px; border: px solid #ccc; border-right: 0px solid #eee; margin-top: 97px; -webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out; text-align: right}
  205. #td:hover {margin-left:77px;}
  206.  
  207. #container { width: 350px;position: fixed;}
  208. #contain_inner {margin-left: 0px; background-color: transparent;}
  209.  
  210.  
  211. #tumblr_controls{position: fixed!important}
  212. #tumblr_controls{position: fixed!important}
  213. #tumblr_controls{position: fixed!important}
  214. #tumblr_controls{position: fixed!important}
  215.  
  216.  
  217. ::-webkit-scrollbar-thumb:vertical {background-color:#a5a5a5; width:4px; height:100px;}
  218. ::-webkit-scrollbar {height:0px;width:4px;background-color:#fff;}
  219.  
  220. </style>
  221. <body>
  222.  
  223. <div id="stickyx">
  224. {block:Posts}
  225. <div class="data">
  226. <span class="dia">{DayOfWeek}</span>
  227. <span class="mes">{ShortMonth}</span>
  228. <span class="ano">{Year}</span>
  229. </div>
  230. <div class="notass"><div class="tags">indiretas: {block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a>&nbsp;&nbsp;{/block:Tags}<br>{/block:HasTags}</div>
  231. <div class="notassx"><a href="{permalink}">{NoteCount} likes </a> ·
  232. {/block:RebloggedFrom} <a href="{Permalink}">{TimeAgo}</a> {block:IndexPage} · <a href="{ReblogUrl}" target="_blank">reblog</a>{/block:IndexPage}</div></div>
  233. <br><br><br><br><br>
  234.  
  235.  
  236. <div id="entry"><div style="height:3px;font-size:1px;">&nbsp;</div>
  237. <div class="perma">
  238.  
  239. <fb:like href="{Permalink}" layout="button_count" send="false" show_faces="false" font="arial" action="like" colorscheme="light"></fb:like>
  240. </div>
  241. <div class="oiexpost">
  242. {block:Text}
  243.  
  244. {block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  245. {block:Photo}<div class="image"><img src="{PhotoURL-500}"></div>{/block:Photo}
  246. {block:Photoset}{Photoset-500}{/block:Photoset}
  247.  
  248. {block:Quote}
  249. <div class="xquote">“{Quote}”</div>
  250. {block:Source}<div class="xquotesource"> + {Source}</div>
  251. {/block:Source}
  252. {/block:Quote}
  253.  
  254. {block:Link}
  255. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  256. {block:Description}{Description}{/block:Description}
  257. {/block:Link}
  258.  
  259. {block:Chat}
  260. {block:Title}<titlee><center><a href="{Permalink}">{Title}</a></center></titlee>{/block:Title}
  261. <div class="chat"><ul>{block:Lines}
  262. <li class="person{UserNumber}">{block:Label}
  263. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  264. {/block:Chat}
  265.  
  266. {block:Audio}
  267. <div style="width:500px;background-color:;">{AudioPlayer}</div>{block:Caption}{Caption}{/block:Caption}
  268. {/block:Audio}
  269.  
  270. {block:Video}{Video-500}{/block:Video}
  271.  
  272.  
  273. {block:Answer}
  274. <div class="asker"><img src="{AskerPortraitURL-48}">{Asker} asked: <div class="question">{Question}<br></div></div>
  275. <div class="answer">{Answer}</div>
  276. <br>
  277. {/block:Answer}
  278.  
  279.  
  280. <div id="cap">
  281. {block:Photo}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  282. {block:Video}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  283. {block:Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  284.  
  285. <div class="source">{block:ContentSource}<a href="{SourceURL}">{lang:Source}:{block:SourceLogo}
  286. <img src="{BlackLogoURL}" width="{LogoWidth} height="{LogoHeight}" alt="{SourceTitle}" />
  287. {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a>
  288. {/block:ContentSource}</div></div>
  289. <br>
  290.  
  291.  
  292. <div id="info">
  293. </div></div></div>
  294. {/block:Posts}
  295. {block:PostNotes}<div class="notes">{PostNotes}</div>{/block:PostNotes}
  296.  
  297. </div>
  298. </div>
  299. </div>
  300.  
  301.  
  302. <div id="sidebar">
  303. <div class="Mat">
  304.  
  305. <div id="description">
  306. <div id="pato">{title}
  307. </div>
  308.  
  309.  
  310.  
  311.  
  312.  
  313. <div id="jhenny">{description}</div>
  314.  
  315.  
  316. <div class="img">
  317. <img src="{image:foto}"/></div>
  318.  
  319.  
  320.  
  321. <div id="links1">
  322.  
  323. <div class="s2">
  324. {block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1}
  325. </div>
  326.  
  327. <div class="s3">
  328. {block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a>{/block:ifLink2}
  329. </div>
  330.  
  331. <div class="s4">
  332. {block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a>{/block:ifLink3}
  333. </div>
  334.  
  335. <div class="s2">
  336. {block:ifLink4}<a href="{text:Link4}">{text:Link4 Title}</a>{/block:ifLink4}
  337. </div>
  338.  
  339. <div class="s3">
  340. {block:ifLink5}<a href="{text:Link5}">{text:Link5 Title}</a>{/block:ifLink5}
  341. </div>
  342.  
  343. <div class="s4">
  344. {block:ifLink6}<a href="{text:Link6}">{text:Link6 Title}</a>{/block:ifLink6}
  345. </div>
  346.  
  347. <div class="s2">
  348. {block:ifLink7}<a href="{text:Link7}">{text:Link7 Title}</a>{/block:ifLink7}
  349. </div>
  350.  
  351. <div class="s3">
  352. <a href="http://winchestersnote.tumblr.com/" title="details e base of stickyx and chasing69"><b>winchestersn.©</b></a>
  353. </div>
  354.  
  355. <div id="pagination">
  356. {block:PreviousPage}<a href="{PreviousPage}">back</a>{/block:PreviousPage}<br>{block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}{/block:Pagination}</div>
  357. </div>
  358. </div>
  359. </div>
  360. </div>
  361.  
  362.  
  363.  
  364. </body>
  365.  
  366. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!