API tools faq
paste
Advertisement
MAThemes

Theme #18

MAThemes
Aug 19th, 2013
3,627
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.44 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. Theme #18
  3. by: myackles.tumblr.com
  4.  
  5. Editing is okay as long as you:
  6. ★ DO NOT CLAIM AS YOUR OWN
  7. ★ DO NOT USE AS A BASE
  8. ★ DO NOT REMOVE/MOVE THE CREDIT !!
  9. -->
  10.  
  11. <html><head>
  12. <title>{Title}</title>
  13. <link href='http://fonts.googleapis.com/css?family=Carrois+Gothic+SC' rel='stylesheet' type='text/css'>
  14.  
  15. <meta name="color:Background" content="#ffffff"/>
  16. <meta name="color:Font" content="#a09f9f"/>
  17. <meta name="color:Links" content="#444443"/>
  18. <meta name="color:Bold" content="#afd5f5"/>
  19. <meta name="color:Blog Title" content="#939394"/>
  20. <meta name="color:Text Hover" content="#c5dff8"/>
  21. <meta name="color:Borders" content="#ebebeb"/>
  22. <meta name="color:Scrollbar" content="#585656"/>
  23. <meta name="text:Link 1 url" content="/" />
  24. <meta name="text:Link 1 title" content="link1" />
  25. <meta name="text:Link 2 url" content="/" />
  26. <meta name="text:Link 2 title" content="link2" />
  27. <meta name="text:Link 3 url" content="/" />
  28. <meta name="text:Link 3 title" content="link3" />
  29. <meta name="text:Link 4 url" content="/" />
  30. <meta name="text:Link 4 title" content="link4" />
  31. <meta name="text:Link 5 url" content="/" />
  32. <meta name="text:Link 5 title" content="link5" />
  33.  
  34. <meta name="text:LEFT SIDEBAR HEIGHT" content="150"/>
  35. <meta name="text:RIGHT SIDEBAR HEIGHT" content="180"/>
  36.  
  37. <meta name="image:Background Image" content=""/>
  38. <meta name="image:Right Sidebar Background Image" content="http://25.media.tumblr.com/b204c6e595d71365c6b79d0562d342b9/tumblr_mlkd99StgD1r9c5eeo2_500.jpg"/>
  39. <meta name="image:Sidebar Image" content="
  40. http://24.media.tumblr.com/901fe038e0f010b1705beaf1b5ef99ce/tumblr_mretw1HjRz1qegk4go1_500.png"/>
  41.  
  42. <meta name="if:Show Archive Button" content="1">
  43. <meta name="if:Show Message Button" content="1">
  44. <meta name="if:Show Home Button" content="1">
  45. <meta name="if:Show Submit Button" content="1">
  46. <meta name="if:Show Link1" content="1">
  47. <meta name="if:Show Link2" content="1">
  48. <meta name="if:Show Link3" content="1">
  49. <meta name="if:Show Link4" content="1">
  50. <meta name="if:Show Link5" content="1">
  51. <meta name="if:InfiniteScrolling" content="0">
  52.  
  53. <link rel="shortcut icon" href="{Favicon}">
  54. <style type="text/css">
  55.  
  56.  
  57. /* ~ HOVER ~ */
  58.  
  59. ::selection {
  60. background:{color:Text hover};}
  61. ::-moz-selection {
  62. background:{color:Text hover};}
  63. ::-webkit-selection {
  64. background:{color:Text hover};}
  65.  
  66. /* ~ BASICS ~ */
  67. body {
  68. font-family:Trebuchet MS;
  69. font-size: 10px;
  70. line-height: 100%;
  71. text-align: justify;
  72. color: {color:Font};
  73. background-color: {color:Background};
  74. background-image: url('{image:Background Image}');
  75. background-attachment: fixed;
  76. background-position: left top;
  77. background-repeat: repeat; }
  78.  
  79. a:link, a:visited, a:active {
  80. text-decoration: none;
  81. color: {color:Links};
  82. -webkit-transition: all 0.4s ease-in-out;
  83. -moz-transition: all 0.4s ease-in-out;
  84. -o-transition: all 0.4s ease-in-out;
  85. transition: all 0.4s ease-in-out;}
  86.  
  87. a:hover {background-color: {color:text hover};
  88.  
  89. -webkit-transition:all 0.2s ease;
  90. -moz-transition:all 0.2s ease;
  91. transition:all 0.2s ease;
  92. }
  93.  
  94. l {
  95. padding: 1px 7px 2px 3px;
  96. text-decoration: none;
  97. font-size: 12px;
  98. font-family:arial;
  99. text-shadow:3px 0px #f0c8c8, -3px 0px #c9e4ad;
  100. color: {color:Links};
  101. border: 1px solid {color:Background};
  102. -webkit-transition: all 0.4s ease-in-out;
  103. -moz-transition: all 0.4s ease-in-out;
  104. -o-transition: all 0.4s ease-in-out;
  105. transition: all 0.4s ease-in-out;
  106. border-bottom: 0px solid transparent;}
  107.  
  108. b, strong {
  109. color: {color:Bold};}
  110.  
  111. blockquote {
  112. margin-left: 0px;
  113. padding-left:10px;
  114. border-left: 2px solid {color:Borders};}
  115.  
  116. #title {
  117. padding-bottom: 4px;
  118. font: 12px arial;
  119. text-align: center;}
  120.  
  121. #link {
  122. margin-top: 5px;
  123. padding-bottom: 4px;
  124. font-size: 12px;
  125. text-align: center;}
  126.  
  127. h1 {
  128. font-size: 12px;
  129. background: {color:Ask and info Background};
  130. line-height: 15px;
  131. letter-spacing: 1px;
  132. text-transform: none;
  133. font-weight: normal;
  134. text-align: center;
  135. margin-top: 0px;
  136. margin-bottom: -2px;
  137. padding-bottom: 5px;
  138. padding-top: 5px;
  139. color: {color:Posts Title}; }
  140.  
  141. /* ~ POSTS ~ */
  142.  
  143. #entries {
  144. font-family:arial;
  145. margin-left:190px;
  146. margin-top: 50px;
  147. margin-bottom: 20px;
  148. width: 500px; }
  149.  
  150. #posts {
  151. overflow: hidden;
  152. font-family: arial;
  153. margin-bottom: 10px;
  154. width: 500px;
  155. padding: 10px 10px 10px 10px;
  156. }
  157.  
  158. /* ~ POST INFO ~ */
  159.  
  160. #info {
  161. font-size:10px;
  162. width: 492px;
  163. text-align:center;
  164. padding: 4px;
  165. font: 10px;
  166. margin-top:-20px;
  167. border-top: 2px solid {color:borders};
  168. margin-left:10px;
  169. margin-bottom:20px; }
  170.  
  171.  
  172. /* ~ QUOTE ~ */
  173.  
  174. #quote { font-weight:bold; text-align: left;
  175. font: 12px 'Carrois Gothic SC', sans-serif;
  176. text-transform:uppercase;}
  177. #source {font-size: 10px;margin-top: 5px;}
  178.  
  179. /* ~ AUDIO ~ */
  180.  
  181. #audioplayer {
  182. z-index:1; height:26px; width:27px;
  183. margin-top:28px; margin-left:28px;
  184. overflow:hidden; position:absolute;
  185. opacity: 1; filter:alpha(opacity=60);}
  186.  
  187. #albumart {
  188. padding-left:3px;
  189. padding-right:3px;
  190. padding-top:11px;
  191. padding-bottom:1px;
  192. z-index:0;
  193. float:left;
  194. margin:0px 7px;
  195. opacity: 0.8;}
  196.  
  197.  
  198. #picture{display:inline-block; opacity:0.7;margin-left:-28px;padding-right:-10px;border-right:2px solid {color:bold} ;}
  199.  
  200.  
  201. #stuff {
  202.  
  203.  
  204. font: 10px 'Carrois Gothic SC', sans-serif;
  205. background-color:{color:ask and info background};
  206. margin-top:-4px;
  207. margin:-7px; padding:10px; letter-spacing:1;
  208. font-size:10px; margin-top:5px;}
  209.  
  210.  
  211. /* ~ QUESTION ~ */
  212.  
  213. .questions {
  214. text-align: left;
  215. margin: 3px;
  216.  
  217. font-weight:bold;
  218. font: 11px 'Carrois Gothic SC', sans-serif;
  219. padding-bottom:7px;
  220. border-bottom:2px solid {color:bold};
  221. }
  222.  
  223. .questionsq {margin: 5px;}
  224. .asker{background-color: {color:text hover};display:inline-block; }
  225.  
  226.  
  227. /* ~ CHAT ~ */
  228.  
  229. margin:8px;
  230. .user_1 .label {color:{color:links}; font-weight:bold;}
  231. .user_2 .label {color:{color:links}; font-weight:bold;}
  232. .user_3 .label {color:{color:links}; font-weight:bold;}
  233. .user_4 .label {color:{color:links}; font-weight:bold;}
  234. .user_5 .label {color:{color:links}; font-weight:bold;}
  235. .user_6 .label {color:{color:links}; font-weight:bold;}
  236. .user_7 .label {color:{color:links}; font-weight:bold;}
  237. .user_8 .label {color:{color:links}; font-weight:bold;}
  238. .user_9 .label {color:{color:links}; font-weight:bold;}
  239. .user_10 .label {color:{color:links}; font-weight:bold;}
  240. .user_11 .label {color:{color:links}; font-weight:bold;}
  241. .user_12 .label {color:{color:links}; font-weight:bold;}
  242. .user_13 .label {color:{color:links}; font-weight:bold;}
  243. .user_14 .label {color:{color:links}; font-weight:bold;}
  244. .user_15 .label {color:{color:links}; font-weight:bold;}
  245. .user_16 .label {color:{color:links}; font-weight:bold;}
  246. .user_17 .label {color:{color:links}; font-weight:bold;}
  247. .user_18 .label {color:{color:links}; font-weight:bold;}
  248. .user_19 .label {color:{color:links}; font-weight:bold;}
  249. .user_20 .label {color:{color:links}; font-weight:bold;}
  250.  
  251. ul.chat, .chat ol, .chat li {
  252. padding:0px;
  253. list-style:none;}
  254.  
  255. /* ~ SCROLLBAR ~ */
  256.  
  257. ::-webkit-scrollbar-thumb:vertical {
  258. height:10px;
  259. background-color: {color:Scrollbar};}
  260. ::-webkit-scrollbar-thumb:horizontal {
  261. height:10px;
  262. background-color: {color:Scrollbar};}
  263.  
  264. ::-webkit-scrollbar {
  265. height: 10px;
  266. width: 2px;
  267. background-color: {color:Post Background};}
  268.  
  269.  
  270. /* ~ PERMALINK NOTES PAGE ~ */
  271.  
  272. #postnotes {
  273. margin:0px 0px 0px 0px;
  274. width:510px;
  275. padding:5px;
  276. font-family:arial;
  277. font-size: 12px;
  278. background-color: none;}
  279.  
  280. #postnotes a {
  281. margin-top:1px;}
  282.  
  283. ol.notes li.note {
  284. padding:1px;
  285. border-bottom: solid 0px;}
  286.  
  287. ol.notes li.note img.avatar {
  288. vertical-align:-4px;
  289. margin-right:0px;
  290. width:16px;
  291. height:16px;}
  292.  
  293. /* ~ SIDEBAR ~ */
  294. #sbarb {
  295. width:200px;margin-left: 19px;
  296. padding: 4px; position: absolute;
  297. z-index:1;
  298.  
  299. -webkit-transition:all 0.8s ease;
  300. -moz-transition:all 0.8s ease;
  301. }
  302.  
  303. #center {
  304. margin-left: auto;
  305. margin-right: auto;
  306. width: 800px; }
  307.  
  308. #position {
  309. position: fixed;
  310. margin-top: -60px;
  311. left:20px;
  312. border-left:1px solid {color:borders};
  313. padding:5px;
  314. background-color:none;
  315. font-size:10px;
  316. width: 250px;
  317. height:100%;
  318. } }
  319.  
  320. #sidebar {
  321. position: fixed;
  322. padding: 0px 0px 30px 0px;
  323. font: 11px;
  324. color: {color:Font};}
  325.  
  326. #position1 {
  327. position: fixed;
  328. margin-top: -60px;
  329. right:12px;
  330. padding:5px;
  331.  
  332. background-image: url('{image:Right Sidebar Background Image}');
  333. border:1px solid {color:borders};
  334. width: 120px;
  335. height:100%;
  336. z-index:1; }
  337.  
  338.  
  339.  
  340. .margin { margin-top:40%;}
  341.  
  342. .ttl {
  343. margin-top:{text:LEFT SIDEBAR HEIGHT}px;
  344. width: 200px; font-weight:bold;
  345. font: 12px 'Carrois Gothic SC', sans-serif;
  346. text-transform:uppercase;
  347. margin-bottom:-2px; margin-left:-4px;
  348. border-bottom:4px solid {color:bold};
  349. padding-bottom:5px;
  350. color: {color:Blog Title};
  351.  
  352.  
  353. -webkit-transition:all 0.2s ease;
  354. -moz-transition:all 0.2s ease;
  355. transition:all 0.2s ease;
  356. }
  357.  
  358. .ttl:hover { -webkit-transition:all 0.2s ease;
  359. -moz-transition:all 0.2s ease;
  360. transition:all 0.2s ease; }
  361.  
  362. .description {
  363. font-size:10px;
  364.  
  365.  
  366. }
  367.  
  368. /* ~ SUBLINKS ~ */
  369.  
  370. .first { font: 11px 'Carrois Gothic SC', sans-serif;
  371. text-align:center;
  372. padding:3px;
  373. width:50px;
  374. letter-spacing: 1px;
  375. margin-left:18px;
  376. border-bottom:2px solid {color:background};
  377. color:{color:links};
  378. -webkit-transition:all 0.2s ease;
  379. -moz-transition:all 0.2s ease;
  380. transition:all 0.2s ease;
  381. }
  382.  
  383. .first:hover {
  384.  
  385. -webkit-transition:all 0.2s ease;
  386. -moz-transition:all 0.2s ease;
  387. transition:all 0.2s ease;}
  388.  
  389. .sublinks {
  390. width:40px;
  391. opacity:0.9;
  392. margin-left:12px;
  393. position: absolute;
  394. margin-top:{text:RIGHT SIDEBAR HEIGHT}px;
  395. text-align:center;
  396. -webkit-transition:all 0.4s ease;
  397. -moz-transition:all 0.4s ease;
  398. transition:all 0.4s ease;
  399.  
  400. shadow: 1px 1px 0px {color:Text Shadow};
  401. }
  402.  
  403. .sublinks a {
  404. font-family:arial;
  405. font-size: 8px;
  406. background-color:{color:Links};
  407. display: inline-block;
  408. letter-spacing: 1px;
  409. padding:3px;
  410. width:90px;
  411.  
  412. opacity:1;
  413. -webkit-transition: all 0.4s ease-out;
  414. -moz-transition: all 0.4s ease-out;
  415. transition: all 0.4s ease-out;
  416. text-transform: uppercase;
  417. color: {color:background};
  418. }
  419.  
  420. .sublinks a:hover{text-shadow:none;
  421.  
  422. background-color:{color:background};
  423.  
  424. color:{color:links};
  425. -webkit-transition: all 0.4s ease-out;
  426. -moz-transition: all 0.4s ease-out;
  427. transition: all 0.64s ease-out; }
  428.  
  429. #sidebar:hover .sublinks {
  430. opacity:0.9;z-index:9999;
  431. -webkit-transition: all 0.5s ease-out;
  432. -moz-transition: all 0.5s ease-out;
  433. transition: all 0.5s ease-out;}
  434.  
  435. #sidebar:hover .sublinks a{
  436. opacity:1;z-index:9999;
  437. -webkit-transition: all 0.5s ease-out;
  438. -moz-transition: all 0.5s ease-out;
  439. transition: all 0.5s ease-out;}
  440.  
  441.  
  442. .sublinks1 { font-family:arial;
  443. font-size: 8px; padding-top:3px;
  444. background-color:none;border-top:4px solid {color:bold};
  445.  
  446. }
  447.  
  448. .sublinks1 a {
  449. border-bottom:2px solid {color:background};
  450. border-bottom:2px solid none;
  451. display: inline-block;
  452. font:calibri;
  453. -webkit-transition: all 0.5s ease-out;
  454. -moz-transition: all 0.5s ease-out;
  455. transition: all 0.5s ease-out;
  456. font-size: 8px;
  457. padding:3px;
  458. color: {color:links};
  459. text-transform: uppercase;
  460. letter-spacing: 1px;
  461. }
  462.  
  463. .sublinks1 a:hover{
  464. border-bottom:2px solid {color:bold};
  465. background-color:{color:background};
  466. -webkit-transition: all 0.5s ease-out;
  467. -moz-transition: all 0.5s ease-out;
  468. transition: all 0.5s ease-out;
  469. }
  470.  
  471. /* ~ PAGES ~ */
  472.  
  473. #pagination {
  474. font-family:arial;
  475. text-align:center;
  476. font-size:8px;
  477. text-transform:uppercase}
  478.  
  479. #bling { opacity:0.7; display: inline;}
  480.  
  481.  
  482. </style>
  483. </head>
  484. <body>
  485.  
  486. {block:IfInfiniteScrolling}<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:IfInfiniteScrolling}
  487. <div id="center"><div id="position1"><center>
  488.  
  489. <div class="sublinks">
  490. <center><div class="first">LINKS</div><br>
  491. {block:IfShowLink1}<a href="{text:Link 1 url}">{text:Link 1 title} </a><br><br>{/block:IfShowLink1}
  492. {block:IfShowLink2}<a href="{text:Link 2 url}">{text:Link 2 title}</a><br><br>{/block:IfShowLink2}
  493. {block:IfShowLink3}<a href="{text:Link 3 url}">{text:Link 3 title}</a><br><br>{/block:IfShowLink3}
  494. {block:IfShowLink4}<a href="{text:Link 4 url}">{text:Link 4 title}</a><br><br>{/block:IfShowLink4}
  495. {block:IfShowLink5}<a href="{text:Link 5 url}">{text:Link 5 title}</a><br><br>{/block:IfShowLink5}
  496. <a href="http://www.myackles.tumblr.com">theme</a><br><br>
  497.  
  498. {block:IfNotInfiniteScrolling}
  499. <div class="first">PAGES</div><br>
  500. <div id="pagination">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">prev</a><br><br>{/block:PreviousPage}{block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}{/block:Pagination}</div>
  501. {/block:IfnotInfiniteScrolling}
  502. </center>
  503.  
  504.  
  505. </div></div>
  506. <div id="position">
  507. <div class="margin"></div>
  508.  
  509. <div id="sidebar">
  510.  
  511. <center><div class="ttl">{title}</div>
  512. <center>
  513. <div id="sbarb">
  514.  
  515. <img src="{image:Sidebar Image}" width="200" >
  516. <center><div class="sublinks1">
  517.  
  518. <!--
  519.  
  520. ↓ THE MAIN NAVI IS DOWN HERE ↓
  521.  
  522. -->{block:IfShowHomeButton}<a href="/">home</a></a>{/block:IfShowHomeButton}{block:IfShowMessageButton}<a href="/ask">message</a></a>{/block:IfShowMessageButton}{block:IfShowSubmitButton}<a href="/submit">submit</a>{/block:IfShowSubmitButton}{block:IfShowArchiveButton}<a href="/archive">archive</a>{/block:IfShowArchiveButton}</div></center>
  523.  
  524.  
  525. <div class="description"><div id="cmon">
  526.  
  527. <br>
  528. {description}
  529. <br><br>
  530. </div></div> </div>
  531.  
  532. </center>
  533. </div>
  534. </div>
  535.  
  536. <div id="entries">
  537. {block:IfInfiniteScrolling}<div class = "autopagerize_page_element" >{/block:IfInfiniteScrolling}{block:Posts}
  538. <div id="posts">
  539.  
  540. <div id="title">
  541. {block:Title}
  542. <h1>{Title}&nbsp;</h1>
  543. {/block:Title}
  544. </div>
  545. {block:Text}
  546. {Body}
  547. {/block:Text}
  548.  
  549. {block:Quote}
  550. <div id="quote">
  551.  
  552. <center>"
  553. {Quote}"
  554. </center>
  555.  
  556. </div>
  557. {block:Source}
  558. <div id="source">
  559. <center>
  560. {Source}
  561. </center>
  562. </div>{/block:Source}
  563. {/block:Quote}
  564.  
  565. {block:Link}
  566. <a href="{URL}" class="link" {Target}><h1>{Name}&nbsp;</h1></a>
  567. {block:Description}{Description}{/block:Description}
  568. {/block:Link}
  569.  
  570. {block:Photo}
  571. {LinkOpenTag}
  572. <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  573. {LinkCloseTag}<br>
  574. {block:Caption}
  575. {Caption}
  576. {/block:Caption}
  577. {/block:Photo}
  578.  
  579. {block:Photoset}
  580. {Photoset-500}
  581. {block:Caption}
  582. {Caption}
  583. {/block:Caption}
  584. {/block:Photoset}
  585.  
  586. {block:Chat}
  587. <ul class="chat">
  588. {block:Lines}
  589. <li class="user_{UserNumber}">
  590. {block:Label}
  591. <span class="label">{Label}</span>
  592. {/block:Label}
  593. &nbsp;{Line}</li>
  594. {/block:Lines}</ul>
  595. {/block:Chat}
  596.  
  597. {block:Video}
  598. {Video-500}
  599. {block:Caption}
  600. {Caption}
  601. {/block:Caption}
  602. {/block:Video}
  603.  
  604. {block:Answer}
  605. <div class="questions"><div class="asker">{Asker}</div> said: &nbsp{Question}</div>
  606. <div class="questionsq">{Answer}</div>
  607. {/block:Answer}
  608.  
  609. {block:Audio}
  610. <div id="audioplayer">{AudioPlayerWhite}</div>
  611. <div id="albumart">{block:AlbumArt} <img src="{AlbumArtURL}" width="60" height="60">{/block:AlbumArt}<div id="picture"> <img src="http://waktattoos.com/large/Music_tattoo_456.png"width=60px> </div> </div>
  612. <div id="stuff">
  613. <b><u>Song:</u> </b>{block:TrackName}{TrackName}{/block:TrackName}<br>
  614. <b><u>Artist:</u> </b>{block:Artist}{Artist}{/block:Artist}<br>
  615. <b><u>Album:</u> </b>{block:Album}{Album}{/block:Album}<br>
  616. <b><u>Played:</u> </b>{FormattedPlayCount} times<br>
  617.  
  618. </div>
  619. <br>
  620.  
  621.  
  622.  
  623. {block:Caption}
  624. {Caption}
  625. {/block:Caption}
  626. {/block:Audio}
  627. </div><br>
  628.  
  629. <div id="info">
  630. <a href="{Permalink}">{TimeAgo}</a>{/block:Date}{block:NoteCount}&nbsp;+&nbsp;<a href="{Permalink}">♡{NoteCount} notes</a>{/block:NoteCount}{block:RebloggedFrom}&nbsp;&nbsp;+&nbsp;<a href="{ReblogParentURL}"><a href="{ReblogParentURL}"> via</a>{/block:RebloggedFrom}
  631. {block:ContentSource}&nbsp;+&nbsp;<a href="{SourceURL}">source </a>&nbsp;+&nbsp;<a href="{ReblogURL}" target="_blank">reblog</a>
  632. </a>{block:ContentSource}{/block:RebloggedFrom}<br>{block:IfItalicTags}<i>{/block:IfItalicTags}
  633. {block:HasTags}{block:Tags}# <a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}
  634. </i></div>
  635. {block:PostNotes}{PostNotes}{/block:PostNotes}
  636. {/block:Posts}</div></div>
  637.  
  638.  
  639.  
  640. </div>{block:IfInfiniteScrolling}</div>{/block:IfInfiniteScrolling}
  641. </body>
  642. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!