API tools faq
paste
poutinesomething

10. Winter Is Coming

poutinesomething
Sep 23rd, 2012
730
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.87 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. 10. Winter Is Coming by tinyxothemes
  3. Do not remove any credits, redistribute or use as base of any of my
  4. themes or codes.
  5. If you have any questions or problems, feel free to send me a message.
  6. -->
  7.  
  8. <head>
  9. <!-- DEFAULT VARIABLES -->
  10. <meta name="color:background" content="#FFFFFF" />
  11. <meta name="color:entry" content="#fdfbfa" />
  12.  
  13. <meta name="color:text" content="#a29494" />
  14. <meta name="color:link" content="#ACACBD" />
  15. <meta name="color:hover" content="A29494" />
  16.  
  17. <meta name="image:sidebar" content=""/>
  18.  
  19. <meta name="text:Link1 Url" content=""/>
  20. <meta name="text:Link1 Name" content="link 1"/>
  21. <meta name="text:Link2 Url" content=""/>
  22. <meta name="text:Link2 Name" content="link 2"/>
  23. <meta name="text:Link3 Url" content=""/>
  24. <meta name="text:Link3 Name" content="link 3"/>
  25. <meta name="text:Link4 Url" content=""/>
  26. <meta name="text:Link4 Name" content="link 4"/>
  27.  
  28. <title>{Title}</title>
  29. <link rel="shortcut icon" href="{Favicon}">
  30. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  31. {block:Description}
  32. <meta name="description" content="{MetaDescription}" />
  33. {/block:Description}
  34.  
  35. </head>
  36.  
  37. <script src="http://static.tumblr.com/me5sfsd/1YFl414t0/jquery142.js"></script>
  38.  
  39. <html>
  40.  
  41.  
  42. <style type="text/css">
  43. ::-webkit-scrollbar {
  44. width: 10px;
  45. height:auto;
  46. background: {color:background};
  47. }
  48. ::-webkit-scrollbar-corner {
  49. background: {color:background};
  50. }
  51. ::-webkit-scrollbar-button:vertical {
  52. height:4px;
  53. display: block;
  54. background: {color:link};
  55. }
  56. ::-webkit-scrollbar-button:horizontal {
  57. width: 7px;
  58. height: 1px;
  59. display: block;
  60. background: {color:link};
  61. }
  62. ::-webkit-scrollbar-thumb:vertical {
  63. background: {color:link};
  64. border-top: 1px solid {color:background};
  65. border-bottom: 1px solid {color:background};
  66. }
  67. ::-webkit-scrollbar-thumb:horizontal {
  68. background: {color:background};
  69. border: 0px solid {color:background};
  70. }
  71. ::-webkit-scrollbar-thumb {
  72. background: {color:link};
  73. border-top: 0pt solid {color:background};
  74. border-bottom: 0pt solid {color:background};
  75. }
  76. ::-webkit-scrollbar-thumb:hover {
  77. background: {color:link};
  78. }
  79. ::-webkit-scrollbar-track-piece {
  80. background: {color:background};
  81. border-top: 1pt solid {color:background};
  82. border-bottom: 1pt solid {color:background};
  83. width: 4pt;
  84. }
  85.  
  86. body {
  87. margin:1px;
  88. background-color: {color:background};
  89. color: {color:text};
  90. text-align: justify;
  91. font-family: calibri;
  92. font-size: 10px;
  93. }
  94. #main {
  95. position:relative;
  96. width: 710px;
  97. margin:auto;
  98. margin-left: 250px;
  99. }
  100.  
  101. .credit {
  102. bottom: 5px;
  103. right: 5px;
  104. position: fixed;
  105. padding: 5px;
  106. text-transform: uppercase;
  107. font-family: calibri;
  108. }
  109.  
  110. .posts {
  111. position: absolute;
  112. left: 490px;
  113. top: -5px;
  114. width: 400px;
  115. padding: 10px;
  116. text-align: justify;
  117. margin-top: 5px;
  118. }
  119. #entry{
  120. margin-top: 0px;
  121. padding: 10px 10px 8px 10px;
  122. width: 500px;
  123. background-color: {color:entry};
  124. }
  125. .desc {
  126. top: 0px;
  127. position: fixed;
  128. width: 200px;
  129. height: 100%;
  130. padding: 10px;
  131. }
  132. .descinfo {
  133. padding: 10px;
  134. margin-top: 10px;
  135. background-color: {color:entry};
  136. border: 1px #eee solid;
  137. }
  138. .sideimg img {
  139. width: 200px;
  140. background-color: {color:entry};
  141. }
  142. .info {
  143. padding: 5px;
  144. width: 500px;
  145. text-align: center;
  146. margin-bottom: 25px;
  147. font-family: calibri;
  148. font-size: 10px;
  149. text-transform: uppercase;
  150. }
  151. .pagination {
  152. width: 210px;
  153. margin-bottom: 1px;
  154. padding: 5px;
  155. text-align:center;
  156. font-weight: bold;
  157. font-family: calibri;
  158. font-size: 12px;
  159. }
  160.  
  161. a:link,a:active,a:visited {
  162. color: {color:link};
  163. text-decoration: none;
  164. -webkit-transition: all 0.5s ease-out;
  165. -moz-transition: all 0.5s ease-out;
  166. transition: all 0.5s ease-out;
  167. }
  168. a:hover{
  169. text-decoration: none;
  170. color: {color:hover};
  171. text-decoration:none;
  172. -webkit-transition: all 0.5s ease-out;
  173. -moz-transition: all 0.5s ease-out;
  174. transition: all 0.5s ease-out;
  175. }
  176. .sidelinks {
  177. margin-top: 1px;
  178. margin-bottom: 1px;
  179. width: 210px;
  180. display: block;
  181. }
  182. #sidelinks {
  183. width: 210px;
  184. display: block;
  185. padding: 5px;
  186. margin-bottom: 1px;
  187. font-weight: bold;
  188. font-family: calibri;
  189. font-size: 10px;
  190. text-align: center;
  191. text-transform: uppercase;
  192. background-color: {color:entry};
  193. }
  194. #sidelinks:hover {
  195. background-color: {color:text};
  196. color: {color:entry};
  197. opacity: .5;
  198. }
  199. .title {
  200. margin-top: 0px;
  201. font-size: 20px;
  202. text-transform: uppercase;
  203. font-weight: bold;
  204. color: {color:link};
  205. }
  206. b, strong {
  207. color: {color:link};
  208. font-weight: bold;
  209. }
  210. i, em {
  211. font-family: georgia;
  212. color: #777;
  213. }
  214. .quote {
  215. font-size: 13px;
  216. font-family: georgia;
  217. color:#555;
  218. font-style: italic;
  219. }
  220. small {
  221. font-size: 9px;
  222. font-family: arial;
  223. text-transform: uppercase;
  224. }
  225. blockquote {
  226. border-left: 2px solid #555;
  227. padding-left: 3px;
  228. margin:0.5em 0px;
  229. }
  230.  
  231. img {
  232. border:none;
  233. }
  234.  
  235. .mus {
  236. width: 500px;
  237. min-height: 100px;
  238. height: 100px;
  239. padding: 0px 20px;
  240. padding-left: 0px;
  241. display: table;
  242. }
  243.  
  244. .mus img {
  245. width: 100px;
  246. position: absolute;
  247. }
  248.  
  249. .minfo {
  250. margin-left: 50px;
  251. padding-left: 120px;
  252. text-align: left;
  253. display: table-cell;
  254. vertical-align: middle;
  255. background-color: {color:ask};
  256. color: {color:sidelink};
  257. font-size: 8px;
  258. font-family: calibri;
  259. text-transform: uppercase;
  260. letter-spacing: 1px;
  261. }
  262.  
  263. .audioverlay {
  264. margin-top: 27px;
  265. margin-left: 27px;
  266. opacity: 0.7;
  267. position: absolute;
  268. z-index: 10000;
  269. }
  270.  
  271. .audioarrow {
  272. margin: 8px 17px 6px 9px;
  273. width: 25px;
  274. height: 30px;
  275. overflow: hidden;
  276. }
  277.  
  278. .user_1 .label {
  279. color: {color:link};
  280. font-weight:bold;
  281. }
  282. .user_2 .label {
  283. color: {color:text};
  284. font-weight:bold
  285. }
  286. ul.chat, .chat ol, .chat li {
  287. list-style: none;
  288. margin: 0px;
  289. padding: 0px;
  290. }
  291. ol.notes, .notes li {
  292. list-style: none;
  293. margin: 0px;
  294. padding: 0px;
  295. }
  296. .notes img {
  297. display: none;
  298. }
  299. blockquote img {
  300. width: 100%;
  301. }
  302.  
  303. .box {
  304. width: 200px;
  305. height: auto;
  306. margin:auto;
  307. }
  308. .main {
  309. width: 200px;
  310. height: auto;
  311. background-color: {color:entry};
  312. padding: 10px;
  313. }
  314. .b3 {
  315. opacity: 0.0;
  316. padding: 10px;
  317. height: auto;
  318. background-color: {color:entry};
  319. width: 200px;
  320. margin-top: 40px;
  321. position: absolute;
  322. transition-duration: 0.6s;
  323. -moz-transition-duration: 0.6s;
  324. -webkit-transition-duration: 0.6s;
  325. -o-transition-duration: 0.6s;
  326. }
  327. .box:hover .b3 {
  328. opacity: 1.0;
  329. margin-top: 0px;
  330. transition-duration: 0.6s;
  331. -moz-transition-duration: 0.6s;
  332. -webkit-transition-duration: 0.6s;
  333. -o-transition-duration: 0.6s;
  334. }
  335.  
  336. .left {
  337. float: left;
  338. }
  339. .right {
  340. float: right;
  341. }
  342. </style>
  343.  
  344. <div id="main">
  345.  
  346. <div class="desc">
  347.  
  348. <div class="pagination">
  349. <div class="left">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">← </a>{/block:PreviousPage}{/block:Pagination} </div>
  350.  
  351. <center>
  352. <a href="/">INDEX</a> — <a href="/ask">ASK</a> — <a href="http://tinyxothemes.tumblr.com/">CREDIT</a>
  353.  
  354. <div class="right">{block:Pagination}{block:NextPage}<a href="{NextPage}"> →</a>{/block:NextPage}{/block:Pagination}</div>
  355. </div>
  356.  
  357.  
  358. <div class="box">
  359.  
  360. <div class="main">
  361. <div class="sideimg">
  362. <img src="{image:sidebar}">
  363. </div>
  364. </div>
  365.  
  366. <div class="sidelinks">
  367. {block:IfLink1Name}<a href="{text:Link1 Url}" id="sidelinks">{text:Link1 Name}</a>{/block:IfLink1Name}
  368. {block:IfLink2Name}<a href="{text:Link2 Url}" id="sidelinks">{text:Link2 Name}</a>{/block:IfLink2Name}
  369. {block:IfLink3Name}<a href="{text:Link3 Url}" id="sidelinks">{text:Link3 Name}</a>{/block:IfLink3Name}
  370. {block:IfLink4Name}<a href="{text:Link4 Url}" id="sidelinks">{text:Link4 Name}</a>{/block:IfLink4Name}
  371. </div>
  372.  
  373. <div class="b3">
  374. {block:Description}{Description}{/block:Description}
  375. </div>
  376.  
  377. </div>
  378. </div>
  379.  
  380. </div>
  381.  
  382.  
  383.  
  384. <div class="posts">
  385. {block:Posts}
  386.  
  387. <div id="entry">
  388.  
  389. {block:Text}{block:Title}<div class="title">{Title}</div>{/block:Title}{Body}{/block:Text}
  390.  
  391. {block:Photo}
  392. <a href="{LinkURL}"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width="500"></a>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  393.  
  394. {block:Photoset}<center>{Photoset-500}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  395.  
  396. {block:Quote}<div class="quote">{Quote}</div> {block:Source}~{Source}{/block:Source}{/block:Quote}
  397.  
  398. {block:Link}<center><div class="quote"><b>→ <a href="{URL}" {Target}>{Name}</a></b></div></center>
  399. {block:Description}{Description}{/block:Description}{/block:Link}
  400.  
  401. {block:Chat}
  402. {block:Title}<h1>{Title}</h1>{/block:Title}
  403. <ul class="chat">{block:Lines}
  404. <li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  405. {/block:Chat}
  406.  
  407. {block:Audio}
  408. <div class="mus">
  409. {block:AudioPlayer}
  410. <div class="audioverlay">
  411. <div class="audioarrow">
  412. {AudioPlayerWhite}
  413. </div>
  414. </div>
  415.  
  416. {block:AlbumArt}
  417. <img class="cover" src="{AlbumArtURL}" />
  418. {/block:AlbumArt}
  419.  
  420. <div class="minfo">
  421. {block:TrackName}{TrackName}{/block:TrackName}<br>
  422. {block:Artist}{Artist}{/block:Artist}<Br>
  423. {block:Album}{Album}{/block:Album}<br>
  424. {block:Playcount}{Playcount} Plays{/block:Playcount}
  425. </div>
  426. </div>
  427. {/block:AudioPlayer}
  428.  
  429. {block:AudioEmbed}{AudioEmbed-500}</div>{/block:AudioEmbed}
  430.  
  431. {block:Caption}{Caption}{/block:Caption}
  432. {/block:Audio}
  433.  
  434. {block:Video}{VideoEmbed-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  435.  
  436. {block:Answer}
  437. <div class="quote"><i>{Asker}:</i> {Question}</div>
  438. {Answer}
  439. {/block:Answer}
  440.  
  441. </div>
  442.  
  443. <div class="info">
  444. {block:Date}posted <a href="{Permalink}">{TimeAgo}</a>{/block:Date}{block:NoteCount} with <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}<br>
  445. {block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}
  446. </div>
  447.  
  448. <div class="postnotes">
  449. {block:PostNotes}
  450. {PostNotes}
  451. {/block:PostNotes}
  452. </div>
  453.  
  454. {/block:Posts}
  455.  
  456. </div>
  457. </div>
  458.  
  459. </div>
  460.  
  461. <!-- IMPORTANT, DO NOT REMOVE CREDIT -->
  462. <div class="credit"><a href="http://tinyxothemes.tumblr.com/">TINY</a></div>
  463. </body>
  464. </html>
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!