bluerosemarcella

Base Code

Sep 8th, 2014
586
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.24 KB | None | 0 0
  1.  
  2. <head>
  3. <title>{title}</title>
  4. <link rel="shortcut icon" href="{Favicon}">
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6.  
  7.  
  8.  
  9.  
  10. <!-- META NAMES -->
  11. <meta name="font:Blog Text" content="" />
  12. <meta name="font:Title Font" content="" />
  13. <meta name="font:Navi Text" content="" />
  14. <meta name="font:Info" content="" />
  15. <meta name="font:Tags" content="" />
  16. <meta name="font:Links" content="" />
  17. <meta name="color:Background Color" content="" />
  18. <meta name="color:Title Color" content="" />
  19. <meta name="color:Text" content="" />
  20. <meta name="color:Links" content="" />
  21. <meta name="color:Links hover" content="" />
  22. <meta name="color:Info" content="" />
  23. <meta name="color:Tags" content="" />
  24. <meta name="color:Titles" content="" />
  25. <meta name="image:Sidebar" content="" />
  26. <meta name="image:Background Picture" content="" />
  27. <meta name="text:ReadMore" content="" /> <!-- CREATE CUSTOM "READ MORE" TEXT HERE -->
  28.  
  29. <meta name="text:Link1 URL" content=""/>
  30. <meta name="text:Link1 Name" content=""/>
  31. <meta name="text:Link2 URL" content=""/>
  32. <meta name="text:Link2 Name" content=""/>
  33. <meta name="text:Link3 URL" content=""/>
  34. <meta name="text:Link3 Name" content=""/>
  35. <meta name="text:Link4 URL" content=""/>
  36. <meta name="text:Link4 Name" content=""/>
  37. <meta name="text:Link5 URL" content=""/>
  38. <meta name="text:Link5 Name" content=""/>
  39.  
  40. <!-- END META NAMES -->
  41.  
  42. <style type="text/css">
  43. ::-webkit-scrollbar-thumb:vertical {background-color: {color:scrollbar}; height:100px;}
  44.  
  45. ::-webkit-scrollbar-thumb:horizontal {background-color: {color:scrollbar}; height:10px !important;}
  46.  
  47. ::-webkit-scrollbar {height:9px; width:9px; background-color: {color:Background};}
  48.  
  49.  
  50.  
  51.  
  52.  
  53.  
  54.  
  55. /*--BASIC FONTS, LINK COLORS, ETC--*/
  56.  
  57. body {
  58. background-color: {color:background};
  59. background-image:{image:Background};
  60. background-attachment: fixed;
  61. background-repeat: repeat;
  62. font-size:12px;
  63. font-family:{font:blog text};
  64. line-height:14px;
  65. text-transform:none;
  66. color:#090909;
  67. opacity:1;
  68. }
  69.  
  70.  
  71. a {
  72. font-family:"arial";
  73. text-decoration:none;
  74. letter-spacing:2px;
  75. color:{color:links};
  76. -webkit-transition: all 0.4s linear;
  77. -moz-transition: all 0.4s linear;
  78. transition: all 0.4s linear;
  79. }
  80.  
  81.  
  82. a:hover{
  83. color: {color:links hover};
  84. }
  85.  
  86.  
  87. /*--END--*/
  88.  
  89. /*--INDENTED TEXT (I.E.: REBLOGGED CAPTIONS--*/
  90.  
  91. blockquote {
  92. border-left:1px solid #000;
  93. padding:0px;
  94. padding-left:5px;
  95. margin:10px;
  96. }
  97.  
  98. blockquote blockquote {
  99. border-left: 1px solid #000;
  100. padding:0px;
  101. padding-left:5px;
  102. margin:5px;
  103. }
  104.  
  105. /*--END--*/
  106.  
  107.  
  108.  
  109.  
  110. /*--MISC OTHER STUFF YOU NEED--*/
  111.  
  112. h1 {
  113. font-family:{font:Title Font};
  114. color:{color:Title Color};
  115. text-transform:uppercase;
  116. font-size:15px;
  117. opacity:0.8;
  118. letter-spacing:1.8px;
  119. font-weight:normal;
  120. line-height:20px;
  121.  
  122. }
  123.  
  124.  
  125.  
  126. #container {
  127. margin:40px auto;
  128. }
  129.  
  130.  
  131.  
  132.  
  133.  
  134. /*--SIDEBAR--*/
  135.  
  136. #sidebar {
  137. width:245px;
  138. height:auto;
  139. position:fixed;
  140. text-align:justify;
  141. margin-left:260px;
  142. margin-top:150px;
  143. padding:5px;
  144.  
  145. }
  146.  
  147.  
  148.  
  149.  
  150.  
  151.  
  152. .sbpic img {
  153. text-align:center;
  154. float:left;
  155. position:fixed;
  156. opacity:0.8;
  157. max-width:245px;
  158. max-height:120px;
  159.  
  160. }
  161.  
  162.  
  163.  
  164.  
  165. .descriptionbox {
  166. position:fixed;
  167. float:left;
  168. color:{color:Text};
  169. font-family:{font:Blog Text};
  170. overflow:auto;
  171. opacity:1;
  172. font-size:8px;
  173. padding-left:4px;
  174. padding-right:4px;
  175. font-style:italic;
  176. text-align:justify;
  177. margin-top:170px;
  178. letter-spacing:1px;
  179. width:240px;
  180. height:auto;
  181.  
  182.  
  183. }
  184.  
  185.  
  186. .descriptionbox a {
  187. color:{color:Links};
  188. font-size:8px;
  189. font-family:{font:Blog Text};
  190. opacity:1;
  191. font-style:italic;
  192. letter-spacing:1.2px;
  193.  
  194. }
  195.  
  196. .descriptionbox a:hover {
  197. color:{color:Links Hover};
  198. font-family:{font:Blog Text};
  199. font-style:italic;
  200. opacity:1;
  201. }
  202.  
  203.  
  204.  
  205.  
  206.  
  207. .blogtitle {
  208. width:245px;
  209. height:auto;
  210.  
  211. margin-top:-25px;
  212. color:{color:Title};
  213. text-align:center;
  214. font-family:{font:Title};
  215. font-size:18px;
  216. letter-spacing:2.5px;
  217. text-transform:lowercase;
  218. font-style:normal;
  219.  
  220. padding-bottom:15px;
  221. padding-top:1px;
  222.  
  223. }
  224.  
  225.  
  226. .navchunk {
  227. position:fixed;
  228. margin-top:130px;
  229. text-align:center;
  230. width:245px;
  231. height:auto;
  232. }
  233.  
  234. .navi {
  235. display:inline-block;
  236. width:245px;
  237. opacity:1;
  238. color:#000;
  239. font-family:{font:Navi Text};
  240. font-size:10px;
  241. text-align:center;
  242.  
  243.  
  244. }
  245.  
  246. .navi a {
  247. text-transform:uppercase;
  248. text-align:center;
  249. opacity:1;
  250. display:inline-block;
  251. padding:0px 5px 2px 5px;
  252. color:{color:Links};
  253. font-family:{font:Navi Text};
  254. font-size:9px;
  255.  
  256. }
  257.  
  258. .navi a:hover {
  259. text-transform:uppercase;
  260. opacity:1;
  261. display:inline-block;
  262. color:{color:Links Hover};
  263. font-family:{font:Navi Text};
  264. font-size:9px;
  265.  
  266. }
  267.  
  268.  
  269.  
  270.  
  271. #pagination {
  272. text-align:center;
  273. color:#000;
  274. font-family:{font:Blog Text};
  275. position:fixed;
  276. margin-top:145px;
  277. margin-left:0px;
  278. width:245px;
  279. }
  280.  
  281. /*--SIDEBAR END--*/
  282.  
  283.  
  284. /*--BASIC POSTS/ENTRIES--*/
  285.  
  286. #entries {
  287. width:500px;
  288. margin-left:570px;
  289. margin-top:40px;
  290. margin-bottom:30px;
  291. padding:10px;
  292. letter-spacing:1.5px;
  293. }
  294.  
  295.  
  296. #posts {
  297. color:{color:Text};
  298. text-align:justify;
  299. font-family:{font:Blog Text};
  300. font-size:10px;
  301. letter-spacing:1.7px;
  302. width:500px;
  303. padding-top:20px;
  304. padding-bottom:2px;
  305. }
  306.  
  307.  
  308. #info {
  309. font-family:{font:Info};
  310. opacity:1;
  311. width:500px;
  312. text-align:center;
  313. margin-top:10px;
  314. margin-bottom:1px;
  315. padding:1px;
  316. text-transform:uppercase;
  317. font-size:7px;
  318. letter-spacing:1px;
  319. font-style:none;
  320. border-top:1px solid #ebebeb;
  321.  
  322. }
  323.  
  324. #info a {
  325. color:{color:Info};
  326. opacity:1;
  327. font-size:7px;
  328. font-family:{font:Info};
  329. font-style:normal;
  330. }
  331.  
  332. #info a:hover {
  333. color:{color:Links Hover};
  334. font-style:normal;
  335. font-family:{font:Info};
  336. }
  337.  
  338. #tags {
  339. font-family:{font:Tags};
  340. font-weight:normal;
  341. letter-spacing:1.5px;
  342. line-height:100%;
  343. text-transform:none;
  344. font-size:8px;
  345. font-style:none;
  346. margin-top:1px;
  347. text-align:center;
  348. }
  349.  
  350. #tags a {
  351. color:{color:Tags};
  352. opacity:1;
  353. font-size:8px;
  354. font-weight:normal;
  355. font-family:{font:Tags};
  356. text-transform:none;
  357. display:inline;
  358. padding:-3px;
  359. text-align:left;
  360.  
  361. }
  362.  
  363. #tags a:hover {
  364. color:{color:Links Hover};
  365. font-family:{font:Tags};
  366. font-style:normal;
  367. }
  368.  
  369.  
  370. #notes {
  371. padding-bottom:1px;
  372. color:{color:Links};
  373. font-family:{font:Blog Text};
  374. letter-spacing:2px;
  375. text-align:left;
  376. font-size:8px;
  377. text-transform:uppercase;
  378. width:450px;
  379. line-height:8px;
  380. }
  381.  
  382. #notes a {
  383. color:{color:Links};
  384. padding-left:1px;
  385. padding-right:1px;
  386. font-family:{font:Links};
  387. }
  388.  
  389. #notes a:hover {
  390. color:{color:Links Hover};
  391. font-family:{font:Links};
  392.  
  393. }
  394.  
  395.  
  396. /*--END BASIC POSTS/ENTRIES--*/
  397.  
  398. /*--SPECIFIC POST TYPES--*/
  399.  
  400. #ask {
  401. font-family:{font:Blog Text};
  402. font-size:8px;
  403. padding:7px;
  404. }
  405.  
  406. #asker {
  407. float:left;
  408. margin-right:5px;
  409.  
  410. }
  411.  
  412. #asker img {
  413. opacity:0.5;
  414.  
  415. }
  416.  
  417. #askurl {
  418. font-family:{font:Links};
  419. opacity:0.6;
  420. font-size:20px;
  421. margin-left:7px;
  422. margin-top:7px;
  423. margin-right:5px;
  424. letter-spacing:3px;
  425. text-transform:lowercase;
  426. color:{color:Text};
  427.  
  428. }
  429.  
  430. #askurl a {
  431. text-transform:lowercase;
  432. font-style:normal;
  433. font-family:"arial";
  434. letter-spacing:3px;
  435. color:{color:Links};
  436.  
  437. }
  438.  
  439. #askurl a:hover {
  440. color:{color:Links Hover};
  441. }
  442.  
  443. #askleft {
  444. display:inline-block;
  445. padding:2px;
  446. }
  447.  
  448. #askright {
  449. display:inline-block;
  450. padding:2px;
  451. margin-top:-5px;
  452. }
  453.  
  454. #askborder {
  455. border-bottom:1px solid #ebebeb;
  456. margin: -5px 0px 0px 40px;
  457. width:404px
  458. }
  459.  
  460. #question {
  461. font-family:{font:Blog Text};
  462. letter-spacing:1.2px;
  463. font-size:9px;
  464. margin-left:40px;
  465. margin-right:40px;
  466. padding:0px 0px 5px 0px;
  467. text-align:justify;
  468.  
  469. }
  470.  
  471.  
  472. #albumart {
  473. position:absolute;
  474. width:125px;
  475. height:125px;}
  476. #albumart img {
  477. width:125px;
  478. height:125px;
  479. float:left;
  480. padding:5px;}
  481. #audioinfo {
  482. font-size:7px;
  483. color:text;}
  484.  
  485.  
  486. #chat
  487. .chat ul {list-style-type:none;}
  488.  
  489. .chat{
  490. line-height:12px;
  491. list-style:none;
  492.  
  493. padding: 5px;
  494. margin: 3px;
  495.  
  496. }
  497.  
  498. .even {list-style:none;
  499. background-color:#ffffff;
  500. color:#000;
  501. padding: 4px;
  502. width:450px;
  503. margin-left:2px;}
  504.  
  505. .even ul {list-style-type:none;}
  506. .odd ul {list-style-type:none;}
  507.  
  508. .odd {list-style:none;
  509. background-color:#e4e4e4;
  510.  
  511. color:#000;
  512. padding: 4px;
  513. width:450px;
  514. margin-left:2px;}
  515.  
  516. .even .label {
  517.  
  518. list-style:none;
  519. font-weight:bold;
  520. text-transform:uppercase;
  521. padding-right:3px;
  522. margin-left:0px;
  523. margin-right:0px;
  524. letter-spacing:1.5;
  525. color:#000;
  526. }
  527.  
  528. .odd .label {
  529. list-style:none;
  530. font-weight:bold;
  531. text-transform:uppercase;
  532. padding-right:3px;
  533. margin-left:0px;
  534. margin-right:0px;
  535. color:#000;
  536. letter-spacing:1.5;
  537. }
  538.  
  539. /*--END SPECIFIC POST TYPE--*/
  540.  
  541.  
  542. /*--EXTRA NECESSITIES--*/
  543.  
  544.  
  545.  
  546. pre {
  547. width:auto;
  548. height:auto;
  549. opacity:0.8;
  550. border:0.2px solid #b1b4b4;
  551. background:#F7F7F7;
  552. font-family:'calibri';
  553. font-size:10px;
  554. font-style:italic;
  555. letter-spacing:1.3px;
  556. color:#666666;
  557. padding-top:7px;
  558. padding-bottom:7px;
  559. padding-left:10px;
  560. padding-right:10px;
  561.  
  562.  
  563. white-space: pre-wrap; /* css-3 */
  564. white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
  565. white-space: -pre-wrap; /* Opera 4-6 */
  566. white-space: -o-pre-wrap; /* Opera 7 */
  567. word-wrap: break-word; /* Internet Explorer 5.5+ */
  568. }
  569.  
  570.  
  571. #readmore a {
  572. font-family: 'calibri';
  573. color:#b1b4b4;
  574. font-size: 9px;
  575. line-height:12px;
  576. letter-spacing: 5px;
  577. text-transform:uppercase;
  578. }
  579.  
  580. #readmore a:hover {
  581. opacity:0.7;
  582. border-bottom:1px solid #ebebeb;
  583. border-top:1px solid #ebebeb;
  584. -webkit-transition: all 0.6s ease-in;
  585. -moz-transition: all 0.6s ease-in;
  586. transition: all 0.6s ease-in;
  587. -webkit-transition: all 0.6s ease-out;
  588. -moz-transition: all 0.6s ease-out;
  589. transition: all 0.6s ease-out;
  590. }
  591.  
  592.  
  593. {CustomCSS}
  594. </style>
  595.  
  596.  
  597.  
  598.  
  599.  
  600.  
  601. </head>
  602. <body>
  603.  
  604.  
  605.  
  606. <div id="container">
  607.  
  608.  
  609. <!-- *ALL THINGS SIDEBAR* -->
  610.  
  611. <div id="sidebar">
  612.  
  613. <div class="blogtitle"> <i>{text:BlogTitle}</i></div>
  614.  
  615. <div class="sbpic">
  616. <img src="{image:Sidebar}">
  617. </div>
  618.  
  619. <div class="descriptionbox">
  620. {block:Description} {Description} {/block:Description}</div>
  621.  
  622.  
  623. <div class="navchunk">
  624. <div class="navi">
  625. <a href="{text:Link1 URL}">{text:Link1 Name}</a> <a href="{text:Link2 URL}">{text:Link2 Name}</a> <a href="{text:Link3 URL}">{text:Link3 Name} </a> <a href="{text:Link4 URL}">{text:Link4 Name}</a> <a href="{text:Link5 URL}">{text:Link5 Name}</a>
  626. </div></div>
  627.  
  628.  
  629.  
  630.  
  631. <div id="pagination">{block:Pagination}
  632. {block:PreviousPage}<a href="{PreviousPage}">←</a>{/block:PreviousPage} &nbsp&nbsp&nbsp
  633.  
  634. {block:NextPage}<a href="{NextPage}">→</a>{/block:NextPage}
  635. {/block:Pagination}</div>
  636. </div>
  637.  
  638.  
  639. </div>
  640.  
  641. <!-- *END ALL THINGS SIDEBAR* -->
  642.  
  643.  
  644.  
  645.  
  646. <!-- *POSTS/ENTRIES AND SPECIFIC TYPES* -->
  647.  
  648. <div id="entries">
  649. {block:Posts}
  650. <div id="posts">
  651.  
  652.  
  653. <!-- TEXT POSTS -->
  654.  
  655. {block:Text}
  656.  
  657. <h1>{block:Title}{Title}{/block:Title}</h1>{Body}
  658. <div id="readmore"> {block:More}
  659. <p class="read-more"><a href="{Permalink}#more"> {text:ReadMore} <font face="copperplate"><font size=2px>→</font></font>
  660. </a></p><a name="read-more">{/block:More} </div>
  661.  
  662. {/block:Text}
  663.  
  664. <!-- END TEXT POSTS -->
  665.  
  666.  
  667. <!-- PHOTO POSTS -->
  668.  
  669. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  670.  
  671. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  672.  
  673. <!-- END PHOTO POSTS -->
  674.  
  675.  
  676. <!-- QUOTE POSTS -->
  677.  
  678. {block:Quote}{Quote}{block:Source} —{Source}{/block:Source}{/block:Quote}
  679.  
  680. <!-- END QUOTE POSTS -->
  681.  
  682.  
  683. <!-- LINK POSTS -->
  684.  
  685. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  686.  
  687. <!-- END LINK POSTS -->
  688.  
  689. <!-- CHAT POSTS -->
  690.  
  691. {block:Chat}
  692. {block:ifHideTags}{block:HasTags}<div id="tags">{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}{/block:ifHideTags}
  693.  
  694. <div id="chat">
  695.  
  696. {block:Lines}
  697. <li class="{Alt}">
  698. {block:Label}
  699. <span class="label">{Label}</span>
  700. {/block:Label}
  701.  
  702. {Line}
  703. </li>
  704. {/block:Lines}
  705. </ul>
  706.  
  707. </div>
  708. {/block:Chat}
  709.  
  710. <!-- END CHAT POSTS -->
  711.  
  712.  
  713. <!-- AUDIO POSTS -->
  714.  
  715. {block:Audio}
  716. {block:AlbumArt}<img src="{AlbumArtURL}" width="80px" height="80px" align="left" />{/block:AlbumArt}<p>
  717. {AudioPlayerWhite}
  718. {block:TrackName}<b>Title: </b>{TrackName}{/block:TrackName}
  719. <br>
  720. {block:Artist}<b>Artist: </b>{Artist}{/block:Artist}
  721. <br>
  722. {block:Album}<b>Album:</b> {Album}{/block:Album}
  723.  
  724. {/block:Audio}
  725.  
  726. <!-- END AUDIO POSTS -->
  727.  
  728.  
  729. <!-- VIDEO POSTS -->
  730.  
  731. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  732.  
  733. <!-- END VIDEO POSTS -->
  734.  
  735.  
  736. <!-- PUBLISHED ASK POSTS -->
  737.  
  738. {block:Answer}<div id="ask"><div id="askleft"><div id="asker"><img src="{AskerPortraitURL-24}"></div><div id="askright"><div id="askurl">{Asker}:</div></div></div>&nbsp&nbsp<div id="question">{Question}</div></div>{Answer} <div id="readmore"> {block:More}
  739. <p class="read-more"><a href="{Permalink}#more"> {text:ReadMore} <font face="copperplate"><font size=2px>→</font></font>
  740. </a></p><a name="read-more">{/block:More} </div>{/block:Answer}
  741.  
  742.  
  743. <!-- END PUBLISHED ASK POSTS -->
  744.  
  745.  
  746.  
  747. <!-- POST FOOTER -->
  748.  
  749.  
  750.  
  751. <div id="info">
  752. {block:Date}posted <a href="{Permalink}">{MonthNumber}.{DayofMonth}.{ShortYear}</a> with {/block:Date} <a href="{Permalink}">
  753. {NoteCountWithLabel}</a> {block:RebloggedFrom} | <a href="{ReblogParentURL}"title="{ReblogParentTitle}">via</a> {/block:RebloggedFrom} {block:ContentSource} | <a href="{SourceURL}"title="{SourceURLTitle}">source</a>{/block:ContentSource}{/block:RebloggedFrom}<br> {block:HasTags}<div id="tags">{block:Tags} #<a href="{TagURL}">{Tag}</a>{/block:Tags}</div>{/block:HasTags}<p></div>
  754.  
  755. <div id="notes">
  756. {block:PostNotes} {PostNotes} {/block:PostNotes}
  757. </div>
  758.  
  759.  
  760. <!-- END POST FOOTER -->
  761.  
  762. {/block:Posts}
  763.  
  764.  
  765. </div> </div> </div> </div>
  766.  
  767. <!-- * END POSTS/ENTRIES AND SPECIFIC TYPES* -->
  768.  
  769.  
  770.  
  771.  
  772.  
  773.  
  774. </body>
  775.  
  776.  
  777. </html>
Advertisement
Add Comment
Please, Sign In to add comment