API tools faq
paste
chissy_

THEME OO1 SR

chissy_
Jan 31st, 2016
293
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.96 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html>
  3. <head>
  4. <!--
  5.  
  6. _
  7. ___ _ __ (_) ___ | ,_)(_) ___ _ _
  8. /'___)( '__)| |/',__)| | | |/' _ `\ /'_` )
  9. ( (___ | | | |\__, \| |_ | || ( ) |( (_| |
  10. `\____)(_) (_)(____/`\__)(_)(_) (_)`\__,_)
  11.  
  12.  
  13. -->
  14. <meta name="text:Title1" content="insert name"/>
  15. <meta name="text:Title2" content="insert name"/>
  16. <meta name="text:other font" content="actor"/>
  17.  
  18.  
  19. <meta name="image:header" content=""/>
  20. <meta name="image:sidebar" content=""/>
  21.  
  22.  
  23. <meta name="color:background" content="#f0f0f0" />
  24. <meta name="color:post" content="#ffffff" />
  25. <meta name="color:post2" content="#ffffff" />
  26. <meta name="color:header" content="#ffffff" />
  27. <meta name="color:scrollbar" content="#ffb27b" />
  28. <meta name="color:underline" content="#ffb27b" />
  29. <meta name="color:headerdescription" content="#ffffff" />
  30. <meta name="color:text" content="#493f3f" />
  31. <meta name="color:link" content="#493f3f" />
  32. <meta name="color:title1" content="#ffba82" />
  33.  
  34.  
  35. <meta name="text:Link 1 URL" content="/url"/>
  36. <meta name="text:Link 1 name" content="link"/>
  37. <meta name="text:Link 2 URL" content="/url"/>
  38. <meta name="text:Link 2 name" content="link"/>
  39. <meta name="text:Link 3 URL" content="/url"/>
  40. <meta name="text:Link 3 name" content="link"/>
  41. <meta name="text:Link 4 URL" content="/url"/>
  42. <meta name="text:Link 4 name" content="link"/>
  43.  
  44.  
  45. <link href='https://fonts.googleapis.com/css?family=Actor' rel='stylesheet' type='text/css'>
  46.  
  47. <title>{Title}</title>
  48. <link rel="shortcut icon" href="{Favicon}">
  49. <link rel="altertnate" type="application/rss+xml" href="{RSS}">
  50. <meta name="description" content="" />
  51. <meta http-equiv="x-dns-prefetch-control" content="off"/>
  52. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  53.  
  54. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  55. <script>
  56. (function($){
  57. $(document).ready(function(){
  58. $("[title]").style_my_tooltips({
  59. tip_follows_cursor:true,
  60. tip_delay_time:0,
  61. tip_fade_speed:400,
  62. attribute:"title"
  63. });
  64. });
  65. })(jQuery);
  66. </script>
  67.  
  68.  
  69. <style type="text/css">
  70.  
  71. /* controls */
  72. .tmblr-iframe.tmblr-iframe--desktop-logged-in-controls.iframe-controls--desktop { z-index:999999999!important;
  73. -webkit-filter:invert(100%);
  74. -moz-filter:invert(100%);
  75. -o-filter:invert(100%);
  76. -ms-filter:invert(100%);
  77. filter:invert(100%);
  78. opacity:0.7;
  79. }
  80.  
  81. ::-webkit-scrollbar {
  82. height:5px;
  83. width:5px;
  84. }
  85.  
  86.  
  87. ::-webkit-scrollbar-thumb {
  88. background-color:{color:scrollbar};
  89. border:4px solid transparent;
  90. }
  91.  
  92.  
  93.  
  94. ::-webkit-scrollbar-track {
  95. background-color:transparent;
  96. }
  97.  
  98. #s-m-t-tooltip{
  99. max-width:150px;
  100. font-size:9px;
  101. letter-spacing:1px;
  102. margin:10px 10px;
  103. padding:3px;
  104. border: 1px solid #eae5e5;
  105. opacity:.8;
  106. background:#ffffff;
  107. z-index:999;
  108. }
  109.  
  110. /* end controls */
  111.  
  112. body {
  113. background-color:{color:background};
  114. color:{color:text};
  115. font: 11px {text:other font}, sans-serif;
  116. line-height:200%;
  117. text-align:justify;
  118. overflow-x: hidden;
  119. }
  120.  
  121. a:link, a:active, a:visited {
  122. color:{color:link};
  123. text-decoration:none;
  124. -webkit-transition:all 0.5s ease-out;
  125. -moz-transition:all 0.5s ease-out;
  126. transition:all 0.5s ease-out;
  127. }
  128.  
  129. a:hover {
  130. color:{color:hover};
  131. }
  132.  
  133.  
  134.  
  135.  
  136. /* posts */
  137.  
  138. #container {
  139. width:540px;
  140. margin-left:500px;
  141. margin-top:600px;
  142. padding:20px;
  143. position: absolute;
  144. float: right;
  145. background-color:transparent;
  146. }
  147.  
  148. #post {
  149. width:500px;
  150. overflow:hidden;
  151. padding:20px;
  152. margin-bottom:130px;
  153. border: 1px solid #eae5e5;
  154. background-color:{color:post};
  155. }
  156.  
  157. /* end posts */
  158.  
  159.  
  160. /* titles */
  161.  
  162. h1 {
  163. text-transform:uppercase;
  164. font-size:15px;
  165. line-height:20px;
  166. letter-spacing:2px;
  167. text-align:left;
  168. }
  169.  
  170. h2 {
  171. text-transform:uppercase;
  172. font-size:10px;
  173. line-height:20px;
  174. letter-spacing:2px;
  175. text-align:left;
  176. }
  177.  
  178. blockquote {
  179. margin:15px;
  180. padding-left:10px;
  181. border-left:1px solid;
  182. border-color:{color:scrollbar};
  183. text-align:justify;
  184. width:480px;
  185. }
  186.  
  187. w { color:{color:title1};}
  188.  
  189.  
  190. /* end titles */
  191.  
  192. /* header */
  193.  
  194. #header{
  195. position:absolute;
  196. z-index:-1;
  197. top:0;
  198. left:0;
  199. background-position: center;
  200. background-repeat:no-repeat;
  201. background-size:cover;
  202. width:100%;
  203. height:450px;
  204. margin-top:100px;
  205. background-image:url({image:header});
  206. -webkit-background-size: cover;
  207. -moz-background-size: cover;
  208. -o-background-size: cover;
  209.  
  210. }
  211.  
  212.  
  213.  
  214. #top{
  215. margin: -10px;
  216. background-color:#ffffff;
  217. position:relative;
  218. z-index: 999;
  219. text-align:center;
  220. width:100%;
  221. height:50px;
  222. padding:30px;
  223. }
  224.  
  225. #top a{
  226. font-family:{text:other font};
  227. text-transform: uppercase;
  228. font-size:10px;
  229. letter-spacing:2px;
  230. line-height:50px;
  231. margin-left: 50px;
  232. }
  233.  
  234. /* end header */
  235.  
  236. /* little things */
  237.  
  238.  
  239. .cmn-t-underline {
  240. position: relative;
  241. color:{color:text};
  242. }
  243. .cmn-t-underline:after {
  244. display: block;
  245. position: absolute;
  246. left: 0;
  247. bottom: -10px;
  248. width: 0;
  249. height: 5px;
  250. background-color: {color:underline};
  251. content: "";
  252. transition: width 0.2s;
  253. }
  254. .cmn-t-underline:hover {
  255. color:{color:text};
  256. }
  257. .cmn-t-underline:hover:after {
  258. width: 100%;
  259. }
  260.  
  261. /* end little things */
  262.  
  263. /* header description */
  264.  
  265. #hdescript {
  266. height:30px;
  267. padding:10px;
  268. background-color:{color:headerdescription};
  269. color:{color:text};
  270. line-height:30px;
  271. font-size:14px;
  272. margin-top:450px;
  273. text-transform: uppercase;
  274. letter-spacing:2px;
  275. font-weight:bold;
  276. text-align:left;
  277. padding-left:30px;
  278.  
  279. }
  280.  
  281.  
  282. /* end header description */
  283.  
  284. /* networks */
  285.  
  286. #side{
  287. margin: -10px;
  288. margin-top:600px;
  289. margin-left:50px;
  290. background-color:transparent;
  291. position:absolute;
  292. z-index:auto;
  293. text-align:center;
  294. width:300px;
  295. height:1400px;
  296. padding:30px;
  297. }
  298.  
  299. #box{
  300. background-color:transparent;
  301. position:absolute;
  302. background-color:#ffffff;
  303. z-index:1;
  304. text-align:center;
  305. width:250px;
  306. height:auto;
  307. padding:30px;
  308. border: 1px solid #eae5e5;
  309.  
  310.  
  311. }
  312.  
  313.  
  314. #box img {
  315. max-width:240px;
  316. min-height:150px; -moz-transition:0.5s ease-in;
  317. -webkit-transition:0.5s ease-in;-o-transition:0.5s ease-in;
  318. transition:0.5s ease-in;
  319. }
  320.  
  321. #box img:hover {
  322. opacity: .70;
  323. transition: all 0.9s ease-out;
  324. -o-transition-transition: all 0.9s ease-out;
  325. -webkit-transition: all 0.9s ease-out;
  326. -moz-transition: all 0.9s ease-out;
  327.  
  328. }
  329.  
  330.  
  331. #box2{
  332. background-color:transparent;
  333. margin-top:400px;
  334. position:absolute;
  335. background-color:#ffffff;
  336. z-index: 3;
  337. text-align:right;
  338. width:250px;
  339. height:auto;
  340. padding:30px;
  341. border: 1px solid #eae5e5;
  342. }
  343.  
  344. #box3{
  345. background-color:transparent;
  346. margin-top:700px;
  347. position:absolute;
  348. background-color:#ffffff;
  349. z-index:4;
  350. text-align:right;
  351. width:250px;
  352. height:auto;
  353. padding:30px;
  354. border: 1px solid #eae5e5;
  355. }
  356.  
  357. #box3 a:hover {
  358. padding-left:20px;
  359. opacity: .70;
  360. transition: all 0.9s ease-out;
  361. -o-transition-transition: all 0.9s ease-out;
  362. -webkit-transition: all 0.9s ease-out;
  363. -moz-transition: all 0.9s ease-out;
  364.  
  365. }
  366.  
  367. #box4{
  368. background-color:transparent;
  369. margin-top:1100px;
  370. position:absolute;
  371. background-color:#ffffff;
  372. z-index:5;
  373. text-align:left;
  374. width:250px;
  375. height:auto;
  376. padding:30px;
  377. border: 1px solid #eae5e5;
  378. }
  379.  
  380. #box4 img:hover {
  381. max-width:40px;
  382. padding:5px;
  383. border:1px solid #eae5e5;
  384. opacity: .70;
  385. transition: all 0.9s ease-out;
  386. -o-transition-transition: all 0.9s ease-out;
  387. -webkit-transition: all 0.9s ease-out;
  388. -moz-transition: all 0.9s ease-out;
  389.  
  390. }
  391.  
  392. #box4 img {
  393. max-width:40px;
  394. padding:5px;
  395. margin-left:5px;
  396. border:1px solid #eae5e5;
  397. }
  398.  
  399.  
  400. /* end networks */
  401.  
  402.  
  403. /* dates */
  404. #info{
  405. width:500px;
  406. text-transform:uppercase;
  407. margin-top:20px;
  408. padding-bottom:2px;
  409. letter-spacing:1px;
  410. font-size:9px;
  411. }
  412.  
  413. /* end dates */
  414.  
  415.  
  416. /* pagination */
  417.  
  418.  
  419. .pagination {
  420. margin-bottom: 25px;
  421. width: 500px;
  422. position:absolute;
  423. padding:10px;
  424. font-weight:bold;
  425. }
  426.  
  427. .pagination a {
  428. font-weight:bold;
  429. margin-left:50px;
  430. margin:20px;
  431. width:20px;
  432. margin-top:20px;
  433. float:bottom;
  434. font-size:16px;
  435. padding:5px;
  436. color:{color:title1};}
  437.  
  438. /* end pagination */
  439.  
  440. #credit {font-size:8px; letter-spacing:2px;text-transform:uppercase; bottom:10px; right:11px; position:fixed;z-index:auto;}
  441.  
  442. </style>
  443. </head>
  444.  
  445.  
  446. <body>
  447.  
  448. <div id="top">
  449. <a href="/" class="cmn-t-underline">home</a>
  450. <a href="/ask" class="cmn-t-underline">message</a>
  451. {block:ifLink1name} <a href="{text:Link 1 URL}" class="cmn-t-underline">{text:Link 1 name}</a>{/block:ifLink1name}
  452. {block:ifLink2name} <a href="{text:Link 2 URL}" class="cmn-t-underline">{text:Link 2 name}</a>{/block:ifLink2name}
  453. {block:ifLink3name} <a href="{text:Link 3 URL}" class="cmn-t-underline">{text:Link 3 name}</a>{/block:ifLink3name}
  454. {block:ifLink4name} <a href="{text:Link 4 URL}" class="cmn-t-underline">{text:Link 4 name}</a>{/block:ifLink4name}
  455.  
  456. <div id="header">
  457.  
  458. <div id="hdescript">
  459. {text:Title1}
  460. </div>
  461.  
  462. </div> </div>
  463.  
  464.  
  465.  
  466.  
  467. <div id="side">
  468.  
  469. <div id="box">
  470.  
  471. <div id="boximg"><img src="{image:sidebar}"></div>
  472.  
  473.  
  474. <h1> WELCOME TO <w>{text:Title2}</w> </h1>
  475.  
  476. <div id="boximg"></div>
  477. <br>
  478. {block:Description}{Description}{/block:Description}
  479. </div> </div>
  480.  
  481.  
  482. <!--
  483. edit this
  484. -->
  485.  
  486.  
  487. <div id="side">
  488.  
  489. <div id="box2">
  490.  
  491. <h1> <w><p align=right>stats</p></w> </h1>
  492. <br>
  493. <p align=left><b> About </b>: *insert about* </p>
  494.  
  495. <p align=left><b> Created on </b>: *insert created on* </p>
  496.  
  497. <br>
  498.  
  499. </div> </div>
  500.  
  501.  
  502. <!--
  503. edit this
  504. -->
  505.  
  506.  
  507. <div id="side">
  508.  
  509. <div id="box3">
  510.  
  511. <h1> <w><p align=right>NETWORKS</p></w> </h1>
  512. <br>
  513.  
  514. <p align=left><a href='/'> ⇢ official twitter </a> </p>
  515. <p align=left><a href='/'> ⇢ official facebook </a> </p>
  516. <p align=left><a href='/'> ⇢ official instagram </a> </p>
  517. <p align=left><a href='/'> ⇢ official youtube</a> </p>
  518.  
  519. <br>
  520.  
  521. </div> </div>
  522.  
  523.  
  524. <!--
  525. edit this
  526. -->
  527.  
  528.  
  529. <div id="side">
  530.  
  531. <div id="box4">
  532.  
  533. <h1> <w><p align=right>MEMBERS</p></w> </h1>
  534. <br>
  535.  
  536. <p align=left><div id="box4img">
  537.  
  538. <a title="BLOG NAME" href="BLOG URL"><img src="http://i.imgur.com/8lgrpvj.png"></a>
  539. <a title="BLOG NAME" href="BLOG URL"><img src="http://i.imgur.com/8lgrpvj.png"></a>
  540. <a title="BLOG NAME" href="BLOG URL"><img src="http://i.imgur.com/8lgrpvj.png"></a>
  541. <a title="BLOG NAME" href="BLOG URL"><img src="http://i.imgur.com/8lgrpvj.png"></a>
  542. <a title="BLOG NAME" href="BLOG URL"><img src="http://i.imgur.com/8lgrpvj.png"></a>
  543. <a title="BLOG NAME" href="BLOG URL"><img src="http://i.imgur.com/8lgrpvj.png"></a>
  544. <a title="BLOG NAME" href="BLOG URL"><img src="http://i.imgur.com/8lgrpvj.png"></a>
  545. <a title="BLOG NAME" href="BLOG URL"><img src="http://i.imgur.com/8lgrpvj.png"></a>
  546.  
  547.  
  548. </div>
  549.  
  550. </p>
  551.  
  552. </div> </div>
  553.  
  554.  
  555. <div id="credit"><a href="http://soyreys.tumblr.com/"> theme &copy; </a></div>
  556.  
  557. <div id="container">
  558. {block:Posts}
  559. <div id="post">
  560.  
  561. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  562.  
  563. {block:Quote}<h2>“{Quote}”</h2><p align=right>{block:Source}- {Source}{/block:Source}</p>{/block:Quote}
  564.  
  565. {block:Link}<a href="{URL}"><h2>{Name}</h2></a>{block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  566.  
  567. {block:Photo}{LinkOpenTag}<img style="width:500px;" src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  568.  
  569. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  570.  
  571. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  572.  
  573. {block:Chat}{block:Title}<h2>{Title}</h2>{/block:Title}<div class="chat">{block:Lines}{block:Label}<span class="label"><br>{Label}</span>{/block:Label}{Line}{/block:Lines}</div>{/block:Chat}
  574.  
  575.  
  576. {block:Audio}<div class="audio_container">{block:AudioEmbed}{AudioEmbed color="white"}{/block:AudioEmbed}</div>
  577. {block:Caption}<div class="caption">{Caption}</div>
  578. {/block:Caption}{/block:Audio}
  579.  
  580. {block:Answer}
  581. <table style="width: 500px;padding-bottom:5px;margin-bottom:5px;margin-top: -10px;">
  582. <tr>
  583. <td style="vertical-align:top; padding-left: 10px;"><strong>{Asker} asked:</strong> {Question}</td>
  584. </tr>
  585. </table>
  586. {Answer}
  587. {/block:Answer}
  588. {block:IndexPage}
  589. <div id="info">
  590. <a href="{Permalink}"><b>{Month} {DayOfMonth} </b></a> &nbsp;&nbsp; {NoteCountWithLabel} &nbsp;&nbsp; {block:ContentSource} <a href="{SourceURL}">source </a>{/block:ContentSource}&nbsp; {block:RebloggedFrom}<a title="{ReblogParentName}"href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}</a>
  591. {block:HasTags}<div id="tags">filed under: {block:Tags} #<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div></div>
  592.  
  593. {/block:IndexPage}
  594.  
  595. {block:PermalinkPage}
  596. <div id="info">
  597. <span style="text-transform:lowercase;">
  598. {block:Date}
  599. posted on {Month} {DayOfMonthWithZero}{DayOfMonthSuffix} at <a href="{Permalink}" >{12Hour}:{Minutes} {AmPm}</a>{/block:Date}
  600. {block:RebloggedFrom}
  601. <br>
  602. source: <a href="{ReblogRootURL}">{ReblogRootName}</a>&nbsp;&nbsp; via: <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}
  603. {block:HasTags}
  604. <br>
  605. etiquets: {block:Tags} <a href="{TagURL}">{Tag}</a> {/block:Tags}
  606. {/block:HasTags}</p>
  607. </span>
  608.  
  609. <a href="#" class="not">view {NoteCountWithLabel}</a>
  610. {block:PostNotes}
  611. <div class="nu">
  612. {PostNotes}
  613. </div>
  614. {/block:PostNotes}
  615. <script>
  616. $(document).ready(function(){
  617. $(".nu").hide();
  618. $(".not").show();$('.not').toggle(function(){
  619. $(".nu").slideDown(function(){});
  620. },function(){
  621. $(".nu").slideUp(function(){});
  622. });
  623. $(".lb").hide();
  624. $(".lh").show();$('.lh').toggle(function(){
  625. $(".lb").slideDown(function(){});
  626. },function(){
  627. $(".lb").slideUp(function(){});
  628. });
  629. });
  630. </script>
  631.  
  632. {/block:PermalinkPage}
  633. {/block:Posts}
  634.  
  635. {block:Pagination}<div class="pagination">
  636. {block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}
  637. {block:JumpPagination length="5"}{block:CurrentPage} &nbsp;&nbsp;
  638. {PageNumber}
  639. {/block:CurrentPage}
  640. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage} &nbsp;&nbsp;
  641. {/block:JumpPagination}
  642. {block:NextPage}<a href="{NextPage}">»</a> {/block:NextPage} &nbsp;&nbsp;
  643. </div>{/block:Pagination}
  644.  
  645. </div>
  646.  
  647. </body>
  648. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!