Advertisement
MAThemes

Theme #9

Dec 11th, 2012
6,634
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.12 KB | None | 0 0
  1. <!--
  2. |Theme #9 by:
  3. |myackles.tumblr.com
  4. |
  5. |Editing is okay as long as you:
  6. |DO NOT CLAIM AS YOUR OWN OR REMOVE THE CREDIT!!
  7. -->
  8.  
  9. <html><head>
  10. <link href='http://fonts.googleapis.com/css?family=Kotta+One|Rosarivo:400,400italic|PT+Mono|Trocchi|Arapey:400italic,400' rel='stylesheet' type='text/css'>
  11.  
  12. <meta name="color:Background" content="#f8f8f8"/>
  13. <meta name="color:Post Background" content="#ffffff"/>
  14. <meta name="color:Font" content="#b1b1b1"/>
  15. <meta name="color:Links" content="#d68181"/>
  16. <meta name="color:Links Hover" content="#a5a5a5"/>
  17. <meta name="color:Bold" content="#a7a6a5"/>
  18. <meta name="color:Blog Title" content="#adacab"/>
  19. <meta name="color:Text Hover" content="#fae2d7"/>
  20. <meta name="color:Post Info Background" content="#f5f5f5"/>
  21. <meta name="color:Post Border" content="#e2e2e2"/>
  22. <meta name="color:Scrollbar" content="#c4c2c1"/>
  23. <meta name="text:Blog Title" content="give me love"/>
  24. <meta name="text:Link 1 url" content="/" />
  25. <meta name="text:Link 1 title" content="link1" />
  26. <meta name="text:Link 2 url" content="/" />
  27. <meta name="text:Link 2 title" content="link2" />
  28. <meta name="text:Link 3 url" content="/" />
  29. <meta name="text:Link 3 title" content="link3" />
  30. <meta name="text:Link 4 url" content="/" />
  31. <meta name="text:Link 4 title" content="link4" />
  32.  
  33. <meta name="image:Sidebar Image" content=""/>
  34. <meta name="image:Background Image" content=""/>
  35. <title>{Title}</title>
  36. <link rel="shortcut icon" href="{Favicon}">
  37.  
  38. <style type="text/css">
  39.  
  40. ::selection {
  41. background:{color:Text hover};
  42. }
  43. ::-moz-selection {
  44. background:{color:Text hover};
  45. }
  46. ::-webkit-selection {
  47. background:{color:Text hover};
  48. }
  49.  
  50. /* ~ BASICS ~ */
  51.  
  52. body {
  53. font-family:Cambria;
  54. font-size: 11px;
  55. line-height: 100%;
  56. text-align: justify;
  57. color: {color:Font};
  58. background-color: {color:Background};
  59. background-image: url('{image:Background Image}');
  60. background-attachment: fixed;
  61. background-position: left top;
  62. background-repeat: repeat; }
  63.  
  64. a:link, a:visited, a:active {
  65. text-decoration: none;
  66. color: {color:Links};
  67. -webkit-transition: all 0.4s ease-in-out;
  68. -moz-transition: all 0.4s ease-in-out;
  69. -o-transition: all 0.4s ease-in-out;
  70. transition: all 0.4s ease-in-out;
  71. }
  72.  
  73. a:hover {
  74.  
  75. -webkit-transition: all 0.5s ease-out;
  76. -moz-transition: all 0.5s ease-out;
  77. transition: all 0.5s ease-out;
  78. text-shadow: 0px 1px 5px rgba(0,0,0,0.13);
  79. color: {color:Links hover};}
  80.  
  81. l {
  82. padding: 1px 7px 2px 3px;
  83. text-decoration: none;
  84. font-size: 12px;
  85. font-family:Cambria;
  86. color: {color:Links};
  87. border: 1px solid {color:Background};
  88. -webkit-transition: all 0.4s ease-in-out;
  89. -moz-transition: all 0.4s ease-in-out;
  90. -o-transition: all 0.4s ease-in-out;
  91. transition: all 0.4s ease-in-out;
  92. border-bottom: 0px solid transparent; }
  93.  
  94. b, strong {
  95. color: {color:Bold}; }
  96.  
  97. blockquote {
  98. margin-left: 2px;
  99. padding-left:6px;
  100. border-left: 2px solid {color:Post Border}; }
  101.  
  102. #title {
  103. padding-bottom: 4px;
  104. font-family:consolas;
  105. font-size: 13px;
  106. text-align: center; }
  107.  
  108. #link {
  109. margin-top: 10px;
  110. padding-bottom: 4px;
  111. font-size: 16px;
  112. text-align: center;}
  113.  
  114. h1 {
  115. font-size: 19px;
  116. line-height: 15px;
  117. letter-spacing: 0px;
  118. text-transform: none;
  119. font-weight: normal;
  120. text-align: left;
  121. margin-top: 0px;
  122. margin-bottom: -5px;
  123. padding: 0px;
  124. color: {color:Posts Title}; }
  125.  
  126. /* ~ POSTS ~ */
  127.  
  128. #entries {
  129. font-family:georgia;
  130. margin-left: 270px;
  131. margin-top: 50px;
  132. margin-bottom: 20px;
  133. width: 520px; }
  134.  
  135. #posts {
  136. overflow: hidden;
  137. font-family: Cambria;
  138. margin-bottom: 10px;
  139. padding: 10px 10px 0px 10px;
  140. border:1px solid {color:Post border};
  141. background: {color:Post Background};
  142. padding-bottom:10px;
  143. }
  144.  
  145. /* ~ POST INFO ~ */
  146.  
  147. #info {
  148. font-size:10px;
  149. text-align:center;
  150. padding: 3px;
  151. font-family:Consolas;
  152. border-top: 2px solid {color:Post border};
  153. margin-top:4px;
  154. border:1px solid {color:Post border};
  155. background: {color:Post Info Background};
  156. opacity:10%;
  157. text-transform: uppercase;
  158. }
  159.  
  160. /* ~ QUOTE ~ */
  161.  
  162. #quote {
  163. font-size: 15px;
  164. font-style:italic;
  165. margin: 3px 0px 0px 35px;
  166. }
  167.  
  168. #source {
  169. font-size: 12px;
  170. margin-top: 10px;
  171. text-align:right;}
  172.  
  173. #speechmark {
  174. position: absolute;
  175. margin: 13px 0 0 -1px;
  176. font-style:italic;
  177. font-family: times new roman;
  178. font-size: 60px;
  179. font-weight: bold;
  180. color: {color:Post Border}; }
  181.  
  182. /* ~ AUDIO ~ */
  183.  
  184. #audio { padding: 0px; }
  185.  
  186. .qu {
  187. opacity: 0.7;
  188. font-family: georgia;
  189. font-size: 25px;
  190. font-weight: bold;
  191. line-height: 33px;}
  192.  
  193. .ote {
  194. opacity: 0.9;
  195. margin-top: -34px;
  196. text-indent: 15px; }
  197.  
  198. .audio {
  199. background-color :white;
  200. display: block; }
  201.  
  202. /* ~ QUESTION ~ */
  203.  
  204. .questions {
  205. text-align: center;
  206. margin: 3px;
  207. font-size: 12px;
  208. padding-bottom:10px;
  209. padding-top:7px;
  210. font-style:italic;
  211. border-bottom:2px solid {color:Post border};
  212. background: {color:Post Background};
  213. }
  214. .questionsq {margin: 5px;}
  215.  
  216. /* ~ CHAT ~ */
  217.  
  218. margin:8px;
  219. .user_1 .label {color:{color:links}; font-weight:bold;}
  220. .user_2 .label {color:{color:links}; font-weight:bold;}
  221. .user_3 .label {color:{color:links}; font-weight:bold;}
  222. .user_4 .label {color:{color:links}; font-weight:bold;}
  223. .user_5 .label {color:{color:links}; font-weight:bold;}
  224. .user_6 .label {color:{color:links}; font-weight:bold;}
  225. .user_7 .label {color:{color:links}; font-weight:bold;}
  226. .user_8 .label {color:{color:links}; font-weight:bold;}
  227. .user_9 .label {color:{color:links}; font-weight:bold;}
  228. .user_10 .label {color:{color:links}; font-weight:bold;}
  229. .user_11 .label {color:{color:links}; font-weight:bold;}
  230. .user_12 .label {color:{color:links}; font-weight:bold;}
  231. .user_13 .label {color:{color:links}; font-weight:bold;}
  232. .user_14 .label {color:{color:links}; font-weight:bold;}
  233. .user_15 .label {color:{color:links}; font-weight:bold;}
  234. .user_16 .label {color:{color:links}; font-weight:bold;}
  235. .user_17 .label {color:{color:links}; font-weight:bold;}
  236. .user_18 .label {color:{color:links}; font-weight:bold;}
  237. .user_19 .label {color:{color:links}; font-weight:bold;}
  238. .user_20 .label {color:{color:links}; font-weight:bold;}
  239.  
  240. ul.chat, .chat ol, .chat li {
  241. padding:0px;
  242. list-style:none;}
  243.  
  244. /* ~ SCROLLBAR ~ */
  245.  
  246. ::-webkit-scrollbar-thumb:vertical {
  247. height:10px;
  248. background-color: {color:Scrollbar};
  249. }
  250. ::-webkit-scrollbar-thumb:horizontal {
  251. height:10px;
  252. background-color: {color:Scrollbar};
  253. }
  254.  
  255. ::-webkit-scrollbar {
  256. height: 10px;
  257. width: 5px;
  258. background-color: {color:Post Background};
  259. }
  260.  
  261. /* ~ PERMALINK NOTES PAGE ~ */
  262.  
  263. #postnotes {
  264. margin:0px 0px 0px 0px;
  265. width:510px;
  266. padding:5px;
  267. font-family:calibri headings;
  268. font-size: 13px;
  269. background-color: none; }
  270.  
  271. #postnotes a {
  272. margin-top:1px; }
  273.  
  274. ol.notes li.note {
  275. padding:2px;
  276. border-bottom: solid 0px;}
  277.  
  278. ol.notes li.note img.avatar {
  279. vertical-align:-4px;
  280. margin-right:0px;
  281. width:16px;
  282. height:16px; }
  283.  
  284. /* ~ PAGES ~ */
  285.  
  286. #pagination {
  287. font-family:consolas;
  288. text-align:center;
  289. font-size:13px;
  290. margin-top: 8px;
  291. text-shadow: 0px 1px 5px rgba(0,0,0,0.13);
  292. text-transform:uppercase}
  293.  
  294. /* ~ SIDEBAR ~ */
  295.  
  296. #sbarb {
  297. width:200px;
  298. padding: 6px;
  299. z-index:0;
  300. background-color:{color:Post Background};
  301. border:5px double {color:Post border};
  302. }
  303.  
  304. #center {
  305. margin-left: auto;
  306. margin-right: auto;
  307. width: 800px; }
  308.  
  309. #position {
  310. position: fixed;
  311. margin-top: -70px;
  312. padding:5px;
  313. width: 200px;
  314. margin-left: -30px;}
  315. }
  316.  
  317. #sidebar {
  318. position: fixed;
  319. z-index:0;
  320. width: 220px;
  321.  
  322. font: 11px calibri;
  323. color: {color:Font};
  324. }
  325. .ttl {
  326. margin-left: 12px;
  327. margin-bottom:-7px;
  328. margin-top:61%;
  329. width:200px;
  330. font: 14px georgia;
  331. font-style:italic;
  332. letter-spacing: 2px;
  333. color: {color:Blog Title};
  334. }
  335.  
  336. .description {
  337. position: fixed;
  338. font-style:georgia;
  339. overflow: hidden;
  340. width: 200px;
  341. font-size: 11px;
  342. margin-left:12px;
  343. margin-top:-18px;
  344. text-align: justify;
  345. color: {color:Font};
  346. background: none;
  347. }
  348.  
  349.  
  350. /* ~ SUBLINKS ~ */
  351.  
  352. .sublinks {
  353. position:fixed;
  354. border:1px solid {color:Post border};
  355. background: {color:Post Background};
  356. width: 220px;
  357. margin-top: -57px;
  358. padding:4px;
  359. margin-left:-5px;
  360. font-family:consolas;
  361. font-size: 10px;
  362. text-transform: uppercase;
  363. letter-spacing: 0px;
  364. color: {color:Links};
  365. padding-bottom: 4px;
  366. }
  367.  
  368. .sublinks a {
  369. font-family:consolas;
  370. font-size: 10px;
  371. text-transform: uppercase;
  372. letter-spacing: 0px;
  373. color: {color:Links};
  374. padding-bottom: 4px;
  375. -webkit-transition: all 0.2s ease-out;
  376. -moz-transition: all 0.2s ease-out;
  377. }
  378.  
  379. .sublinks a:hover{
  380. font-family:consolas;
  381. font-size: 10px;
  382. font-style:italic;
  383. text-transform: uppercase;
  384. letter-spacing: 0px;
  385. padding-bottom: 4px;
  386. -webkit-transition: all 0.5s ease-out;
  387. -moz-transition: all 0.5s ease-out;
  388. transition: all 0.5s ease-out;
  389. color: {color:Links hover};
  390. }
  391.  
  392. /* ~ PAGES ~ */
  393.  
  394. #pagination {
  395. font-family:consolas;
  396. text-align:center;
  397. font-size:13px;
  398. margin-top: 8px;
  399. text-shadow: 0px 1px 5px rgba(0,0,0,0.13);
  400. text-transform:uppercase;
  401. }
  402.  
  403. /* ~ CREDIT ~ */
  404.  
  405. #credit {
  406. position: fixed;
  407. bottom: 4px;
  408. right: 10px;
  409. width: 40px;
  410. -webkit-transition-duration: .90s; }
  411.  
  412. .crdt {
  413. display: block;
  414. width: 40px;box-shadow: 0px 1px 5px rgba(0,0,0,0.13);
  415. padding: 2px 0px 4px 0px;
  416. font: 13px calibri;
  417. font-style: italic;
  418. text-align: center;
  419. color: {color:Links};
  420. background: {color:Background};
  421. border: 1px solid {color:Background};
  422. -webkit-transition-duration: .90s; }
  423. .crdt a, a {
  424. text-decoration: none;
  425. text-transform: none;
  426. color: {color:Links}; }
  427. .crdt:hover {
  428. color: {color:Links Hover};
  429. background: {color:Background};
  430.  
  431. </style>
  432. </head>
  433. <body>
  434. <div id="credit">
  435. <a href="http://myackles.tumblr.com/tagged/my-themes" target="_blank">
  436. <div class="crdt">theme</div></a>
  437. </div></div>
  438. <div id="center">
  439. <div id="position">
  440. <div class="ttl"><br>
  441. <center>
  442. {text:Blog Title}
  443. </center>
  444. </div>
  445.  
  446.  
  447. <div id="sidebar">
  448. <div style="padding-bottom:10px; solid #fdfcfc;margin-bottom:10px;">
  449.  
  450. <center><br>
  451. <div id="sbarb">
  452. <a href="/"><img src="{image:Sidebar Image}" width="200" ></a></div>
  453. </div>
  454.  
  455. <center>
  456. <div class="sublinks">
  457. <a href="/ask">MSSG</a>&nbsp;
  458. <a href="{text:Link 1 url}">{text:Link 1 title}</a> &nbsp;
  459. <a href="{text:Link 2 url}">{text:Link 2 title}</a> &nbsp;
  460. <a href="{text:Link 3 url}">{text:Link 3 title}</a> &nbsp;
  461. <a href="{text:Link 4 url}">{text:Link 4 title}</a>
  462.  
  463. </div></div><br>
  464. <div class="description">
  465. <center>{description}
  466. <div id="pagination">
  467. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">«&nbsp;</a>{/block:PreviousPage}{CurrentPage}/{TotalPages} {block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}
  468. {/block:Pagination}</div>
  469. </div>
  470. </center>
  471.  
  472. </div>
  473.  
  474. <div id="entries">
  475.  
  476. {block:Posts}
  477. <div id="posts">
  478.  
  479. <div id="title">
  480. {block:Title}
  481. <h1>{Title}&nbsp;</h1>
  482. {/block:Title}
  483. </div>
  484. {block:Text}
  485. {Body}
  486. {/block:Text}
  487.  
  488. {block:Quote}<div id="speechmark">“</div>
  489. <div id="quote">
  490. {Quote}
  491. </div>
  492.  
  493. {block:Source}
  494. <div id="source">
  495.  
  496. -{Source}
  497.  
  498. </div>{/block:Source}
  499. {/block:Quote}
  500.  
  501. {block:Link}
  502. <a href="{URL}" class="link" {Target}><h1>{Name}&nbsp;</h1></a>
  503. {block:Description}{Description}{/block:Description}
  504. {/block:Link}
  505.  
  506. {block:Photo}
  507. {LinkOpenTag}
  508. <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  509. {LinkCloseTag}<br>
  510. {block:Caption}
  511. {Caption}
  512. {/block:Caption}
  513. {/block:Photo}
  514.  
  515. {block:Photoset}
  516. {Photoset-500}
  517. {block:Caption}
  518. {Caption}
  519. {/block:Caption}
  520. {/block:Photoset}
  521.  
  522. {block:Chat}
  523. <ul class="chat">
  524. {block:Lines}
  525. <li class="user_{UserNumber}">
  526. {block:Label}
  527. <span class="label">{Label}</span>
  528. {/block:Label}
  529. &nbsp;{Line}</li>
  530. {/block:Lines}</ul>
  531. {/block:Chat}
  532.  
  533. {block:Video}
  534. {Video-500}
  535. {block:Caption}
  536. {Caption}
  537. {/block:Caption}
  538. {/block:Video}
  539.  
  540. {block:Answer}
  541. <div class="questions">{Asker} said: &nbsp{Question}</div>
  542. <div class="questionsq">{Answer}</div>
  543. {/block:Answer}
  544.  
  545. {block:Audio}
  546. <div id="audio">
  547. {block:AlbumArt}
  548. <img src="{AlbumArtURL}" width="55px" height="55px" align="left" style="margin-right:10px" />
  549. {/block:AlbumArt}
  550. {block:TrackName}
  551. Song: <b>{TrackName}</b><br>
  552. {/block:TrackName}
  553. {block:Artist}
  554. Artist: <b>{Artist}</b><br><br>
  555. {/block:Artist}<br>
  556. {AudioPlayerBlack}<br>
  557. </div>
  558. {block:Caption}
  559. {Caption}
  560. {/block:Caption}
  561. {/block:Audio}
  562.  
  563. <div id="info">
  564. <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}
  565. {block:ContentSource}&nbsp;-&nbsp;<a href="{SourceURL}"> source</a>
  566. </a>{block:ContentSource}{/block:RebloggedFrom}<br></div><center><i>
  567. {block:HasTags}{block:Tags}&nbsp<img src="http://i47.tinypic.com/j8dzco.png" height="10px"> <a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}</i></center></div><br>
  568.  
  569. {/block:Posts}
  570. {block:PostNotes}{PostNotes}{/block:PostNotes}
  571. {/block:Posts}</div></div>
  572. </div>
  573. </body>
  574. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement