Advertisement
brittsrps

Theme 08 - Grown Woman

Feb 27th, 2015
444
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.53 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <!--
  4.  
  5. THEME 008 - BRITTSRPS - Grown Woman
  6. 1) Don't copy and redistribute, you get it.
  7. 2) Edit as much as you like, just keep the credit.
  8. 3) I only have two rules, but it looks better with three points?
  9.  
  10. -->
  11.  
  12.  
  13. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  14. <head>
  15.  
  16. <script type="text/javascript"
  17. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  18.  
  19. <title>{Title}</title>
  20. <link rel="shortcut icon" href="{Favicon}">
  21. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  22. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  23.  
  24.  
  25. <meta name="color:bg" content="#f5dff5"/>
  26. <meta name="color:Text" content="#bbbbbb"/>
  27. <meta name="color:Post" content="#ffffff"/>
  28. <meta name="color:Blogtitle" content="0f0f0f0"/>
  29. <meta name="color:Posttitle" content="0f0f0f0"/>
  30. <meta name="color:Desc" content="#ffffff"/>
  31. <meta name="color:Link" content="#aaaaaa"/>
  32. <meta name="color:Sidelinks" content="ffffff"/>
  33. <meta name="color:Hover" content="#f1f1f1"/>
  34. <meta name="color:Backbar" content="#b990b9"/>
  35. <meta name="color:Borders" content="#000000"/>
  36. <meta name="color:Navi" content="#b990b9"/>
  37. <meta name="color:Navi Hover" content="#000000"/>
  38. <meta name="color:scrollbar" content="ffffff"/>
  39. <meta name="color:scrollbarbg" content="ffffff"/>
  40. <meta name="color:chat1" content="#e5e5e5"/>
  41. <meta name="color:chat2" content="#6cb8fe"/>
  42.  
  43. <meta name="image:sidebar" content=""/>
  44. <meta name="image:askborder" content=""/>
  45. <meta name="image:backbar" content=""/>
  46.  
  47.  
  48. <meta name="text:blogtitle" content"Here is a title">
  49. <meta name="text:link1" content="link">
  50. <meta name="text:link1 url" content="/">
  51. <meta name="text:link2" content="link">
  52. <meta name="text:link2 url" content="/">
  53. <meta name="text:link3" content="link">
  54. <meta name="text:link3 url" content="/">
  55. <meta name="text:link4" content="link">
  56. <meta name="text:link4 url" content="/">
  57. <meta name="text:blogtitle left" content="890px">
  58.  
  59.  
  60.  
  61. <style type="text/css">
  62.  
  63. ::-moz-selection {background-color:#FEFEFE;
  64. color:#E6E6E6;}
  65. ::selection {background-color:#FEFEFE;
  66. color:#E6E6E6;}
  67. ::-webkit-scrollbar {height: 6px;width: 4px;}
  68. ::-webkit-scrollbar-thumb {background-color:{color:scrollbar}; width: 3px; border-radius:5px;}
  69. ::-webkit-scrollbar-track{background-color:{color:scrollbg}; width: 3px;}
  70.  
  71. body {
  72. background-color:{color:bg};
  73. font-family:cambria;
  74. font-size:10px;
  75. padding-bottom:5px;
  76. padding-top:0px;
  77. padding-right:0px;
  78. padding-left:0px;
  79. text-align:justify;
  80. color:{color:text};
  81. margin:0;
  82. }
  83.  
  84. a {
  85. text-decoration:none;
  86. -moz-outline-style:none;
  87. color:{color:link};
  88. -webkit-transition: all 0.5s ease;
  89. -moz-transition: all 0.5s ease;
  90. -o-transition: all 0.5s ease
  91. }
  92.  
  93. a:hover {
  94. opacity:1;
  95. color:{color:hover};
  96. -webkit-transition: all 0.5s ease;
  97. -moz-transition: all 0.5s ease;
  98. -o-transition: all 0.5s ease
  99. }
  100.  
  101.  
  102. img {
  103. border:none;
  104. opacity: 1;
  105. }
  106.  
  107.  
  108. h1 {
  109. font-size:12px;
  110. text-align:center;
  111. color:{color:text};
  112. text-transform:uppercase;
  113. }
  114.  
  115. pre {
  116. font-family:'cambria';
  117. text-align:center;
  118. font-size:10px;
  119. max-width:500px;
  120. padding:3px;
  121. color:{color:link};
  122. background-color: #E8E8E8;}
  123. }
  124.  
  125. blockquote {
  126. width: 490px;
  127. font-size:9px;
  128. text-transform: normal;
  129. line-height:10px;
  130. margin-left:0px;
  131. padding: 4px;
  132. padding-left:9px;
  133. border-left: 2px solid {color:text};
  134. color: {color:text};
  135. }
  136.  
  137.  
  138. .popup_block{
  139. display:none;
  140. background:transparent;
  141. padding:20px;
  142. border:0px solid {color:borders};
  143. position:fixed;
  144. top:231px;
  145. left:150px;
  146. z-index: 99999;
  147. }
  148.  
  149.  
  150. #blogtitle {
  151. position:fixed;
  152. margin-left:{text:blogtitle left};
  153. margin-top:270px;
  154. font-family:arial;
  155. font-size:27px;
  156. font-weight:bold;
  157. font-style:italic;
  158. text-shadow: 1px 2px 0px black;
  159. color:{color:blogtitle};
  160. z-index:1;
  161. -ms-transform: rotate(90deg);
  162. -webkit-transform: rotate(90deg);
  163. transform: rotate(90deg);
  164. }
  165.  
  166. #posttitle {
  167. width:500px;
  168. margin-top:5px;
  169. margin-left:12px;
  170. font-family:arial;
  171. text-align:right;
  172. font-size:20px;
  173. font-weight:bold;
  174. font-style:italic;
  175. text-shadow: 1px 2px 0px black;
  176. color:{color:posttitle};
  177. z-index:1;
  178. }
  179.  
  180. #blogtitle2 {
  181. position:fixed;
  182. font-family:arial;
  183. margin-left:90px;
  184. margin-top:430px;
  185. font-size:18px;
  186. font-weight:bold;
  187. font-style:italic;
  188. text-shadow: 1px 1px 0px black;
  189. color:{color:navi};
  190. text-align:center;
  191. z-index:1;
  192. }
  193. #blogtitle3 {
  194. position:fixed;
  195. font-family:arial;
  196. margin-left:168px;
  197. margin-top:430px;
  198. font-size:18px;
  199. font-weight:bold;
  200. font-style:italic;
  201. text-shadow: 1px 1px 0px black;
  202. color:{color:navi};
  203. text-align:center;
  204. z-index:1;
  205. }
  206.  
  207. #backbar {
  208. position:fixed;
  209. width:420px;
  210. height:380px;
  211. background-image:url('{image:backbar}');
  212. overflow:hidden;
  213. background-repeat: repeat;
  214. background-color:{color:backbar};
  215. border: 1px solid {color:borders};
  216. margin-top:80px;
  217. margin-left:40px;
  218. box-shadow: 0px 0px 20px;
  219. z-index:-1;
  220. }
  221.  
  222. #backbar2 {
  223. position:fixed;
  224. width:78px;
  225. height:350px;
  226. background-image:{image:backbar};
  227. overflow:hidden;
  228. background-repeat: repeat;
  229. background-color:{color:backbar};
  230. border: 1px solid {color:borders};
  231. margin-top:37px;
  232. margin-left:450px;
  233. border-top-left-radius:2px;
  234. border-top-right-radius:2px;
  235. }
  236.  
  237. #sidebar {
  238. position:fixed;
  239. width:200px;
  240. height:351px;
  241. margin-right:0px;
  242. margin-left:43px;
  243. margin-top:106px;
  244. margin-bottom:0px;
  245. border: 1px solid {color:borders};
  246. }
  247.  
  248. #sidebarimage img {
  249. width:200px;
  250. height:351px;
  251. opacity:1;
  252. padding-top:0px;
  253. padding-bottom:10px;
  254. padding-right:0px;
  255. padding-left:0px;
  256. }
  257.  
  258.  
  259.  
  260.  
  261.  
  262.  
  263. #desc {
  264. position:fixed;
  265. float:right;
  266. width:190px;
  267. height:210px;
  268. margin-left:247px;
  269. margin-top:227px;
  270. padding:10px;
  271. border:1px solid {color:borders};
  272. background-color:{color:desc}}
  273.  
  274. #desctext {
  275. font-family:{font:cambria};
  276. overflow:scroll;
  277. font-size:10px;
  278. padding-right:3px;
  279. width:195px;
  280. height:210px;
  281. margin-top:5px;
  282. margin-left:-1px;
  283. text-align:center;
  284. color:{color:text};
  285.  
  286. }
  287.  
  288.  
  289. #sidebar2 {
  290. position:fixed;
  291. width:120px;
  292. height:800px;
  293. margin-left:244px;
  294. margin-top:103px;
  295. background-color:transparent;
  296. border: 0px solid {color:borders};
  297. }
  298.  
  299. #sidebar3 {
  300. position:fixed;
  301. width:72px;
  302. height:344px;
  303. margin-left:453px;
  304. margin-top:40px;
  305. background-color:{color:post};
  306. border: 1px solid {color:borders};
  307. }
  308.  
  309. #navi {
  310. width:300px;
  311. position:fixed;
  312. margin-top:3px;
  313. margin-left:3px}
  314.  
  315. #navi a {
  316. display:inline-block;
  317. width:101px;
  318. height:34px;
  319. padding:1px 1px;
  320. margin-bottom:2px;
  321. font-size:15px;
  322. font-family: arial;
  323. font-weight:bold;
  324. font-style:italic;
  325. line-height:33px;
  326. border:1px solid {color:borders};
  327. background-color:{color:navi};
  328. color:{color:sidelinks};
  329. text-shadow: 1px 1px 0px #000000;
  330. text-transform:;
  331. -webkit-transition: all 0.2s ease-in;
  332. -moz-transition: all 0.2s ease-in;
  333. transition: all 0.2s ease-in}
  334.  
  335. #navi a:hover {
  336. background-color:{color:navi hover};
  337. box-shadow:1px 1px 1px #000000;}
  338. }
  339.  
  340.  
  341.  
  342. .pagi {
  343. margin-left:10px;
  344. margin-top:00px;
  345. font-family:arial;
  346. text-align:center;
  347. }
  348.  
  349. .pagi a {
  350. margin-top:0px;
  351. font-size:12px;
  352. font-style:italic;
  353. }
  354.  
  355.  
  356. #entries {
  357. padding:10px;
  358. width:500px;
  359. margin-left:500px;
  360. margin-top:20px;
  361. font-size:10px;
  362. margin-bottom:50px;
  363. }
  364.  
  365. #postbox {
  366. padding:2px;
  367. width:532px;
  368. height:autopx;
  369. margin-bottom:20px;
  370. border-top-left-radius:2px;
  371. border-top-right-radius:2px;
  372. background-color:{color:backbar};
  373. background-image: url('{image:backbar}');
  374. border:1px solid {color:borders};
  375. box-shadow: 0px 0px 30px #000000;
  376. }
  377.  
  378. #posts {
  379. width:500px;
  380. padding-bottom:20px;
  381. padding:15px;
  382. margin-top:10px;
  383. background-color:{color:Post};
  384. border: 1px solid {color:borders};
  385. }
  386.  
  387.  
  388. #info {
  389. background-color:{color:post};
  390. width:495px;
  391. padding:4px 2px;
  392. font-size:9px;
  393. margin-left:0px;
  394. font-style:bold;
  395. text-align:center;
  396. -moz-transition-duration:0.5s;
  397. -webkit-transition-duration:0.5s;
  398. -o-transition-duration:0.5s;
  399. }
  400.  
  401. #info a{
  402. margin-top:-20px;
  403. color:{color:info};
  404. }
  405.  
  406. #info a:hover{
  407. color:{color:links};
  408. }
  409.  
  410. .tags {
  411. font-family:arial;
  412. width:500px;
  413. line-height:100%;
  414. text-align:left;
  415. padding-top:7px;
  416. text-transform: lowercase;
  417. font-size:8px;
  418. -moz-transition-duration:0.5s;
  419. -webkit-transition-duration:0.5s;
  420. -o-transition-duration:0.5s;
  421. }
  422.  
  423. .tags a {
  424. font-style:italic;
  425. color:{color:info};
  426. margin-right:5px;
  427. line-height:120%;
  428. }
  429.  
  430. .tags a:hover {
  431. text-decoration:underline;
  432. color:{color:info};
  433. }
  434.  
  435. .notes {
  436. background-color:transparent;
  437. text-transform:normal;
  438. letter-spacing:0px;
  439. font-size:9px;
  440. margin-top:20px;
  441. font-style:normal;
  442. margin-left:500px;
  443. text-align:left;
  444. line-height:30px;
  445. border-bottom:1px solid #D8D8D8;
  446. }
  447.  
  448. .notes img{
  449. padding:0px;
  450. border:2px solid #eee;
  451. margin-bottom:-4px;
  452. -webkit-transition:all 0.5s ease-in-out;
  453. -moz-transition:all 0.5s ease-in-out;
  454. -o-transition:all 0.5s ease-in-out;
  455. -ms-transition:all 0.5s ease-in-out;
  456. transition:all 0.5s ease-in-out;
  457. }
  458.  
  459. .notes img:hover {opacity: 0.6;
  460. -webkit-transition:all 0.5s ease-in-out;
  461. -moz-transition:all 0.5s ease-in-out;
  462. -o-transition:all 0.5s ease-in-out;
  463. -ms-transition:all 0.5s ease-in-out;
  464. transition:all 0.5s ease-in-out;}
  465.  
  466.  
  467. .quote {
  468. font-size:11px;
  469. font-family:helvetica;
  470. font-style:normal;
  471. line-height:17px;
  472. margin-bottom:15px;
  473. text-transform:normal;
  474. text-align:left;
  475. font-weight:normal;
  476. font-style:none;
  477. color:{color:text};
  478. }
  479.  
  480. .quotesource {
  481. font-size:9px;
  482. text-align:right;
  483. font-style:none;
  484. text-transform:lowercase;
  485. font-family:helvetica;
  486. margin-bottom:5px;
  487. color:{color:text};
  488. }
  489.  
  490.  
  491. .audio {
  492. height:60px;
  493. margin-bottom:40px;
  494. }
  495.  
  496. .audio-album {
  497. position:absolute;
  498. width:100px;
  499. padding:3px;
  500. border:1px solid #E1E1E1;
  501. -webkit-transition: opacity 0.1s linear;
  502. opacity: 1;
  503. }
  504.  
  505. .audio-player {
  506. opacity:1;
  507. filter:alpha(opacity=90);
  508. width:25px;
  509. height:25px;
  510. overflow:hidden;
  511. position:absolute;
  512. border:30px;
  513. z-index:2;
  514. margin-left:43px;
  515. margin-top:43px;
  516. opacity:0;
  517. -webkit-transition: all 0.6s ease-out;
  518. -o-transition: all 0.6s ease-out;
  519. -webkit-transition: all 0.6s ease-out;
  520. -moz-transition: all 0.6s ease-out;
  521. }
  522.  
  523. .audio-info {
  524. margin-top:7px;
  525. position:relative;
  526. margin-left:120px;
  527. line-height:180%;
  528. padding:2px;
  529. }
  530.  
  531. .audio:hover .audio-player {
  532. opacity:.6;
  533. -webkit-transition: all 0.6s ease-out;
  534. -o-transition: all 0.6s ease-out;
  535. -webkit-transition: all 0.6s ease-out;
  536. -moz-transition: all 0.6s ease-out;
  537. }
  538.  
  539. .question{
  540. width:100%;
  541. height:40px;
  542. line-height:60px;
  543. text-align:right;
  544. font-size:12px;
  545. font-style:italic;
  546. font-weight:bold;
  547. margin-bottom:4px;
  548. border-bottom:1px solid {color:Borders};
  549. }
  550.  
  551. .question img{
  552.  
  553. border-image:url('{image:askborder}') 2 2 round;
  554. margin-right:4px;
  555. }
  556.  
  557. .answer{
  558. margin-top:10px;
  559. width:490px;
  560. padding:5px;
  561. background:{color:posts};
  562. }
  563.  
  564.  
  565.  
  566. .chat ul {
  567. list-style: none;
  568. margin: 0;
  569. padding: 0;
  570. }
  571.  
  572. .chat li {
  573. border-radius: 0.2em;
  574. border: 1px solid rgba(0, 0, 0, 0.05);
  575. box-shadow: 1px 1px 1px rgb(255, 255, 255) inset;
  576. margin-bottom: 2%;
  577. padding: 2%;
  578. width: 80%;
  579. }
  580.  
  581. .user_1 {
  582. float: left;
  583. background:{color:chat1};
  584. }
  585. .user_2 {
  586. float: right;
  587. text-align:right;
  588. background: {color:chat2};
  589. }
  590.  
  591.  
  592.  
  593. #maker{
  594. float:right;
  595. position:fixed;
  596. bottom:1px;
  597. right:10px;
  598. padding:3px;
  599. font-size:10px;
  600. text-align:center;
  601. line-height:20%;
  602. text-transform:uppercase;
  603. border: 0px solid {color:borders};
  604. }
  605.  
  606. #maker a{
  607. padding:3px;
  608. color:{color:links};
  609. }
  610.  
  611.  
  612.  
  613.  
  614. {CustomCSS}</style></head><body>
  615.  
  616.  
  617. <div id="blogtitle">{text:blogtitle}</div>
  618.  
  619. <div id="backbar"><img src="{image:backbar}"</div></div>
  620.  
  621.  
  622. <div id="sidebar">
  623.  
  624.  
  625. <div id="sidebarimage"><img src="{image:sidebar}"></div></div>
  626.  
  627. {block:Pagination}<center>
  628. <div class="pagi">
  629. {block:PreviousPage}
  630. <a href="{PreviousPage}"><div id="blogtitle2">forward </div></a>
  631. {/block:PreviousPage}
  632.  
  633. {block:NextPage}
  634. <a href="{NextPage}"><div id="blogtitle3">- back</div></a>
  635. {/block:NextPage}
  636. </div></center>
  637. {/block:Pagination}
  638.  
  639.  
  640.  
  641.  
  642.  
  643.  
  644.  
  645.  
  646.  
  647. </div></div>
  648.  
  649.  
  650.  
  651. <div id="desc">
  652. <div id="desctext">
  653.  
  654. {block:Description}{Description}{/block:Description}
  655.  
  656.  
  657.  
  658.  
  659. </div>
  660.  
  661. </div>
  662.  
  663.  
  664.  
  665. <div id="sidebar2">
  666.  
  667. <div id="navi">
  668. <a href="/" ><center>refresh</center></a>
  669. <a href="/ask" ><center>message</center></a><br>
  670. {block:ifLink1}<a href="{text:link1 url}"><center>{text:link1}</center></a>{/block:ifLink1}
  671. {block:ifLink2}<a href="{text:link2 url}"><center>{text:link2}</center></a>{/block:ifLink2}<br>
  672. {block:ifLink3}<a href="{text:link3 url}"><center>{text:link3}</center></a>{/block:ifLink3}
  673. {block:ifLink4}<a href="{text:link4 url}"><center>{text:link4}</center></a>{/block:ifLink4}
  674. </div>
  675. </div>
  676. </div>
  677.  
  678. </div>
  679.  
  680.  
  681.  
  682.  
  683. <div id="entries">{block:Posts}<div id="postbox"><div id=posttitle>{block:Title}{Title}{/block:Title}</div><div id="posts">
  684.  
  685.  
  686. {block:Text}{Body}{/block:Text}
  687.  
  688.  
  689. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  690.  
  691.  
  692. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  693.  
  694.  
  695. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  696.  
  697.  
  698. {block:Quote}<div class="quote">" {Quote} "</div>{block:Source} <div class="quotesource">—{Source}</div>{/block:Source}{/block:Quote}
  699.  
  700.  
  701. {block:Audio}
  702. <div class="audio">
  703. {block:AlbumArt}<img class="audio-album" src="{AlbumArtURL}">{/block:AlbumArt}
  704. <div class="audio-player">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div>
  705.  
  706.  
  707. <div class="audio-info">
  708. {block:TrackName}<b>Title:</b> {TrackName}<BR>{/block:TrackName}
  709. {block:Artist}<b>Artist:</b> {Artist}<BR>{/block:Artist}
  710. {block:Album}<b>Album:</b> {Album}<BR>{/block:Album}
  711. {block:PlayCount}<b>Plays:</b> {PlayCount}<BR>{/block:PlayCount}
  712. </div></div>
  713. <div class="audiocaption">{block:Caption}{Caption}{/block:Caption}</div>
  714. {/block:Audio}
  715.  
  716.  
  717. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  718.  
  719.  
  720.  
  721. {block:Chat}
  722. <div class="chat">
  723. <ul>
  724. {block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label"><b>{Label}</b></span>{/block:Label}&nbsp;{Line}{/block:Lines}</li>
  725. </ul></li>
  726. </div>
  727. {/block:Chat}
  728.  
  729.  
  730. {block:Answer}<div class="question"><img src="{AskerPortraitURL-64}"align="left">{Asker}</div><center>{Question}&nbsp;</center><div class="answer">{Answer}</div>
  731. {/block:Answer}
  732.  
  733.  
  734.  
  735.  
  736. <div id="info"><hr color=black size=1 width=80%><i> posted <a href="{Permalink}">{Timeago} </a> {block:RebloggedFrom} from <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom} {block:ContentSource} <a href="{SourceURL}">© <a href="{SourceURL}">{SourceLink}</a> {/block:ContentSource}{block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank"></a>{/block:RebloggedFrom} with <a href="{Permalink}">{NoteCountWithLabel}</a></i>
  737. {block:HasTags}<div id="tags"><big>{block:Tags} #<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div></div></div></big>
  738. {/block:Posts}</div></div>
  739. {/block:Posts} </div>
  740. </div>
  741.  
  742.  
  743. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  744.  
  745. </body>
  746.  
  747. <div id="maker"><a href="http://brittsrps.tumblr.com"><img src="https://31.media.tumblr.com/2d6ed89679af1dfde3f68e13f4e3bd34/tumblr_inline_nk4tzsx1J31rj2zqt.png"></a></div></center>
  748.  
  749. </div>
  750. </div></div></div></div></div></div></div></div></div></div></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement