yeahsource

theme 06

Jun 5th, 2015
666
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.37 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head profile="http://gmpg.org/xfn/11">
  2.  
  3. <!--THEME BASE MADE BY BOXCOLORINGS
  4. DESIGN MADE BY YEAHSOURCE -->
  5.  
  6.  
  7. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  8.  
  9. <title>{Title}</title>
  10. <link rel="shortcut icon" href="{Favicon}" />
  11. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  12.  
  13.  
  14. <!--------default variables-------->
  15. <meta name="image:sidebar" content="sidebar"/>
  16.  
  17.  
  18. <meta name="text:Link1" content="/" />
  19. <meta name="text:Link1 Title" content="link1" />
  20. <meta name="text:Link2" content="/" />
  21. <meta name="text:Link2 Title" content="link2" />
  22.  
  23. <meta name="color:background" content="#ffffff" />
  24. <meta name="color:text" content="#707070" />
  25. <meta name="color:link" content="#eeeeee" />
  26. <meta name="color:link hover" content="#000000" />
  27. <meta name="color:bold" content="#000000" />
  28. <meta name="color:italic" content="#f9f9f9" />
  29. <meta name="color:under" content="#eeeeee" />
  30. <meta name="color:bg links" content="#eeeeee" />
  31. <meta name="color:bg links hover" content="#f9f9f9" />
  32. <meta name="color:borderimg" content="#f1f1f1" />
  33.  
  34. <meta name="if:100px sidebar image" content="1" />
  35.  
  36. <style>
  37.  
  38. /********** PRINCIPAL **********/
  39.  
  40. body {
  41. background-color:{color:background};
  42. font-family:'calibri' 'open sans', 'helvetica neue', arial, sans-serif;
  43. font-size:9px;
  44. color:{color:text};
  45. background-image:{image:background image};
  46. background-attachment: fixed;
  47. }
  48.  
  49. b, strong, bold: { color: {color:bold}; }
  50. u {color: {color:under}; }
  51. i, em { color: {color:italic}; }
  52. s {color: #000;}
  53.  
  54. a, a:link, a:active, a:visited {
  55. color: {color:link};
  56. text-decoration: none;
  57. -webkit-transition: all 0.1s ease-out;
  58. -moz-transition: all 0.1s ease-out; transition: all 0.1s ease-out;}
  59.  
  60. a:hover {
  61. color: {color:link hover};
  62. text-decoration:underline;
  63. -webkit-transition: all 0.1s ease-out;
  64. -moz-transition: all 0.1s ease-out;
  65. transition: all 0.1s ease-out;}
  66.  
  67. .posts {
  68. {block:IndexPage}
  69. margin-bottom:80px;
  70. {/block:IndexPage}
  71. {block:PermalinkPage}
  72. margin-bottom:40px;
  73. {/block:PermalinkPage}
  74. width:500px;
  75. }
  76.  
  77. .entries {
  78. margin-left:-60px;
  79. width:500px;
  80. margin-top:50px;
  81. margin-bottom:50px;
  82. }
  83.  
  84. /* PRE STYLE */
  85. pre {
  86. background: #e6e6e6;
  87. line-height: 20px;
  88. width: auto;
  89. font-size: 11px;
  90. font-family: calibri;
  91. color: #9a9a9a;
  92. font-weight:normal;
  93. text-align: left;
  94. overflow: scroll;
  95. display:block;
  96. word-wrap: break-word;
  97. margin-right: 1px;
  98. margin-bottom: 7px;
  99. padding-left: 5px;
  100. line-height: 20px; }
  101.  
  102.  
  103. /* TITLES */
  104.  
  105. h1 { font-family:calibri;
  106. font-size:18px;
  107. color:#5a5a5a;
  108. text-transform:none;
  109. text-align:left;
  110. line-height:100%;
  111. padding:5px;
  112. }
  113.  
  114.  
  115. /* BLOCKQUOTE */
  116.  
  117. blockquote{
  118. padding:5px;
  119. background:#fff;
  120. border-left:1px solid #cdcdcd;
  121. border-top:2px;
  122.  
  123. }
  124.  
  125.  
  126. /* POST NOTES */
  127.  
  128. div#post_notes li {
  129. list-style-type:square;
  130. padding:5px;
  131. margin-left:-10px;
  132. font-family:calibri; }
  133.  
  134. /********** SCROLLBAR **********/
  135.  
  136. ::-webkit-scrollbar-thumb {
  137. background-color: #eee;
  138. height:auto;}
  139. ::-webkit-scrollbar {
  140. height:5px;
  141. width:4px;
  142. background-color: #fff;
  143. }
  144.  
  145. /*** SIDEBAR ***/
  146. .box1 {
  147. margin-bottom: 10px;
  148. padding: 5px;
  149. text-align: center;
  150. width: 200px;
  151. margin-top:118px;
  152. margin-left: 250px;
  153. position:fixed;
  154. }
  155.  
  156. .espa {
  157. margin-bottom:65px;
  158.  
  159. }
  160.  
  161. .sidebarimg{
  162. position:center;
  163. margin-left:-60px;
  164. padding:3px;
  165. border:8px solid {color:borderimg};
  166. {block:If100pxSidebarImage}
  167. width:100px;
  168. {/block:If100pxSidebarImage}
  169. {block:IfNot100pxSidebarImage}
  170. width:80px;
  171. {/block:IfNot100pxSidebarImage}
  172.  
  173. }
  174.  
  175. .desc{
  176. width:100px;
  177. font-family:arial;
  178. font-size:10px;
  179. text-align:justify;
  180. margin-top:-7px;
  181. margin-left:20px;
  182. margin-bottom:4px
  183.  
  184. }
  185.  
  186.  
  187. /* LINKS */
  188. .menu {
  189. color:{color:link};
  190. border-radius:10px;
  191. background-color:{color:bg links};
  192. position:center;
  193. text-transform:uppercase;
  194. padding:5px;
  195. font-weight:bold;
  196. font-family:arial;
  197. font-size:9px;
  198. letter-spacing:1px;
  199. width:50px;
  200. text-align: center;
  201. margin: 0px;
  202. float:left;
  203. margin-left:7px;
  204. -webkit-transition: all 0.4s;
  205. margin-bottom:2px;
  206.  
  207. }
  208.  
  209. .menu:hover{
  210. color:{color:link hover};
  211. background-color:{color:bg links hover};
  212. padding:5px;
  213. font-family:arial;
  214. font-size:10px;
  215. width:50px;
  216. text-align: center;
  217. -webkit-transition: all 0.4s;
  218.  
  219. }
  220.  
  221.  
  222. /* ASK */
  223.  
  224. .qpergunta{
  225. margin-top:-39px;
  226. margin-left: 0px;
  227. background-color:#f9f9f9;
  228. padding:9px;
  229.  
  230. }
  231.  
  232. .pergunta{
  233. margin-left: 43px;
  234. border-bottom: solid 1px #c6c6c6;
  235. padding-bottom: 5px;
  236. position:fixed;
  237.  
  238. }
  239.  
  240. .resposta{
  241. margin-left: 0px;
  242. margin-top:11px;}
  243.  
  244. /* POSTS TEXTS */
  245.  
  246. .t{
  247. font-size: 20px;
  248. color: #000;
  249. font-family: calibri;
  250. background: #fff;
  251. padding: 2px;
  252.  
  253. }
  254.  
  255. .posts {
  256. margin-left: 578px;
  257. font-family:calibri;
  258. font-size:11px;
  259.  
  260. }
  261.  
  262. .love{
  263. font-family:calibri;
  264. font-size:10px;
  265. text-align:left;
  266. padding:1px;
  267. height:10px;
  268. margin-top:15px;
  269. text-transform:lowercase;
  270.  
  271. }
  272.  
  273.  
  274.  
  275. /* POST INFO */
  276.  
  277. .info {
  278. border-top:1px solid #eeeeee;
  279. padding-top:15px;
  280. text-transform:uppercase;
  281. font-size:9px;
  282. letter-spacing:1px;
  283. margin-top:15px;
  284. }
  285.  
  286. .tags {
  287. margin-top:0px;
  288. font-size:8px;
  289. letter-spacing:1px;
  290. font-style:normal;
  291. }
  292.  
  293. .tags a {
  294. margin-right:8px;
  295. }
  296.  
  297. /*----------credit---------*/
  298.  
  299. .credit {
  300. font-size:11px;
  301. position:fixed;
  302. font-weight:bold;
  303. bottom:15px;
  304. right:15px;
  305. z-index:10;
  306. text-align:right;
  307. letter-spacing:1px;
  308. padding:2px;
  309. }
  310.  
  311. .credit a {
  312. color:{color:links};
  313. text-decoration:none;
  314. }
  315.  
  316. .credit a:hover {
  317. color:{color:links hover};
  318. text-decoration:none;
  319. }
  320.  
  321.  
  322. </style>
  323.  
  324. </head>
  325.  
  326. <body>
  327.  
  328. </div>
  329. </div>
  330.  
  331. <div class="credit">
  332. <a title="creator" href="http://yeahsource.tumblr.com/" target="_blank">YEAH</a></div>
  333.  
  334. <div class="box1">
  335. <img src="{image:sidebar}" class="sidebarimg"/><br><br>
  336. <div class="desc"> {description} </div>
  337.  
  338. <a href="/" class="menu">index</a>
  339. <a href="/ask" class="menu">mssg</a>
  340. <a href="{text:Link1}" class="menu">{text:Link1 Title}</a>
  341. <a href="{text:Link2}" class="menu">{text:Link2 Title}</a>
  342.  
  343.  
  344. <div class="pagination">
  345. {block:Pagination}
  346. {block:PreviousPage}
  347. <a href="{PreviousPage}">back</a>{/block:PreviousPage}&nbsp;
  348.  
  349. {block:NextPage}
  350. <a href="{NextPage}">forth</a>
  351. {/block:NextPage}
  352. {/block:Pagination}
  353. </div>
  354.  
  355. </div>
  356.  
  357.  
  358. <div class="entries">
  359. {block:Posts}
  360. <div class="posts">
  361.  
  362. {block:Text}
  363. <h1>{block:Title}{Title}{/block:Title}</h1>
  364. {Body}{/block:Text}
  365.  
  366.  
  367. {block:Photo}
  368. {LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}
  369. {block:Caption}{Caption}{/block:Caption}
  370. {/block:Photo}
  371.  
  372.  
  373. {block:Photoset}
  374. {Photoset-500}
  375. {block:Caption}{Caption}{/block:Caption}
  376. {/block:Photoset}
  377.  
  378.  
  379. {block:Quote}
  380. <div class="quote">"{Quote}"</div>
  381. {block:Source}<div class="quotesource"> — {Source}</div>
  382. {/block:Source}{/block:Quote}
  383.  
  384.  
  385. {block:Link}
  386. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  387. {block:Description}{Description}{/block:Description}
  388. {/block:Link}
  389.  
  390.  
  391. {block:Chat}
  392. {block:Title}<h1>{Title}</h1>{/block:Title} <div class="chat"> {block:Lines} <li class="line {Alt}"> {block:Label} <span class="label"> {Label}</span> {/block:Label}{Line}</li> {/block:Lines}</div>
  393. {/block:Chat}
  394.  
  395.  
  396. {block:Audio}
  397. {block:AudioPlayer}
  398. <div class="audiowrapper">
  399. <div class="playerbuttonbg">
  400. <div class="playerbutton">
  401. <div class="playerbuttonhug">
  402. {AudioPlayerGrey}
  403. </div></div></div>
  404.  
  405. <div class="trackdetails">
  406. {block:TrackName}<b>TRACK:</b> {TrackName}{/block:TrackName}<br>
  407.  
  408. {block:Artist}<b>ARTIST:</b> {Artist}{/block:Artist}<br>
  409.  
  410. <b>PLAYS:</b> {FormattedPlayCount}</div></div>
  411. {/block:AudioPlayer}
  412.  
  413. {block:Caption}
  414. <div class="caption">{Caption}</div>
  415. {/block:Caption}
  416. {/block:Audio}
  417.  
  418.  
  419. {block:Video}
  420. {Video-500}
  421. {block:Caption}{Caption}{/block:Caption}
  422. {/block:Video}
  423.  
  424.  
  425. {block:Answer}
  426. <div class="question">
  427. <div class="asker"><b>{Asker} said:</b></div>
  428. {Question}</div><br>
  429. <div class="answer">
  430. {Answer}</div>
  431. {/block:Answer}
  432.  
  433.  
  434. <div class="info">
  435. {block:Date}
  436. <b><a href="{Permalink}">{DayOfMonthWithZero}.{ShortMonth}.{ShortYear}</b></a>
  437. {/block:Date} with <b><a href="{Permalink}">{NoteCountWithLabel}</a></b>
  438.  
  439.  
  440. / <a href="{ReblogURL}" target="_blank" class="details"> reblog</a>
  441. </div>
  442.  
  443.  
  444. {block:HasTags}
  445. <div class="tags">
  446. {block:Tags}
  447. <a href="{TagURL}">#{Tag}</a>
  448. {/block:Tags}
  449. </div>
  450. {/block:HasTags}
  451.  
  452. </div>
  453.  
  454.  
  455. {block:PostNotes}
  456. {PostNotes}
  457. {/block:PostNotes}
  458.  
  459. {/block:Posts}
  460.  
  461. {block:ContentSource}
  462. <!---{SourceURL}{block:SourceLogo}<img src=”{BlackLogoURL}”
  463. width=”{LogoWidth}” height=”{LogoHeight}” alt=”{SourceTitle}” />
  464. {/block:SourceLogo}
  465. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} --->
  466. {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  467.  
  468. </body>
  469.  
  470. </div></div></div></div></div></div></div></div></div></div></div>
  471. </html>
Advertisement
Add Comment
Please, Sign In to add comment