API tools faq
paste
Advertisement
isaacslaheys

theme #19

isaacslaheys
Jul 29th, 2015
289
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 27.63 KB | None | 0 0
raw download clone embed print report
  1. <style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2011/11/10/small-grey-outline-pointer.html" target="_blank" title="Small Grey Outline Pointer"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Small Grey Outline Pointer" style="position:absolute; top: 0px; right: 0px;" /></a>
  2.  
  3.  
  4. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  5. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  6. <head>
  7. <title>{Title}</title>
  8. <link rel="shortcut icon" href="http://i11.photobucket.com/albums/a168/evelynregly/minigifs/mini132.gif">
  9. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  10. {block:Description}<meta name="description" content="{MetaDescription}"/>{/block:Description}
  11.  
  12.  
  13.  
  14. <!---META NAMES: DEFINING THE VARIABLES THAT SHOW UP IN THE STYLE SCREEN--->
  15.  
  16. <meta name="color:background" content="#ffffff"/>
  17. <meta name="color:link" content="#888888"/>
  18. <meta name="color:hover" content="#ffffff"/>
  19. <meta name="color:accent" content="#ffffff"/>
  20. <meta name="color:scrollbar" content="#ffffff"/>
  21. <meta name="color:descbg" content="#ffffff"/>
  22. <meta name="color:descborder" content="#ffffff"/>
  23.  
  24.  
  25.  
  26. <!---if you want to add a second sidebar image, copy the meta name below and change image:sidebar to image:sidebar2--->
  27.  
  28. <meta name="image:sidebar" content="" />
  29.  
  30. <meta name="image:bg" content="" />
  31.  
  32. <meta name="text:Link 1" content="" />
  33. <meta name="text:Link 1 URL" content="" />
  34. <meta name="text:Link 2" content="" />
  35. <meta name="text:Link 2 URL" content="" />
  36. <meta name="text:Link 3" content="" />
  37. <meta name="text:Link 3 URL" content="" />
  38. <meta name="text:Link 4" content="" />
  39. <meta name="text:Link 4 URL" content="" />
  40. <meta name="text:Link 5" content="" />
  41. <meta name="text:Link 5 URL" content="" />
  42. <meta name="text:Link 6" content="" />
  43. <meta name="text:Link 6 URL" content="" />
  44. <meta name="if:Show Link 1" content="1" />
  45. <meta name="if:Show Link 2" content="1" />
  46. <meta name="if:Show Link 3" content="1" />
  47. <meta name="if:Show Link 4" content="1" />
  48. <meta name="if:Show Link 5" content="1" />
  49. <meta name="if:Show Link 6" content="1" />
  50.  
  51.  
  52. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  53.  
  54. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  55.  
  56. <script>
  57.  
  58. (function($){
  59.  
  60. $(document).ready(function(){
  61.  
  62. $("a[title]").style_my_tooltips({
  63.  
  64. tip_follows_cursor:true,
  65.  
  66. tip_delay_time:30,
  67.  
  68. tip_fade_speed:300,
  69.  
  70. attribute:"title"
  71.  
  72. });
  73.  
  74. });
  75.  
  76. })(jQuery);
  77.  
  78. </script>
  79.  
  80.  
  81.  
  82.  
  83.  
  84.  
  85. <script>
  86. $(document).ready(function(){
  87.  
  88. $(".slidingDiv").hide();
  89. $(".show_hide").show();
  90.  
  91. $('.show_hide').toggle(function(){
  92. $(".slidingDiv").slideDown(
  93. function(){
  94. $("#navigation").text("navigation")
  95. }
  96. );
  97. },function(){
  98. $(".slidingDiv").slideUp(
  99. function(){
  100. $("#navigation").text("navigation")
  101. }
  102. );
  103. });
  104. });
  105. </script>
  106.  
  107.  
  108.  
  109.  
  110.  
  111. <link href='http://fonts.googleapis.com/css?family=Marck+Script|Pacifico|Dancing+Script|Damion|Kaushan+Script|Berkshire+Swash|Homemade+Apple|Rochester|Cookie' rel='stylesheet' type='text/css'>
  112.  
  113.  
  114. <link href='http://fonts.googleapis.com/css?family=IM+Fell+DW+Pica+SC|Kristi|Cutive+Mono|Mr+De+Haviland|Alex+Brush|Monsieur+La+Doulaise|Meddon&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
  115.  
  116. <link href='http://fonts.googleapis.com/css?family=IM+Fell+DW+Pica|IM+Fell+DW+Pica+SC|IM+Fell+English|Megrim|Crimson+Text' rel='stylesheet' type='text/css'>
  117.  
  118. <link href='http://fonts.googleapis.com/css?family=Astloch|Snippet|Princess+Sofia|New+Rocker|Henny+Penny|Butcherman|Bigelow+Rules|UnifrakturCook:700|Inconsolata|VT323' rel='stylesheet' type='text/css'>
  119.  
  120.  
  121. <link href='http://fonts.googleapis.com/css?family=Faster+One|Ribeye+Marrow' rel='stylesheet' type='text/css'>
  122.  
  123.  
  124. <link href='http://fonts.googleapis.com/css?family=Lora:400italic' rel='stylesheet' type='text/css'>
  125.  
  126.  
  127. <link href='http://fonts.googleapis.com/css?family=Black+Ops+One' rel='stylesheet' type='text/css'>
  128.  
  129.  
  130. <link href='http://fonts.googleapis.com/css?family=Poiret+One' rel='stylesheet' type='text/css'>
  131.  
  132.  
  133.  
  134.  
  135.  
  136.  
  137. <link href='http://fonts.googleapis.com/css?family=Lora:400italic' rel='stylesheet' type='text/css'>
  138.  
  139.  
  140.  
  141.  
  142.  
  143.  
  144.  
  145.  
  146.  
  147.  
  148. <style type="text/css">
  149.  
  150. /*---THIS IS WHERE YOUR CSS OR STYLE SHEET BEGINS---*/
  151. ::-webkit-scrollbar{height: 9px; width: 3px; -webkit-border-radius: 0px; background-color:transparent;}
  152. ::-webkit-scrollbar-thumb{background-color:{color:scrollbar};}
  153. ::-webkit-scrollbar-track{background-color:transparent;
  154. }
  155.  
  156. #s-m-t-tooltip {
  157. max-width:300px;
  158. padding:4px 5px 4px 5px;
  159. margin:20px 0px 0px 20px;
  160. background-color:#fff;
  161. border: 1px solid #eee;/* change the border color */
  162. font-family:'arial'; /* change the font */
  163. font-size:7px; /* change the font size */
  164. letter-spacing:1px; /* change the letter spacing */
  165. text-transform:lowercase; /* can be uppercase, lowercase, none*/
  166. color:#666;
  167. font-weight:bold;/* change the text color */
  168. z-index:999999999999999999999999999999999999;
  169.  
  170. }
  171.  
  172.  
  173. /*----STYLING OF THE OVERALL PAGE---*/
  174. body {
  175. background-color:{color:background};
  176. font-family:'arial';
  177. font-size:8px;
  178. margin-top:0px;
  179. letter-spacing: 0.5px;
  180. color:#666;
  181. background:url('{image:bg}') top left fixed repeat ;
  182. }
  183.  
  184.  
  185.  
  186. /*---change the style of the links---*/
  187. a {
  188. color:{color:link}; /*---text color---*/
  189. text-decoration:none;
  190. cursor:help;
  191. --moz-transition-duration:0.7s;
  192. -webkit-transition-duration:0.7s;
  193. -o-transition-duration:0.7s;
  194. }
  195.  
  196.  
  197. /*---change what happens to the links when you hover over them--*/
  198. a:hover {
  199. color:{color:hover};
  200. --moz-transition-duration:0.7s;
  201. -webkit-transition-duration:0.7s;
  202. -o-transition-duration:0.7s;
  203. }
  204.  
  205.  
  206. /*---change the style of header text, including Post Titles---*/
  207.  
  208. h1 {
  209. font-size:2em; /*---makes it 2x the size of all other text---*/
  210. font-weight:bold;
  211. letter-spacing:2px; /*---makes the letters closer together---*/
  212. color:{color:accent};
  213. }
  214.  
  215.  
  216.  
  217. /*---the following variables make it so that the color of bold, italic, emphasized,big, and strong text is the "accent" color.
  218. you may take this out without doing damage to the theme---*/
  219. b {
  220. color:{color:accent};
  221. }
  222.  
  223. i {
  224. color:{color:accent};
  225. }
  226.  
  227. em {
  228. color:{color:accent};
  229. }
  230.  
  231. big {
  232. color:{color:accent};
  233. font-size:2em;
  234. }
  235.  
  236. strong {
  237. color:{color:accent};
  238. }
  239.  
  240.  
  241.  
  242. /*---styles blockquotes (which you put in using the <blockquote></blockquote> tags---*/
  243.  
  244. blockquote {
  245. padding-left:3px;
  246. border-left:2px solid {color:accent};;
  247. }
  248.  
  249. blockquote blockquote {
  250. padding-left:7px;
  251. border-left:2px solid {color:accent};
  252. }
  253.  
  254.  
  255. /*---The following style sheet refers to the title on the side of the blog. You may remove it if you wish---*/
  256.  
  257.  
  258. #fresh {
  259.  
  260. font-family:arial; /*---change the font---*/
  261. font-size:28px; /*---change the font size---*/
  262. color:black; /*--- change the font color ---*/
  263. letter-spacing:0px; /*---change how close the letters are to each other (lower number=less space between letters)---*/
  264. text-transform:lowercase; /*---makes all text lowercase. can be changed to uppercase or none---*/
  265. font-weight:bold;
  266. -webkit-transition-duration:1s;
  267. -moz-transition-duration:1s;
  268. -o-transition-duration:1s;
  269. }
  270.  
  271. #fresh a {
  272. color:black;/*--- this is so that when your title is a link to your home page, it still is black text---*/
  273. -webkit-transition-duration:1s;
  274. -moz-transition-duration:1s;
  275. -o-transition-duration:1s;
  276. }
  277.  
  278. #fresh a:hover {
  279. color:{color:accent}; /*---this makes it so that when you hover over the title, the text turns the color of the accent color---*/
  280. -webkit-transition-duration:1s;
  281. -moz-transition-duration:1s;
  282. -o-transition-duration:1s;
  283. }
  284.  
  285. /*---You need the transitions under #fresh, #fresh a, and #fresh a:hover so that it glides when you hover and then
  286. glides back into place---*/
  287.  
  288.  
  289.  
  290.  
  291. /*---SIDEBAR---*/
  292. #sidebar {
  293. width:190px;
  294. margin-left:0px;
  295. padding:7px;
  296. height:auto;
  297. margin-top:-90px;
  298. position:fixed;
  299. border: 0px #eee solid;
  300. border-radius:0%;
  301. background-color:transparent;
  302.  
  303.  
  304. -webkit-transition-duration:1s;
  305. -moz-transition-duration:1s;
  306. -o-transition-duration:1s;
  307. }
  308.  
  309.  
  310.  
  311. #sidebar img {
  312. width:100px;
  313. margin-top:-64px;
  314. margin-left:152px;
  315. position: fixed;
  316. }
  317.  
  318.  
  319. #sidebarimage {
  320. width:37px;
  321. height:37px;
  322. border:0px #eee solid;
  323. }
  324.  
  325.  
  326. #sidebarimage img{
  327. width:37px;
  328. height:37px;
  329. padding:0px;
  330. margin-left:13px;
  331. background-color:transparent;
  332. margin-top:-13px;
  333. border-radius:10%;
  334. }
  335.  
  336.  
  337.  
  338. #title{
  339. border-bottom: solid 0px #eee;
  340. padding: 5px;
  341. background-color: #f6f6f6;
  342. width: 190px;
  343. border-bottom:0px #eee solid;
  344. margin-top: 5px;
  345. text-align:center;
  346. font-family:'arial';
  347. margin-left:0px;
  348. letter-spacing: 2px;
  349. text-shadow: 3px 3px {color:titleshadow};
  350. font-weight:bold;
  351. color: #666;
  352. text-transform: lowercase;
  353. font-size:15px;
  354. -webkit-transition-duration:1.5s;
  355. -moz-transition-duration:1.5s;
  356. -o-transition-duration:1.5s;
  357. }
  358.  
  359. #title:hover {
  360. -webkit-transition-duration:1s;
  361. -moz-transition-duration:1s;
  362. -o-transition-duration:1s;
  363. }
  364.  
  365. #subtitle{
  366. border-bottom: solid 0px #eee;
  367. padding: 0px;
  368. background-color: #000;
  369. position:fixed;
  370. width: 150px;
  371. border-bottom:0px #eee solid;
  372. margin-top: 22px;
  373. text-align:right;
  374. font-family:'arial';
  375. margin-left:0px;
  376. letter-spacing:0px;
  377. font-weight:bold;
  378. color: white;
  379. text-transform: lowercase;
  380. font-size:10px;
  381. }
  382.  
  383. #desc {
  384. /*---this is the styling of the description---*/
  385. width:135px; /*---defines the distance between the description and the links---*/
  386. margin-top:-50px;
  387. margin-left: 55px;
  388. border-radius: 5%;
  389. font-family: 'arial';
  390. padding:5px;
  391. border:1px {color:descborder} solid;
  392. letter-spacing:0.5px;
  393. text-transform: lowercase;
  394. background-color:{color:descbg} ;
  395. line-height: 170%;
  396. color:#666; /*---change the text color---*/
  397. text-align:justify; /*---change the font---*/
  398. font-size:8px; /*---change the font size---*/
  399. font-weight:bold; /*---can be bold or normal---*/
  400. }
  401.  
  402.  
  403.  
  404.  
  405.  
  406.  
  407.  
  408. #links {
  409. width:210px;
  410. margin-top:7px;
  411. margin-left:0px;
  412. text-align:center;
  413. border-bottom:0px solid #666;
  414. position:fixed;
  415. padding:0px;
  416. padding-top:0px;
  417. letter-spacing: 0px;
  418. line-height:100%;
  419. background-color: transparent;
  420. }
  421.  
  422.  
  423. #links img {width:7px;
  424. height:7px;}
  425.  
  426. #links a {
  427. border-radius:0px;
  428. padding:2px;
  429. background-color:transparent;
  430. font-family:'arial';
  431. margin-top:5px;
  432. margin-left:5.5px;
  433. text-shadow: 3px 3px {color:descbg};
  434. line-height:100%;
  435. letter-spacing: 0px;
  436. font-weight:bold;
  437. text-align:justify;
  438. color: #666;
  439. text-transform: lowercase;
  440. font-size:8px;
  441.  
  442. --moz-transition-duration:0.7s;
  443. -webkit-transition-duration:0.7s;
  444. -o-transition-duration:0.7s;
  445.  
  446. }
  447.  
  448.  
  449.  
  450. #links a:hover{
  451. cursor:help;
  452. font-style:none;
  453. text-decoration:none;
  454. color: #fff;
  455. --moz-transition-duration:0.2s;
  456. -webkit-transition-duration:0.2s;
  457. -o-transition-duration:0.2s;
  458. }
  459.  
  460.  
  461.  
  462.  
  463. #header{
  464. width:800px;
  465. height:100px;
  466. border-bottom:1px solid #000;
  467. position: fixed;
  468. background-color:#fff;
  469. margin-top:-100px;
  470. margin-left: 230px;
  471. }
  472.  
  473.  
  474.  
  475.  
  476. #postcontainer {
  477.  
  478. /*---defines the area where the posts will go. use this to move posts up/down and left/right---*/
  479. margin-left:440px;
  480. margin-top:70px;
  481. width:700px;
  482. background-color: transparent;
  483. }
  484.  
  485. #post {
  486.  
  487. /*---this is the styling of each individual post---*/
  488. text-align:left;
  489. width:400px;
  490. padding:0px;
  491. border-radius: 0%;
  492. border:0px solid #e7cee7;
  493. margin-left:65px;
  494. padding-top:0px;
  495. margin-bottom:30px;
  496. background-color:#fff;
  497. margin-top:150px;
  498.  
  499. --moz-transition-duration:1.2s;
  500. -webkit-transition-duration:1.2s;
  501. -o-transition-duration:1.2s;
  502.  
  503. }
  504.  
  505.  
  506. #post:hover#tags{
  507. opacity:1;
  508. --moz-transition-duration:1.2s;
  509. -webkit-transition-duration:1.2s;
  510. -o-transition-duration:1.2s;
  511. }
  512.  
  513.  
  514. #info img {width:8px; height:8px; padding:2px; border: 1px solid #666;
  515. margin-top:3px;margin-right:2px;
  516. }
  517.  
  518.  
  519. #info {
  520. font-size:8px;
  521. text-align:right;
  522. height:20px;
  523. opacity:1;
  524. width:400px;
  525. text-transform:lowercase;
  526. margin-left:0px;
  527. font-family: 'arial';
  528. font-style:none;
  529. margin-top:-30px;
  530. color: #000;
  531. background-color: #efefef;
  532.  
  533. --moz-transition-duration:1.2s;
  534. -webkit-transition-duration:1.2s;
  535. -o-transition-duration:1.2s;
  536. }
  537.  
  538. #info a {
  539. padding:7px
  540. margin-top:5;
  541. background-color: transparent;
  542. text-align:right;
  543. }
  544.  
  545.  
  546. #info a:hover {
  547. text-decoration:underline;
  548. --moz-transition-duration:1.2s;
  549. -webkit-transition-duration:1.2s;
  550. -o-transition-duration:1.2s;
  551. }
  552.  
  553.  
  554.  
  555.  
  556.  
  557. #tags {
  558. font-family:'arial';
  559. letter-spacing:0px;
  560. text-transform:none;
  561. opacity:1;
  562. font-size:8px;
  563. width:335px;
  564. color:#666;
  565. border-top:0px solid #000;
  566. font-style:none;
  567. margin-top:-20px;
  568. text-align:left;
  569. margin-left: 65px;
  570. }
  571.  
  572. #tags a {
  573. display:inline-block;
  574. color:#888;
  575. text-align:center;
  576. margin-top:5px;
  577. text-shadow: 3px 3px {color:descbg};
  578. background-color:transparent;
  579. text-decoration:none;
  580. font-weight: bold;
  581. padding:5px;
  582. --moz-transition-duration:0.7s;
  583. -webkit-transition-duration:0.7s;
  584. -o-transition-duration:0.7s;
  585. }
  586.  
  587.  
  588. #tags a:hover{
  589. background-color:transparent;
  590. text-decoration:none;
  591. color:#fff;
  592. --moz-transition-duration:0.2s;
  593. -webkit-transition-duration:0.2s;
  594. -o-transition-duration:0.2s;
  595. }
  596.  
  597.  
  598.  
  599.  
  600.  
  601. .asker {
  602. /*---this is the styling of the NAME of the person who sent the message in ANSWER posts---*/
  603. background-color:#fff;
  604. border:0px solid {color:accent};
  605. width:400px;
  606. text-align:center;
  607. padding: 5px 0px 5px 0px;
  608. font-family:'arial';
  609. font-size:8px;
  610. color:{color:accent};
  611. text-decoration: none;
  612. font-style:italic;
  613. letter-spacing:0.5px;
  614. text-transform:lowercase;
  615. font-weight:normal;
  616. }
  617.  
  618.  
  619. .asker a {
  620. border:none;
  621. }
  622. .question {
  623. margin-left:0px;
  624. color:#666;
  625. border-bottom:0px solid #eee;
  626. background-color:{color:accent};
  627. width:390px; /*---sets the width of the question to 100% of the post width---*/
  628. margin-top:0px;
  629. padding: 5px ;
  630. font-family:'arial';
  631. text-align:center;
  632. text-transform: lowercase;
  633. font-size:8px;
  634. line-height:200%;
  635. letter-spacing: 0px;/*---makes it so that the question box is at least 20px large. it can be more if necessary, the
  636. computer will do that automatically---*/
  637. font-style:none;
  638.  
  639. }
  640.  
  641. .reply {
  642. /*---styling for your response to the question---*/
  643. border:0px solid {color:accent};
  644.  
  645. padding:5px;
  646. font-size:8px;
  647. font-family:'arial';
  648. font-weight:normal;
  649. text-align: center;
  650. text-transform: lowercase;
  651. line-height: 200%;
  652. width: 390px
  653. color:#666;
  654. letter-spacing: 0px;
  655. margin-left:0px;
  656.  
  657. }
  658.  
  659.  
  660.  
  661.  
  662. .pagenotes {
  663. {block:IndexPage}
  664. display: none!important;
  665. {/block:IndexPage}
  666.  
  667. text-align:left;
  668. margin-left: 428px;
  669. margin-top:80px;
  670. font-family: 'arial';
  671. line-height: 100%
  672. font-size: 8px;
  673. }
  674.  
  675. .pagenotes:a {
  676. padding:7px;
  677.  
  678. }
  679. .pagenotes img {
  680. display:none!important;}
  681. .pagenotes li {
  682. list-style-type:none;
  683. text-align:center;
  684. width:378px;
  685. padding:10px;
  686. padding:bottom:10px;
  687. background-color:#f6f6f6;
  688. border:2px #fff solid;
  689. border-bottom:0px solid #fff;
  690.  
  691. --moz-transition-duration:0.7s;
  692. -webkit-transition-duration:0.7s;
  693. -o-transition-duration:0.7s;
  694. }
  695. /*---styling for the post information e.g. tags, date posted, notes---*/
  696. .pagenotes li:hover{
  697. background-color:#fff;
  698.  
  699. --moz-transition-duration:0.7s;
  700. -webkit-transition-duration:0.7s;
  701. -o-transition-duration:0.7s;
  702. }
  703.  
  704.  
  705. /* --- POST TAGS---*/
  706.  
  707. ::selection {
  708. color:{color:accent};
  709.  
  710. }
  711.  
  712.  
  713. #credit img {width:42px;}
  714.  
  715. #credit {
  716. position:fixed;
  717. font-family:'arial';
  718. font-size:8px;
  719. letter-spacing: 0px;
  720. line-height:120%;
  721. right:5px;
  722. bottom:10px;
  723. text-align:center;
  724. padding:3px;
  725. }
  726.  
  727. #credit a {
  728. padding:7px;
  729. letter-spacing:0px;
  730. text-transform:lowercase;
  731. font-weight:bold;
  732. background-color:transparent;
  733. border: 0px solid #eee;
  734. --moz-transition-duration:0.7s;
  735. -webkit-transition-duration:0.7s;
  736. -o-transition-duration:0.7s;
  737. }
  738.  
  739. #credit a:hover {
  740. --moz-transition-duration:0.7s;
  741. -webkit-transition-duration:0.7s;
  742. -o-transition-duration:0.7s;
  743. }
  744.  
  745. /*---styling the pagination---*/
  746.  
  747.  
  748. #pagination img {width:7px;
  749. height:7px;}
  750.  
  751. #pagination {
  752. margin-left:335px;
  753. width:700px;
  754. text-transform:lowercase;
  755. font-weight:normal;
  756. text-align: center;
  757. opacity:1;
  758. margin-top:100px;
  759. position:absolute;
  760. margin-bottom:30px;
  761.  
  762. --moz-transition-duration:1s;
  763. -webkit-transition-duration:1s;
  764. -o-transition-duration:1s;
  765. }
  766. #pagination a {
  767. padding:5px;
  768. font-size:8px;
  769. text-align: center;
  770. letter-spacing: 0px;
  771. color: #000;
  772. background-color:#eee;
  773.  
  774. --moz-transition-duration:1s;
  775. -webkit-transition-duration:1s;
  776. -o-transition-duration:1s;
  777. }
  778.  
  779. #pagination a:hover{
  780. background-color:#fff;
  781.  
  782. --moz-transition-duration:1s;
  783. -webkit-transition-duration:1s;
  784. -o-transition-duration:1s;
  785. }
  786.  
  787.  
  788.  
  789.  
  790.  
  791. .jump_page {
  792. /*---style the box that allows you to jump pages---*/
  793. padding: 4px 8px; /*---don't mess with this please---*/
  794. border: 2px solid #888; /*---change the size/color/type of the border around the box---*/
  795. background-color: #fff; /*---change the background color of each box---*/
  796. color:#555; /*---change the text color---*/
  797. font-family:century gothic; /*---change the font---*/
  798. font-size:11px;
  799. text-decoration:none; /*---could be underline or line-through, for example---*/
  800. }
  801.  
  802. .current_page, .jump_page:hover {
  803.  
  804. /*---this is the styling of the box for the page that you're currently visiting---*/
  805. padding: 4px 8px;
  806. border: 2px solid #aaa; /*---change the border size/color/type---*/
  807. background-color: #ddd; /*---change the background color---*/
  808. color: #fff;/*---change the text color---*/
  809. font-family:century gothic; /*---change the font---*/
  810. font-size:11px;
  811. text-decoration:none;
  812. }
  813.  
  814. /*---styling for photosets---*/
  815. .photoset {
  816. border:0px #ccc double;/*---puts a border around a photoset. can be removed without damaging the theme---*/
  817. -webkit-transition-duration:1s;
  818. -moz-transition-duration:1s;
  819. -o-transition-duration:1s;
  820. }
  821.  
  822. #audio {
  823. height:auto;
  824. padding-bottom:0px;
  825. }
  826.  
  827. .cover {
  828. z-index:1;
  829. width:70px;
  830. height:70px;
  831. position:absolute;
  832. }
  833.  
  834. .cover img {
  835. float:left;
  836. width:60px;
  837. height:60px;
  838. BORDER-RADIUS: 7%;
  839. }
  840.  
  841. .button {
  842. width:19px;
  843. height:20px;
  844. overflow:hidden;
  845. position:relative;
  846. z-index:1000;
  847. margin-top:22px;
  848. margin-left:21px;
  849. text-align:center;
  850. margin-top:4px;
  851. margin-left:5px;
  852. }
  853.  
  854. .box {
  855. opacity:0.8;
  856. width:35px;
  857. height:35px;
  858. margin-top:12.5px;
  859. margin-left:12.5px;
  860. background:#fff;
  861. position:absolute;
  862. z-index:1000;
  863. -webkit-border-radius:0px;
  864. -moz-border-radius:0px;
  865. border-radius:0px;
  866. }
  867.  
  868. .capbox {
  869. padding:15px;
  870. padding-top:10px;
  871. margin-left:55px;
  872. background:#fff;
  873. height:35px;
  874. letter-spacing:0.5px;
  875. padding-bottom:15px;
  876. font-size: 8px;
  877. color:#000;
  878. font-family:'arial';
  879. line-height:200%;
  880. text-align:left;
  881. text-transform:lowercase;
  882. width:295px;
  883. }
  884.  
  885.  
  886.  
  887.  
  888.  
  889. /*---SOMETHING NOT WORKING?
  890.  
  891. I'm more than happy to help you, but make sure to read these tips first:
  892.  
  893. -make sure you didn't forget a ; at the end of a section of css
  894. -make sure that the css goes variable:defined-thing; and not variable;defined-thing:
  895. -if you're using scripts, make sure that the "" marks are green and not white. the white ones do not work
  896. -if your transitions are slow on hover and then snap back into place, add a transition on the original element
  897. -if the posts are suddenly not in their container, you closed a div that you shouldn't have. Just delete one </div> until it works
  898.  
  899. if none of those things help you or you have a different question, you are free to ask me. I am always here to help!
  900.  
  901. ---*/
  902.  
  903. .content {
  904. background-color:#ddd;
  905. border:0px solid #000;
  906. background:url('{image:header}') top left fixed repeat ;
  907. height:300px;
  908. width:1400px;
  909. margin-top:-10px;
  910. margin-left:-10px;
  911. -webkit-transition:0.5s;
  912. -moz-transition:0.5s;
  913. -ms-transition:0.5s;
  914. -o-transition:0.5s;
  915. transition:0.5s; /* add transitions into your CSS to make sure the scroll effect occurs smoothly! */
  916. }
  917.  
  918. .headertitle {
  919. font-size: 70px;
  920. border:2px solid {color:title};
  921. color:{color:title};
  922. font-weight:bold;
  923. position:absolute;
  924. margin-left:1000px;
  925. width:auto;
  926. font-family:'calibri';
  927. text-align:center;
  928. padding:5px;
  929. margin-top:150px;
  930. -webkit-transition:1s;
  931. -moz-transition:1s;
  932. -ms-transition:1s;
  933. -o-transition:1s;
  934. transition:1s;
  935. }
  936.  
  937.  
  938. .headertitle:hover {
  939. font-size:90px;
  940. border:4px solid {color:title};
  941. padding:8px;
  942. margin-top:120px;
  943. margin-left:980px;
  944. -webkit-transition:1s;
  945. -moz-transition:1s;
  946. -ms-transition:1s;
  947. -o-transition:1s;
  948. transition:1s;
  949. }
  950.  
  951.  
  952.  
  953.  
  954. .cool {
  955.  
  956. -webkit-transition:0.5s;
  957. -moz-transition:0.5s;
  958. -ms-transition:0.5s;
  959. -o-transition:0.5s;
  960. transition:0.5s;
  961. }
  962.  
  963.  
  964.  
  965.  
  966.  
  967.  
  968.  
  969.  
  970.  
  971.  
  972.  
  973.  
  974.  
  975. {CustomCSS}
  976.  
  977. </style>
  978.  
  979. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  980.  
  981. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script>
  982. <script type="text/javascript">
  983. $(function(){
  984. var stickyRibbonTop = $('#line').offset().top;
  985.  
  986. $(window).scroll(function(){
  987. if( $(window).scrollTop() > stickyRibbonTop ) {
  988. $('.content').addClass('cool');
  989. } else {
  990. $('.content').removeClass('cool');
  991. }
  992. });
  993. });
  994. </script>
  995.  
  996.  
  997.  
  998.  
  999.  
  1000.  
  1001. </head>
  1002. <body>
  1003.  
  1004. <!---THIS IS WHERE YOU CODE THE ACTUAL CONTENT OF YOUR THEME--->
  1005.  
  1006.  
  1007.  
  1008.  
  1009. <div id="sidebar">
  1010.  
  1011.  
  1012. <div id="sidebarimage"><img src="{image:sidebar}">
  1013.  
  1014. </div>
  1015.  
  1016. <img src="http://38.media.tumblr.com/d103eb823dce2842c673f409f036857b/tumblr_mzx9wrdwFa1snc5kxo1_500.gif">
  1017.  
  1018. <div id="desc">{Description}</div>
  1019.  
  1020.  
  1021. <div id="links">
  1022.  
  1023. {block:ifShowLink1}<a href="{text:link 1 url}">{text:link 1}</a>{/block:ifShowLink1}
  1024. {block:ifShowLink2}<a href="{text:link 2 url}">{text:link 2}</a>{/block:ifShowLink2}
  1025. {block:ifShowLink3}<a href="{text:link 3 url}">{text:link 3}</a>{/block:ifShowLink3}
  1026. {block:ifShowLink4}<a href="{text:link 4 url}">{text:link 4}</a>{/block:ifShowLink4}
  1027. {block:ifShowLink5}<span style="margin-left:-1px;"><a href="{text:link 5 url}">{text:link 5}</a></span>{/block:ifShowLink5}
  1028. {block:ifShowLink6}<a href="{text:link 6 url}">{text:link 6}</a>{/block:ifShowLink6}
  1029. </div>
  1030.  
  1031.  
  1032.  
  1033.  
  1034.  
  1035.  
  1036.  
  1037. <!---closes the sidebar image container--->
  1038.  
  1039.  
  1040.  
  1041.  
  1042.  
  1043. </div><!---closes the links--->
  1044. <!---the description (open, description, close)--->
  1045.  
  1046.  
  1047.  
  1048.  
  1049.  
  1050.  
  1051.  
  1052. <div id="postcontainer">
  1053.  
  1054.  
  1055. <div class= "autopagerize_page_element">
  1056. <!---the posts go in here--->
  1057. {block:Posts}
  1058.  
  1059.  
  1060.  
  1061.  
  1062. <div id="post">
  1063.  
  1064. <div id="info"> {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentTitle}"> <img src="https://41.media.tumblr.com/585c7179e41cfdef79967444894937b0/tumblr_nmx1x7ZBfe1sep08to7_r1_75sq.png"></a>{/block:RebloggedFrom}
  1065. &nbsp;&nbsp;
  1066. {block:NoteCount}<a href="{Permalink}" title="{NoteCount}"><img src="https://36.media.tumblr.com/173004feb54341e545fdb683b8f70c1b/tumblr_nmx1x7ZBfe1sep08to9_r1_75sq.png"></a>{/block:NoteCount}
  1067. &nbsp;&nbsp;
  1068. {block:Date}<span class="date"><a href="{Permalink}" title="{DayOfMonthWithZero} {Month}"><img src="https://41.media.tumblr.com/efd8e8fdd5a944f9b9083e041c5d7b8b/tumblr_nmx1x7ZBfe1sep08to8_r1_75sq.png"></a>{/block:Date}</span>
  1069.  
  1070. <br></div>
  1071.  
  1072.  
  1073. {block:ContentSource}
  1074.  
  1075. <!--- {sourceURL}{block:SourceLogo}<img src=”{BlackLogoURL}”
  1076.  
  1077. width=”{LogoWidth}” height=”{LogoHeight}” alt=”{SourceTitle}” />
  1078.  
  1079. {/block:SourceLogo}
  1080.  
  1081. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} --->
  1082.  
  1083. {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  1084.  
  1085.  
  1086. <!---TEXT POSTS--->
  1087. {block:Text}<span style="padding: 5px;">{block:Title}<h1>{Title}</h1>{/block:Title}{Body}</span>{/block:Text}
  1088.  
  1089. <!---PHOTO POSTS--->
  1090.  
  1091. {block:Photo}{LinkOpenTag}<center><img src="{PhotoURL-400}" width="400px"></center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  1092.  
  1093. <!---PHOTOSETS--->
  1094.  
  1095. {block:Photoset}{Photoset}{block:Caption}{Caption}{/block:Caption}
  1096. {/block:Photoset}
  1097.  
  1098. <!---VIDEO POSTS--->
  1099.  
  1100. {block:Video}{Video}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  1101.  
  1102.  
  1103. <!---AUDIO POSTS--->
  1104.  
  1105. {block:Audio}
  1106. <div id="audio">
  1107. <div class="cover">
  1108. <img src="http://static.tumblr.com/k9utpfa/tcom8wpif/default_cover_m.jpg">
  1109. </div>
  1110. {block:AlbumArt}
  1111. <div class="cover">
  1112. <img src="{AlbumArtURL}"></div>
  1113. {/block:AlbumArt}
  1114. <div class="box">
  1115. <div class="button">
  1116. {block:AudioPlayer}
  1117. {AudioPlayerWhite}
  1118. {/block:AudioPlayer}
  1119. </div></div>
  1120. <div class="capbox">
  1121. <span class="caption">Artist:<span {block:Artist} style="display:none;"{/block:Artist}>Unknown</span> {block:Artist}{Artist}{/block:Artist}<br>
  1122. Title: <span{block:TrackName} style="display:none;"{/block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}
  1123. <br>{block:PlayCount} {PlayCountWithLabel}{/block:PlayCount}
  1124. </span>
  1125. </div></div>
  1126. {/block:Audio}
  1127.  
  1128. <!---QUOTE POSTS--->
  1129.  
  1130. {block:Quote}<span style="font-size:30px;font-weight:bold;text-shadow: 3px 3px {color:accent};">{Quote}</span><p>{block:Source}– {Source}{/block:Source}{/block:Quote}
  1131.  
  1132. <!---LINK POSTS--->
  1133.  
  1134. {block:Link}<h1><a href="{URL}" {Target}>{Name}</h1></a>{block:Description}{Description}{/block:Description}{/block:Link}
  1135.  
  1136. <!---ANSWER POSTS--->
  1137.  
  1138. {block:Answer}
  1139. <div class="asker">
  1140. {Asker}</div><div class="question">{Question}</div>
  1141. <div class="reply">
  1142. {Answer}</div>
  1143. {/block:Answer}
  1144.  
  1145. <!---CHAT POSTS--->
  1146.  
  1147. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<span style="font-weight: bold; font-size:10px">{Label}</span>{/block:Label} <span style="border-bottom:0px solid #eee">{Line}</span><p>{/block:Lines}{/block:Chat}
  1148.  
  1149.  
  1150. </div>
  1151.  
  1152.  
  1153.  
  1154.  
  1155. {block:HasTags}<div id="tags"> {block:Tags} <a href="{TagURL}"># {Tag}</a>&nbsp;{/block:Tags}</div>{/block:HasTags}
  1156.  
  1157.  
  1158.  
  1159. {/block:Posts}
  1160.  
  1161. </div>
  1162.  
  1163. </div>
  1164.  
  1165.  
  1166.  
  1167.  
  1168.  
  1169.  
  1170.  
  1171. {block:PostNotes}
  1172. <div class="pagenotes">
  1173. {PostNotes}
  1174. </div>
  1175. {/block:PostNotes}
  1176.  
  1177.  
  1178.  
  1179.  
  1180.  
  1181.  
  1182.  
  1183.  
  1184.  
  1185. <div id="credit"><a href="http://94kim.tumblr.com/" title="94kim"><img src="http://33.media.tumblr.com/b28b2dbd0c729291a025db4b6ee6f129/tumblr_n988fosgcV1swnkwzo1_100.gif"></a></div>
  1186.  
  1187.  
  1188.  
  1189.  
  1190. </body>
  1191. <!---if you wanted to add a pop up ask box, you would want to put that in here--->
  1192. </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!