API tools faq
paste
Advertisement
erithemes

RED // THEME 3 BY ERIOFRP

erithemes
Sep 25th, 2015
433
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.34 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4.  
  5.  
  6. <title>{Title}</title>
  7.  
  8. <link rel="shortcut icon" href="{Favicon}">
  9. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  10. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  11.  
  12. <!---THEME BY ERIOFRP
  13. BASE CODE BY SPPOCK (WAS KIADAN)--->
  14.  
  15.  
  16. <!--Default Variables-->
  17.  
  18.  
  19. <meta name="color:Background" content="#ffffff"/>
  20. <meta name="color:Text" content="#aaaaaa"/>
  21. <meta name="color:Links" content="#888888"/>
  22. <meta name="color:Hover" content="#ffffff"/>
  23.  
  24. <meta name="color:Scrollbar" content="#000000" />
  25.  
  26. <meta name="image:Sidebar image" content=""/>
  27.  
  28. <meta name="text:Link 1" content=""/>
  29. <meta name="text:Link 1 url" content=""/>
  30. <meta name="text:Link 2" content=""/>
  31. <meta name="text:Link 2 url" content=""/>
  32. <meta name="text:Link 3" content=""/>
  33. <meta name="text:Link 3 url" content=""/>
  34.  
  35.  
  36.  
  37. <!-- jquery for tooltips-->
  38.  
  39. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  40.  
  41. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  42.  
  43. <script>
  44.  
  45. (function($){
  46.  
  47. $(document).ready(function(){
  48.  
  49. $("a[title]").style_my_tooltips({
  50.  
  51. tip_follows_cursor:true,
  52.  
  53. tip_delay_time:30,
  54.  
  55. tip_fade_speed:300,
  56.  
  57. attribute:"title"
  58.  
  59. });
  60.  
  61. });
  62.  
  63. })(jQuery);
  64.  
  65. </script>
  66.  
  67. <style type="text/css">
  68.  
  69. ::-webkit-scrollbar-thumb {
  70. min-height: 60px;
  71. border-left: 4px solid {color:Background};
  72. border-right: 4px solid {color:Background};
  73. border-top: 2px solid {color:Background};
  74. border-bottom: 2px solid {color:Background};
  75. background: {color:Scrollbar};
  76. }
  77.  
  78. ::-webkit-scrollbar {
  79. width: 11px;
  80. height: 10px;
  81. border-left: 5px solid {color:Background};
  82. border-right: 5px solid {color:Background};
  83. border-top: 2px solid {color:Background};
  84. border-bottom: 2px solid {color:Background};
  85. background: {color:Scrollbar};
  86. }
  87.  
  88. blockquote {
  89. border-left:1px solid {color:text};
  90. margin:10px;
  91. padding-left:10px;}
  92.  
  93. body {
  94. font-family:arial, sans-serif;
  95. font-size:9px;
  96. color: {color:text};
  97. background-color: {color:background};
  98. text-align:justify;
  99. background-image:url('{image:background}')
  100. }
  101.  
  102.  
  103. a {
  104. text-decoration:none;
  105. outline:none;
  106. -moz-outline-style:none;
  107. color:{color:links};
  108. font-weight:bold;
  109. font-family:arial;
  110. }
  111.  
  112. a:hover {
  113. color: {color:hover};
  114. -moz-transition-duration: 0.5s;
  115. -o-transition-duration: 0.5s;
  116. -webkit-transition-duration: 0.5s;
  117. transition-duration: 0.5s;
  118. }
  119.  
  120. img {
  121. opacity:1;
  122. border:none;
  123. }
  124.  
  125. small {
  126. font-size:9px;
  127. }
  128.  
  129. big {
  130. font-size:15px;
  131. }
  132.  
  133. #sidebar {
  134. position:fixed;
  135. margin-left:-225px;
  136. margin-top:180px;
  137. width:160px;
  138. padding:10px;
  139. border:0px solid {color:text};
  140. }
  141.  
  142. #title{
  143. Background-color:{color:Text};
  144. color:{color:background};
  145. padding:10px;
  146. letter-spacing:1px;
  147. font-size:14px;
  148. font-family:arial;
  149. text-transform:uppercase;
  150. font-weight:bold;
  151. text-align:justify;
  152. margin-bottom: -7px;
  153. }
  154.  
  155. #sidebarim {
  156. margin-bottom:0px;
  157. }
  158.  
  159. #sidebarim img {
  160. width:100px;
  161. border:30px solid {color:text};
  162.  
  163. }
  164.  
  165. #description {
  166. line-height:normal;
  167. color:{color:Text};
  168. width:140px;
  169. text-align:justify;
  170. padding-top:10px;
  171. padding-bottom:10px;
  172. padding-left:10px;
  173.  
  174. }
  175.  
  176. .sblinks {
  177. background:{color:text};
  178. text-align: center;
  179. padding-top: 5px;
  180. padding-bottom: 5px;
  181. margin-top:0px;
  182. font-family:arial;
  183. }
  184.  
  185. .sblinks a{
  186. text-transform:lowercase;
  187. text-decoration:none;
  188. font-weight:normal;
  189. font-size:9px;
  190. letter-spacing:-1px;
  191. color:{color:background};
  192. }
  193.  
  194. .pagi {
  195. text-align: center;
  196. background:{color:text};
  197. border:2px solid;
  198. margin-top: -15px;
  199. }
  200.  
  201. .pagi a {
  202. font-size: 15px;
  203. width: 160px;
  204. text-align: center;
  205. font-weight:bold;
  206. text-decoration:none;
  207. position: relative;
  208. color:{color:background};
  209.  
  210. }
  211.  
  212.  
  213. #con {
  214. left:50%;
  215. margin-left:-250px;
  216. position:absolute;
  217. }
  218.  
  219.  
  220.  
  221. #entries {
  222. margin-top:75px;
  223. width:500px;
  224. }
  225.  
  226. #posts {
  227. width:500px;
  228. {block:IndexPage}
  229. margin-bottom:30px;
  230. {/block:IndexPage}
  231. {block:linkPage}
  232. margin-bottom:50px;
  233. {/block:linkPage}
  234. }
  235.  
  236. #posts img {
  237. max-width:500px;
  238. }
  239.  
  240. #posts img, #posts li, #posts blockquote {
  241. max-width: 100%;}
  242. .caption {
  243. width:100%;
  244. margin-top:10px;
  245. }
  246.  
  247.  
  248. h2 {
  249. text-align: right;
  250. font-size: 25px;
  251. font-style: italic;
  252. text-transform: lowercase;
  253. }
  254.  
  255. .source {
  256. text-align: center;
  257. font-size: 15px;
  258. }
  259.  
  260.  
  261. #questions {
  262. text-align:left;
  263. text-transform:lowercase;
  264. font-size:9px;
  265. padding:10px;
  266. color:{color:background};
  267. background:{color:text};
  268. }
  269.  
  270. .answer {
  271. padding:0px 5px 0px 10px;
  272. }
  273.  
  274.  
  275. /*CHAT POSTS*/
  276.  
  277. .answer span,.convo li{margin:0 0 5px;border-radius:1em;padding:.5em 10px;max-width:75%;clear:both;position:relative}.answer .them,.user_1,.user_3,.user_5,.user_7,.user_9,.user_11{float:left;background:#8c8c8c;color:#000;left:3px}.me::after,.user_1::after,.user_3::after,.user_5::after,.user_7::after,.user_9::after,.user_11::after{content:"";position:absolute;left:-.5em;bottom:0;width:.5em;height:1em;border-right:.5em solid #8c8c8c;border-bottom-right-radius:1em .5em}.answer .me,.user_2,.user_4,.user_6,.user_8,.user_10,.user_12{right:3px;float:right;background-color:#e6e6e6;color:#000}.them::after,.user_2::after,.user_4::after,.user_6::after,.user_8::after,.user_10::after,.user_12::after{content:"";position:absolute;right:-.5em;bottom:0;width:.5em;height:1em;border-left:.5em solid #e6e6e6;border-bottom-left-radius:1em .5em}.me p,.answer,.asked span{padding:0;margin:0}.answer{overflow:hidden}
  278. .asked p {
  279. text-align: left;
  280. margin: 0 0px 10px 0px;
  281. padding: 0;
  282. color: #666666;
  283. font-family: 'Inconsolata', Inconsolata;
  284. font-size: 12px;
  285. line-height: 0px;
  286. }
  287. .footerright .viasrc {
  288. float: left;
  289. }
  290. .asked a {
  291. margin:0;padding:0;
  292. }
  293. .user_4{background-color:#55caff;color:#fff}.user_4::after{border-color:#55caff}.user_6{background-color:#60f246;color:#fff}.user_6::after{border-color:#60f246}.user_5{background-color:#9ff3fc;color:#000}.user_5::after{border-color:#9ff3fc}.user_3{background-color:#25c413;color:#fff}.user_3::after{border-color:#25c413}.user_7{background-color:#9b9b9b;color:#fff}.user_7::after{border-color:#9b9b9b}.user_8{background-color:#0d9321;color:#fff}.user_8::after{border-color:#0d9321}.user_9{background-color:#606060;color:#fff}.user_9::after{border-color:#606060}
  294. .convo {
  295. overflow: hidden;
  296. list-style-type: none;
  297. padding: 0;
  298. margin: 0;
  299. }
  300.  
  301. ol.notes {
  302. display:block;
  303. text-align:left;
  304. list-style:none;
  305. margin-left:-40px;
  306. }
  307.  
  308. ol.notes li.note{
  309. padding-bottom:5px;
  310. }
  311.  
  312. .pagenotes {
  313. margin-top:-75px;
  314. margin-bottom:60px;
  315. }
  316.  
  317. .pagenotes img{
  318. padding-right:5px;
  319. padding-top:5px;
  320. margin-bottom:-5px;
  321. display:none;
  322. }
  323.  
  324. #tags {
  325. text-transform:uppercase;
  326. color:{color:background};
  327. width:490px;
  328. margin-left:-2px;
  329. background-color:{color:text};
  330. padding:6px;
  331. }
  332.  
  333.  
  334. #tags a {
  335. text-transform:uppercase;
  336. letter-spacing:0px;
  337. font-size:9px;
  338. text-align:center;
  339. font-family:'arial';
  340. text-decoration:none;
  341. display:inline-block;
  342. color:{color:background};
  343. }
  344.  
  345. /*credit*/
  346.  
  347. .credit {
  348. position: fixed;
  349. bottom: 10px;
  350. right: 10px;}
  351.  
  352. .credit a{
  353. padding:5px;
  354. color:{color:text};
  355. font-family:arial;
  356. font-style:normal;
  357. font-weight:normal;
  358. font-size:11px;
  359. transition:1s;}
  360.  
  361. {CustomCSS}
  362.  
  363. </style>
  364.  
  365.  
  366.  
  367. </head>
  368.  
  369. <body>
  370.  
  371. <div id="con">
  372.  
  373. <div id="sidebar">
  374. <div id="title">{Title}</div><p>
  375. <div id="sidebarim"><img src="{image:Sidebar image}"></div>
  376.  
  377. <div class="sblinks">
  378.  
  379. <a href="/" style="padding-right: 2px;">refresh.</a>
  380. <a href="/ask" style="padding-right: 2px;">message.</a>
  381. <a href="{text:link 1 url}" style="padding-right: 2px;">{text:link 1}</a>
  382. <a href="{text:link 2 url}" style="padding-right: 2px;">{text:link 2}</a>
  383. <a href="{text:link 3 url}" style="padding-right: 2px;">{text:link 3}</a>
  384.  
  385. </div>
  386.  
  387. <div id="description">{Description}</div>
  388. <br>
  389.  
  390.  
  391.  
  392.  
  393. <div class="pagi">
  394. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">BACK</a>{/block:PreviousPage}
  395. {block:NextPage}<a href="{NextPage}">NEXT</a>{/block:NextPage}{/block:Pagination}
  396. </div>
  397.  
  398. </div>
  399.  
  400.  
  401.  
  402.  
  403. <div id="entries">
  404.  
  405. {block:Posts}
  406. <div id="posts">
  407.  
  408.  
  409.  
  410. {block:Quote}
  411.  
  412.  
  413. {block:Quote}
  414. <h2>{Quote}</h2>
  415. {block:Source}<div class="source">{Source}</div>{/block:Source}
  416. {/block:Quote}
  417.  
  418.  
  419.  
  420. {block:Text}
  421.  
  422. {block:Title}
  423. <div id="title">{Title}</div>{/block:Title}
  424. {Body}
  425. {/block:Text}
  426.  
  427. {block:Link}
  428. <div id="title"><a href="{URL}">{Name}</a></div>{block:Description}{Description}{/block:Description}
  429. {/block:Link}
  430.  
  431. {block:Chat}
  432. {block:Title}
  433. <h1>{Title}</h1>{/block:Title}<br>
  434. <ul class="convo">{block:Lines}<li class="line_{Alt} user_{UserNumber}">{block:Label}<span class="label"><strong>{Label}</strong></span>{/block:Label}
  435. {Line}</li>{/block:Lines}</ul>
  436. {/block:Chat}
  437.  
  438.  
  439. {block:Photo}
  440. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}
  441. {/block:Photo}
  442.  
  443. {block:Photoset}
  444. {Photoset-500}
  445. {/block:Photoset}
  446.  
  447. {block:Video}
  448. {Video-500}
  449. {/block:Video}
  450.  
  451. {block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="60px" height="60px" align="left" style="margin-right:10px" />{/block:AlbumArt}<span class="audio">{AudioPlayerBlack}</left></span>
  452. {block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  453. {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  454. {/block:ExternalAudio}<b>Played:</b> {PlayCount}<br>
  455. {/block:Audio}<br>
  456.  
  457. {block:Answer}
  458. <div id="questions"><b>{Asker} said:</b> {Question}<br />
  459. </div>
  460. <div class="answer">
  461. {Answer}</div>
  462. {/block:Answer}
  463.  
  464. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  465.  
  466. {block:Date}
  467. <a href="{Permalink}">
  468. <div id="tags">
  469. {block:Date}<span style="text-transform:uppercase;">
  470. {ShortMonth} {DayOfMonth}{DayOfMonthSuffix}, {TimeAgo}</span>
  471. {/block:Date}
  472. </a>
  473.  
  474. {block:NoteCount}
  475. <a href="{Permalink}"> + {NoteCount} </a>
  476. {/block:NoteCount}
  477.  
  478. <!--VIA AND SOURCE-->
  479. {block:RebloggedFrom} /
  480. <a href="{ReblogParentURL}">via</a>
  481. {/block:RebloggedFrom}
  482. {block:ContentSource}
  483. & <a href="{SourceURL}">source</a>
  484. {/block:ContentSource}
  485. {block:RebloggedFrom}{/block:RebloggedFrom}
  486.  
  487. / <a href="{ReblogURL}" target="_blank">reblog</a>
  488.  
  489. {block:HasTags}
  490. / <b>tag:</b>
  491. {block:Tags}
  492. <a href="{TagURL}"> {Tag}</a><span class="comma">,</span>
  493. {/block:Tags}
  494. {/block:HasTags}
  495. </div>
  496. {/block:Date}
  497.  
  498. </div>
  499.  
  500. <!--POST NOTES-->
  501.  
  502. {block:PostNotes}
  503. <div class="pagenotes">{PostNotes-16}</div>
  504. {/block:PostNotes}
  505.  
  506. {/block:Posts}
  507.  
  508.  
  509. </body>
  510. <!---CREDIT--->
  511. <div class="credit"><a href="http://eriofrp.tumblr.com/">♏</a></div>
  512. </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!