Advertisement
heylittletrains

7 BLOWN AWAY

May 2nd, 2014
2,956
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.72 KB | None | 0 0
  1. <!--
  2. Theme #07 BLOWN AWAY by msswans.
  3. Edit all you want; Just make sure to leave the credits intact.
  4. -->
  5.  
  6. <head>
  7.  
  8.  
  9. <meta name="color:bg" content="#F2F2F2">
  10. <meta name="color:link" content="#393939">
  11. <meta name="color:hover" content="#252525">
  12. <meta name="color:text" content="#393939">
  13. <meta name="color:scrollbar" content="#f1f0f0">
  14. <meta name="color:border" content="#eeeeee">
  15. <meta name="color:sblink hover" content="#ececec">
  16.  
  17. <meta name="image:sidebar" content=""/>
  18.  
  19.  
  20. <meta name="text:link1" content="">
  21. <meta name="text:link1 url" content="/">
  22. <meta name="text:link2" content="">
  23. <meta name="text:link2 url" content="/">
  24. <meta name="text:link3" content="">
  25. <meta name="text:link3 url" content="/">
  26. <meta name="text:link4" content="">
  27. <meta name="text:link4 url" content="/">
  28. <meta name="text:link5" content="">
  29. <meta name="text:link5 url" content="/">
  30.  
  31.  
  32.  
  33. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  34. <title>{Title}</title> {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  35. <link rel="shortcut icon" href="{Favicon}" />
  36. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  37.  
  38. <style type="text/css">
  39.  
  40.  
  41.  
  42. a {
  43. text-decoration:none;
  44. -moz-transition-duration:0.5s;
  45. -webkit-transition-duration:0.5s;
  46. -o-transition-duration:0.5s;
  47. color:{color:link};
  48. }
  49.  
  50. a:hover {
  51. text-decoration:none;
  52. -moz-transition-duration:0.5s;
  53. -webkit-transition-duration:0.5s;
  54. -o-transition-duration:0.5s;
  55. color:{color:hover};
  56. }
  57.  
  58.  
  59. ::-webkit-scrollbar{border: 1px solid #ccc; height: 9px; width: 6px; -webkit-border-radius: 0px;}
  60. ::-webkit-scrollbar-thumb{background-color:{color:scrollbar};}
  61. ::-webkit-scrollbar-track{border-left:1px solid #ccc; background-color:#ffffff;}
  62.  
  63.  
  64. body {
  65. font-family:arial;
  66. font-weight:normal;
  67. background-color:{color:bg};
  68. }
  69.  
  70. h1 {
  71. font-family:arial;
  72. font-size:9px;
  73. font-style:normal;
  74. text-transform:normal;
  75. color:{color:text};
  76. text-align:center;
  77. font-weight:normal;
  78. letter-spacing:1px;
  79. padding:3px;
  80. width:auto;
  81. }
  82.  
  83. h2 {
  84. font-family:arial;
  85. font-size:10px;
  86. font-weight:normal;
  87. text-align:center;
  88. }
  89.  
  90. h3 {
  91. font-family:arial;
  92. font-size:10px;
  93. font-weight:normal;
  94. text-align:center;
  95. font-style:italic;
  96. padding:40px;
  97. padding-top:0px;
  98. padding-bottom:0px;
  99. }
  100.  
  101. #title {
  102. font-family:arial;
  103. color:{color:text};
  104. font-weight:bold;
  105. text-transform:lowercase;
  106. margin-top:5px;
  107. text-align:left;
  108. }
  109.  
  110. blockquote {
  111. margin:5px;
  112. margin-top:5px;
  113. text-align:left;
  114. }
  115.  
  116. #theme {
  117. width:700px;
  118. margin:0 auto -12px auto;
  119. text-align:center;
  120. background-color:{color:bg};
  121. }
  122.  
  123. #sidebar {
  124. background-color:#fff;
  125. padding:10px;
  126. border:1px solid {color:border};
  127. position:fixed;
  128. width:245px;
  129. height:auto;
  130. margin-left:-130px;
  131. margin-top:160px;
  132. z-index:100;
  133. color:{color:text};
  134. }
  135.  
  136. #sidebar img {
  137. opacity:1;
  138. width:245px;
  139. height:auto
  140. }
  141.  
  142. .links {
  143. width:auto;
  144. text-align:center;
  145. }
  146.  
  147. .links a {
  148. padding:3px;
  149. font-family:arial;
  150. font-size:9px;
  151. color:{color:link};
  152. border:0px solid #ccc;
  153. }
  154.  
  155. .links a:hover{
  156. background-color:{color:sblink hover};
  157. color:{color:hover};
  158. border:1px solid #ccc;
  159. }
  160.  
  161. .desc {
  162. margin-top:-4px;
  163. width:auto;
  164. font-family:arial;
  165. font-size:9px;
  166. line-height:140%;
  167. text-align:justify;
  168. }
  169.  
  170. .desc a {
  171. color:{color:link};
  172. }
  173.  
  174. #stuffcontainer {
  175. float:left;
  176. margin-left:200px;
  177. margin-top:20px;
  178. text-align:justify;
  179. color:{color:text};
  180. background-color:{color:bg};
  181. padding:15px;
  182. }
  183.  
  184. #stuff {
  185. background-color:#fff;
  186. border:1px solid {color:border};
  187. padding:20px;
  188. width:500px;
  189. margin-top:9px;
  190. text-align:justify;
  191. font-size:9px;
  192. font-family:arial;
  193. font-style:normal;
  194. line-height:170%;
  195. color:{color:text};
  196. margin-bottom:80px;
  197. }
  198.  
  199. #stuff a {
  200. color:{color:link};
  201. }
  202.  
  203. #stuff a:hover {
  204. color:{color:hover};
  205. }
  206.  
  207. #pagi {
  208. font-size:10px;
  209. font-family:arial;
  210. font-style:normal;
  211. text-transform:lowercase;
  212. text-align:center;
  213. margin-top:30px;
  214. background-color:#fff;
  215. border:1px solid #ccc;
  216. padding:10px;
  217. }
  218.  
  219. #pagi a {
  220. color:{color:link};
  221. margin:5px;
  222. padding:5px;
  223. display:inline-block;
  224. border:0px solid #ccc;
  225. }
  226.  
  227. #pagi a:hover {
  228. background-color:#f2f2f2;
  229. border:1px solid #ccc;
  230. }
  231.  
  232. #pagi .currentpage {
  233. color:{color:link};
  234. background-color:#f2f2f2;
  235. border:1px solid #ccc;
  236. margin:5px;
  237. padding:5px;
  238. display:inline-block;
  239. }
  240.  
  241. .caption {
  242. font-size:9px;
  243. width:500px;
  244. text-align:justify;
  245. line-height:120%;
  246. }
  247.  
  248. #ask {
  249. padding:10px;
  250. background-color:#f2f2f2;
  251. font-family:arial;
  252. font-size:9px;
  253. border:1px solid #ccc;
  254. }
  255.  
  256. .ans {
  257. padding:2px;
  258. font-family:arial;
  259. font-size:9px;
  260. }
  261.  
  262. .audio {
  263. width:500px;
  264. padding:0px;
  265. }
  266.  
  267. .playercontainer {
  268. width:500px;
  269. }
  270.  
  271. .player {
  272. padding:0px;
  273. }
  274.  
  275. #postinfo {
  276. font-family:arial;
  277. width:500px;
  278. padding:0px;
  279. margin-top:7px;
  280. font-size:9px;
  281. font-style:normal;
  282. text-transform:lowercase;
  283. letter-spacing:0px;
  284. text-align:left;
  285. }
  286.  
  287. #postinfo a {
  288. padding:3px;
  289. color:{color:link};
  290. font-style:normal;
  291. border:0px solid #ccc;
  292. background-color:#fff;
  293. }
  294.  
  295. #postinfo a:hover {
  296. background-color:{color:sblink hover};
  297. border:1px solid #ccc;
  298. }
  299.  
  300. ol.notes {
  301. padding:0px;
  302. margin:25px 0px;
  303. list-style-type:none;
  304. }
  305.  
  306. ol.notes li.note {
  307. padding: 10px;
  308. }
  309.  
  310. ol.notes li.note img.avatar {
  311. vertical-align:-4px;
  312. border-radius:100%;
  313. margin-right:10px;
  314. width:16px;
  315. height:16px;
  316. }
  317.  
  318. ol.notes li.note span.action {
  319. font-weight:normal;
  320. }
  321.  
  322. ol.notes li.note .answer_content {
  323. font-weight:normal;
  324. }
  325.  
  326. ol.notes li.note blockquote {
  327. padding:9px 6px 9px 6px;
  328. margin:10px 0px 0px 25px;
  329. }
  330.  
  331. .tags {
  332. margin-top:5px;
  333. width:500px;
  334. padding:0px;
  335. font-family:arial;
  336. font-size:9px;
  337. font-style:normal;
  338. text-transform:lowercase;
  339. text-align:left;
  340. padding:0px;
  341. }
  342.  
  343. .tags a {
  344. letter-spacing:0px;
  345. padding:4px;
  346. color:{color:link};
  347. border:0px solid #ccc;
  348. }
  349.  
  350. .tags a:hover {
  351. background-color:{color:sblink hover};
  352. border:1px solid #ccc;
  353. }
  354.  
  355.  
  356. .chat ol {
  357. line-height:170%;
  358. list-style:none;
  359. width:500px;
  360. margin-left:-40px;
  361. }
  362.  
  363. .line.odd {
  364. background:#f6f6f6;
  365. margin-bottom:2px;
  366. padding:4px;
  367. }
  368.  
  369. .line.even {
  370. background:#fafafa;
  371. margin-bottom:2px;
  372. padding:4px;
  373. }
  374.  
  375. .label {
  376. padding-right:2px;
  377. text-transform:normal;
  378. font-weight:bold;
  379. color:{color:link};
  380. }
  381.  
  382. #cred {
  383. position:fixed;
  384. font-size:8px;
  385. line-height:120%;
  386. right:10px;
  387. bottom:15px;
  388. text-align:center;
  389. padding:2px;
  390. padding-top:11px;
  391. padding-bottom:11px;
  392. text-transform:uppercase;
  393. letter-spacing:2px;
  394. background-color:#ffffff;
  395. border:1px solid #ccc;
  396. }
  397.  
  398. #cred a {
  399. padding:7px;
  400. color:{color:link};
  401. }
  402.  
  403. #cred a:hover {
  404. color:{color:hover};
  405. }
  406.  
  407.  
  408.  
  409. {CustomCSS}
  410.  
  411. </style></head>
  412. <body>
  413. <div id="theme">
  414. <div id="sidebar">
  415. <a href="/"><img src="{image:sidebar}" /></a>
  416. <div id="title">{title}</div>
  417. <div class="desc">
  418. {description}
  419. </div>
  420. <div class="links">
  421. {block:IfLink1}
  422. <a href="{text:link1 url}">{text:link1}</a>
  423. {/block:IfLink1}
  424. {block:IfLink2}
  425. <a href="{text:link2 url}">{text:link2}</a>
  426. {/block:IfLink2}
  427. {block:IfLink3}
  428. <a href="{text:link3 url}">{text:link3}</a>
  429. {/block:IfLink3}
  430. {block:IfLink4}
  431. <a href="{text:link4 url}">{text:link4}</a>
  432. {/block:IfLink4}
  433. {block:IfLink5}
  434. <a href="{text:link5 url}">{text:link5}</a>
  435. {/block:IfLink5}
  436. </div>
  437. </div>
  438.  
  439. <div id="stuffcontainer">
  440.  
  441. {block:Posts}
  442.  
  443. <div id="stuff">
  444.  
  445. {block:Text}{block:Title}<h2>{Title}</h2>{/block:Title}{Body}{/block:Text}
  446.  
  447. {block:Quote}<h3>“{Quote}”</h3><h1>― {Source}</h1>{/block:Quote}
  448.  
  449. {block:Link}<a href="{URL}"><h2>{Name}</h2></a>
  450. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  451.  
  452. {block:Photo}<center><img src="{PhotoURL-500}"/></center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  453.  
  454. {block:Photoset}<center>{Photoset-500}</center>
  455. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  456.  
  457. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}<div class="chat"><ol>{block:Lines}<li class="line {Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label}{Line}</li>{/block:Lines}</ol></div>{/block:Chat}
  458.  
  459. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  460.  
  461. {block:Answer}<div id="ask"><big><b>Q:</b></big> {Question} -{Asker}</div><div class="ans">{Answer}</div>{/block:answer}
  462.  
  463. {block:Audio}
  464. <div class="audio"><div class="playercontainer"></div><div class="player">{AudioPlayerWhite}</div> <div class="info" style="margin-top:10px; margin-left:0px;"><b>Artist:</b> <span{block:Artist} style="display:none;"{/block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist} <b>Title:</b> <span{block:TrackName} style="display:none;"{/block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}<b> Album:</b> <span{block:Album} style="display:none;"{/block:Album}>Unknown</span>{block:Album}{Album}{/block:Album}</div></div><br>
  465. {/block:Audio}
  466.  
  467.  
  468. {block:Date}
  469. <div id="permalink">
  470.  
  471. <div id="postinfo"><font style="font-weight:bold; font-size:11px;">{DayOfWeek}, {Month} {DayofMonthwithSuffix}</font></a>
  472. //
  473. {block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}
  474.  
  475. {block:PermalinkPage}
  476.  
  477. {block:ContentSource}
  478. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  479. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  480. {/block:SourceLogo}
  481. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  482. {/block:ContentSource}
  483. //
  484. {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{block:ContentSource} // <a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:ContentSource}{/block:RebloggedFrom}
  485.  
  486. {/block:PermalinkPage}
  487. </div>
  488. {block:HasTags}
  489. <div class="tags">filed under:{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}
  490. </div>
  491. {/block:HasTags}
  492.  
  493.  
  494. </div>
  495. {/block:Date}
  496.  
  497.  
  498. <!— {SourceURL}{block:SourceLogo}<img src=”{BlackLogoURL}”width=”{LogoWidth}” height=”{LogoHeight}” alt=”{SourceTitle}” />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} —>{/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}{block:PostNotes}{PostNotes}
  499. {/block:PostNotes}
  500.  
  501.  
  502. </div>
  503.  
  504.  
  505. {/block:Posts}
  506.  
  507. <div id="pagi">
  508. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">newer</a>{/block:PreviousPage}{block:JumpPagination length="5"}{block:CurrentPage}<span class="currentpage">{PageNumber}</span>{/block:CurrentPage}{block:JumpPage}<a href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}{block:NextPage}<a href="{NextPage}">older</a>{/block:NextPage}{/block:Pagination}
  509. </div>
  510.  
  511. <div id="cred"><a href="http://msswans.tumblr.com/">ms</a></div>
  512.  
  513. </div>
  514. </div>
  515. </div>
  516. </body>
  517. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement