API tools faq
paste
Advertisement
magistramagi

theme [01] change

magistramagi
Jul 5th, 2014
243
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 36.28 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <!-- theme [01] change by magistramagi | tumblr
  3. full terms of use here: magistramagi.tumblr.com/tou
  4. summary:
  5. - you may edit as much as like
  6. - please ASK if you want to use any specific codes (especially the jQuery/javascript ones)
  7. - you may move the sidebar credit
  8.  
  9. X DO NOT steal my codes (in part or entirely)
  10. X DO NOT steal my designs
  11. X DO NOT remove my credit on the bottom of the page.
  12. -->
  13. <html>
  14.  
  15. <head>
  16.     <meta charset="utf-8">
  17.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  18.     <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=320, height=device-height, target-densitydpi=medium-dpi" />
  19.     <meta name="description" content="{MetaDescription}" >
  20.     <meta name="author" content="">
  21.     <link rel="shortcut icon" href="{Favicon}" />
  22.    
  23. <!--Options-->
  24.     <!-- Images -->
  25.     <meta name="image:Background" content="" />
  26.     <meta name="image:Sidebar Image" content="" />
  27.     <meta name="image:Back to Top" content="http://media.tumblr.com/bb9a23be491536b38a33d545a24ade7e/tumblr_inline_mnaitkiKdN1qz4rgp.png" />
  28.     <meta name="image:Loading Image" content="http://static.tumblr.com/4lsadzg/fbXn7apnv/ajax-loader.gif" />
  29.  
  30.    
  31.     <!-- Colours -->
  32.     <meta name="color:Background" content="#ffffff"/>
  33.    
  34.     <meta name="color:Scrollbar Background" content="#000000" />
  35.     <meta name="color:Scrollbar" content="#00a2ba" />
  36.    
  37.     <meta name="color:Selection Background" content="#FF8598" />
  38.     <meta name="color:Selection Text Colour" content="#ffffff" />
  39.    
  40.     <meta name="color:Tooltip Background" content="#000000" />
  41.     <meta name="color:Tooltip Text" content="#ffffff" />
  42.    
  43.     <meta name="color:Links" content="#00a2ba" />
  44.     <meta name="color:Links Hover" content="#FF8598" />
  45.    
  46.     <!--Sidebar-->
  47.     <meta name="color:Title" content="#000000" />
  48.     <meta name="color:Sidebar Background" content="#ffffff" />
  49.    
  50.     <meta name="color:Navigation Links" content="#86649b" />
  51.     <meta name="color:Navigation Links Hover" content="#ffffff" />
  52.     <meta name="color:Navigation Background" content="#ffffff" />
  53.     <meta name="color:Navigation Background Hover" content="#43324e" />
  54.    
  55.     <meta name="color:Description" content="#333" />
  56.     <meta name="color:Description Links" content="" />
  57.     <meta name="color:Description Links Hover" content="" />
  58.     <meta name="color:Description Bold" content="" />
  59.     <meta name="color:Description Italic" content="" />
  60.    
  61.     <meta name="color:Sidebar Pagination" content="" />
  62.     <meta name="color:Sidebar Pagination Hover" content="" />
  63.    
  64.     <!--Posts-->
  65.     <meta name="color:Post Background" content="#ffffff" />
  66.     <meta name="color:Post Title" content="#333333" />
  67.     <meta name="color:Post Text" content="#333333" />
  68.     <meta name="color:Post Bold" content="#333333" />
  69.     <meta name="color:Post Italic" content="#333333" />
  70.    
  71.     <meta name="color:Audio Info Text" content="#333333" />
  72.     <meta name="color:Audio Info Background" content="#f5f5f5" />
  73.    
  74.     <meta name="color:Ask Background" content="#ffffff" />
  75.    
  76.     <meta name="color:Chat Even Background" content="#f5f5f5" />
  77.     <meta name="color:Chat Even Text" content="#333333" />
  78.     <meta name="color:Chat Odd Background" content="#f5f5f5" />
  79.     <meta name="color:Chat Odd Text" content="#333333" />
  80.  
  81.    
  82.     <!--Footer-->
  83.     <meta name="color:Footer Background" content="#ffffff" />
  84.     <meta name="color:Metadata Text Color" content="#333333" />
  85.     <meta name="color:Metadata Link" content="#000000" />
  86.     <meta name="color:Metadata Link Hover" content="#333333" />
  87.    
  88.     <meta name="color:Tags" content="#00a2ba" />
  89.     <meta name="color:Tags Hover" content="#73DF20" />
  90.     <meta name="color:Tag Symbol Color" content="#3B1F3A" />
  91.    
  92.     <meta name="color:Permalink Notes Text" content="#333333" />
  93.    
  94.     <!--Blockquotes-->
  95.     <meta name="color:Blockquote Color 1" content="#e45c5c"/>
  96.     <meta name="color:Blockquote Color 2" content="#ffcc66"/>
  97.     <meta name="color:Blockquote Color 3" content="#d7e972"/>
  98.     <meta name="color:Blockquote Color 4" content="#76e2c2"/>
  99.     <meta name="color:Blockquote Color 5" content="#5dc6cd"/>
  100.     <meta name="color:Blockquote Color 6" content="#be7ce4"/>
  101.     <meta name="color:Blockquote Color 7" content="#e45c5c"/>
  102.     <meta name="color:Blockquote Color 8" content="#ffcc66"/>
  103.     <meta name="color:Blockquote Color 9" content="#d7e972"/>
  104.    
  105.    
  106.     <!-- Fonts -->
  107.     <meta name="font:Sidebar Text" content="Helvetica" />
  108.     <meta name="font:Sidebar Title" content="Courier New" />  
  109.     <meta name="font:Posts" content="Helvetica" />
  110.  
  111.    
  112.     <!-- Dropdowns/Select -->
  113.     <!--Sidebar Text Align-->
  114.     <meta name="select:Description Text Align" content="left" title="Left" />
  115.     <meta name="select:Description Text Align" content="center" title="Centre" />
  116.     <meta name="select:Description Text Align" content="justify" title="Justify" />
  117.     <meta name="select:Description Text Align" content="right" title="Right" />
  118.    
  119.      <!--Post Sizes-->
  120.     <meta name="select:Post Size" content="6" title="6" />
  121.     <meta name="select:Post Size" content="4" title="4" />
  122.     <meta name="select:Post Size" content="5" title="5" />
  123.     <meta name="select:Post Size" content="7" title="7" />
  124.     <meta name="select:Post Size" content="8" title="8" />
  125.    
  126.     <!-- On/Off -->
  127.     <meta name="if:Sidebar Background" content="1" />
  128.     <meta name="if:Infinite Scroll" content="0" />
  129.     <meta name="if:Lazy Load" content="1" />
  130.     <meta name="if:Back to Top" content="1" />
  131.     <meta name="if:Custom Tooltips" content="1" />
  132.     <meta name="if:Show Captions" content="1" />
  133.    
  134.  
  135.  
  136.     <!-- Custom Text -->
  137.     <meta name="text:Sidebar Title" content="o sing muse" />
  138.     <meta name="text:Sidebar Position" content="20%" />
  139.     <meta name="text:Tag Symbol" content="\2655" />
  140.    
  141.     <!--Custom Links-->
  142.     <meta name="text:Link 1 Title" content="" />
  143.     <meta name="text:Link 1 URL" content="" />
  144.    
  145.     <meta name="text:Link 2 Title" content="" />
  146.     <meta name="text:Link 2 URL" content="" />
  147.    
  148.     <meta name="text:Link 3 Title" content="" />
  149.     <meta name="text:Link 3 URL" content="" />
  150.    
  151.     <meta name="text:Link 4 Title" content="" />
  152.     <meta name="text:Link 4 URL" content="" />
  153.    
  154.     <meta name="text:Link 5 Title" content="" />
  155.     <meta name="text:Link 5 URL" content="" />  
  156.  
  157.     <meta name="text:Link 6 Title" content="credit" />
  158.     <meta name="text:Link 6 URL" content="http://magistramagi.tumblr.com/" />  
  159.  
  160.  
  161.  
  162.     <link rel="alternate" type="application/rss+xml" title="{Title} RSS" href="{RSS}" />
  163.     <title>{Title}</title>
  164.  
  165.     <!-- Bootstrap core CSS -->
  166.     <link href="http://static.tumblr.com/4lsadzg/tzEn71n1u/bootstrap.min.css" rel="stylesheet">
  167.    
  168.  
  169.  
  170.     <!-- Custom styles for this template -->
  171.     <style type="text/css">
  172.         body {
  173.             background-color: {color:Background};
  174.             background-attachment: fixed;
  175.             background-repeat:repeat;
  176.             background-image: url('{image:Background}');
  177.         }
  178.  
  179.     /*links*/
  180.         a {
  181.             color:{color:Links};
  182.             text-decoration: none;
  183.             -webkit-transition: all 0.6s linear;
  184.             -moz-transition: all 0.6s linear;
  185.             transition: all 0.6s linear;
  186.         }
  187.         a:hover, a:active{
  188.             text-decoration: none;
  189.             color: {color:Links Hover};
  190.             -webkit-transition: all 0.6s  linear;
  191.             -moz-transition: all 0.6s linear;
  192.             transition: all 0.6s linear;
  193.         }
  194.     /*headings*/
  195.         h1, h2, h3, h4, h5, h6 {
  196.             font-weight: normal;
  197.             letter-spacing: 0.1em;
  198.         }
  199.     /*fix*/iframe, img, embed, object, video {
  200.             max-width: 100%;
  201.             border: none;
  202.         }
  203.     p {line-height: 120%;}
  204.  
  205.     /*sidebar*/
  206.         #sidebar{
  207.             display: block;
  208.             margin-left: auto;
  209.             margin-right: auto;
  210.             float: none;
  211.             padding: 20px 60px;
  212.             font-family: {font:Sidebar Text};
  213.             background-color: {color:Sidebar Background};
  214.             {block:IfNotSidebarBackground}
  215.             background-color:transparent;
  216.             background-image:none;
  217.             {/block:IfNotSidebarBackground}
  218.         }
  219.         #sidebar-title { /*custom title*/
  220.             font-family: {font:Sidebar Title};
  221.             color:{color:Title};
  222.             padding:0;
  223.             margin:0;
  224.         }
  225.         /*navigation*/
  226.         nav {margin:0;padding:0;text-transform:lowercase;}
  227.         nav a {
  228.             display: inline-block;
  229.             color: {color:Navigation Links};
  230.             background-color: {color:Navigation Background};
  231.             height: auto;
  232.             font-size: 11px;
  233.             letter-spacing: 1px;
  234.             padding: 4px;
  235.             margin-top: 2px;
  236.             width: auto;
  237.         }
  238.         nav a:hover {
  239.             color: {color:Navigation Links Hover};
  240.             background-color:{color:Navigation Background Hover};
  241.         }
  242.            
  243.         /*description*/
  244.         #description {
  245.             font-size: 16px;
  246.             line-height:120%;
  247.             max-width: 300px;
  248.             margin-bottom: 10px;
  249.             color:{color:Description};
  250.             text-align:{select:Description Text Align};
  251.         }
  252.        
  253.         #description a {color: {color:Description Links};}
  254.        
  255.         #description a:hover {color: {color:Description Links Hover};}
  256.        
  257.         #description em, #description i {color: {color:Description Italic};}
  258.         {color: {color:Description Italic};}
  259.         #description strong, #desription b  {color: {color:Description Bold};}
  260.        
  261.         /*Sidebar Pagination*/
  262.         #sbpag {text-align: center; }
  263.         #sbpag a {
  264.             margin-right: 1%;
  265.             padding: 1%;
  266.             color: {color:Sidebar Pagination};
  267.         }
  268.        
  269.         #sbpag a:hover {color: {color:Sidebar Pagination Hover};}
  270.        
  271.     /*content*/
  272.         #content {
  273.             display: block;
  274.             margin-left:auto;
  275.             margin-right:auto; /*###1*/
  276.             float:none;
  277.             margin-top: 30px;
  278.             padding: 10px;
  279.             font-family: {font:Posts};
  280.         }
  281.        
  282.         /*individual posts*/
  283.         .post {
  284.             background-color: {color:Post Background};
  285.             margin: 10px 5px;
  286.             padding: 3%;
  287.             color: {color:Post Text};
  288.             font-size: 16px;
  289.         }
  290.         .post p {margin: 15px;}
  291.        
  292.         .post img {display:block;}
  293.        
  294.         .post em, i {color: {color:Post Italic};}
  295.         .post strong, .post bold {color: {color:Post Bold};}
  296.        
  297.        
  298.         /*blockquotes*/
  299.         blockquote {            
  300.             margin: 0;
  301.             margin-left: 3%;
  302.             padding: 10px;
  303.             border-left-width: 3px;
  304.             border-left-style: solid;
  305.         }
  306.        
  307.         blockquote img {
  308.             max-width: none;
  309.         }
  310.  
  311.        
  312.         /*post types*/
  313.        
  314.         /*text
  315.                 - TEXT POSTS
  316.                     - posted pics such as gifs and stuff
  317.                 - ANSWER POSTS
  318.                 - QUOTE POSTS
  319.                 - LINK POSTS
  320.                 - CHAT POSTS
  321.         */
  322.         /*TEXt POSTS*/
  323.         .title  /*text post titles*/ {
  324.             text-align: center;
  325.             border-bottom: 1px solid;
  326.             color: {color:Post Title};
  327.            
  328.         }
  329.         .title:hover  {color: {color:Post Title};}
  330.        
  331.         /*LINK POSTS*/
  332.        
  333.         /*QUOTE POSTS*/
  334.         h4.the-quote  {
  335.             font-size: 16px;
  336.             line-height: 150%;
  337.             margin: 3%;
  338.             padding: 5% 10%;
  339.             text-align: justify;
  340.             font-style: italic;
  341.         }
  342.         .quote .source {
  343.             text-align: right;
  344.             font-size: 12px;
  345.         }
  346.        
  347.         /*CHAT POSTS*/
  348.         .chat h2 {color: ; }
  349.         .chat ul {
  350.             list-style: none;
  351.             margin: 0;
  352.             padding: 0;
  353.         }
  354.         .chat li {
  355.             padding: 0.5% 2%;
  356.             margin: 1%;
  357.         }
  358.         .chat .even {
  359.             background-color: {color:Chat Even Background};
  360.             color: {color:Chat Even Text};
  361.         }
  362.        
  363.         .chat .odd {
  364.             background-color: {color:Chat Odd Background};
  365.             color: {color:Chat Odd Text};
  366.         }
  367.        
  368.        
  369.        
  370.         /*photo
  371.                 - PHOTO POSTS
  372.                 - PHOTOSET POSTS
  373.                 - PANORAMA POSTS
  374.                 + HIDE PHOTO/PHOTOSET POST CAPTIONS
  375.         */
  376.         /*photo post*/
  377.         .photo img {
  378.             display: block;
  379.             clear: both;
  380.             margin-left: auto;
  381.             margin-right: auto;
  382.         }
  383.        
  384.         div.high-res {
  385.             text-transform: lowercase;
  386.             font-size: 12px;
  387.             text-align: right;
  388.             padding: 5px;
  389.             margin-top: 10px;
  390.         }
  391.  
  392.        
  393.         /*photosets*/
  394.         .html_photoset {
  395.             text-align: center;
  396.             padding: 0px;
  397.             max-width: 100%;
  398.             display: block;
  399.         }
  400.        
  401.        
  402.         /*audio*/
  403.         .audiowrap {display:block; padding:10px;clear:both;margin:3px 0;}
  404.         .trackdetails {
  405.             font-family:consolas;
  406.             font-size: 12px;
  407.         }
  408.         .tmd {
  409.             display:block;
  410.             text-align: center;
  411.             padding: 2px;
  412.             margin: 3px 0;
  413.             margin-left:auto; margin-right:auto;
  414.             color: {color:Audio Info Text};
  415.             background-color:{color:Audio Info Background};
  416.         }
  417.         /*Photos, Audio, Video captions*/
  418.         .caption {
  419.             background-color: rgba(0,0,0,0.01);
  420.             padding: 10px;
  421.         }
  422.  
  423.         /*Answer posts*/
  424.         .questiongroup {
  425.             background-color: {color:Ask Background};
  426.             min-height: 100px;
  427.         }
  428.         .asker {
  429.         display:block;
  430.         height:10px;
  431.         padding:5px 0;
  432.         text-align:right;
  433.         }
  434.          
  435.         .asker a {
  436.         background: transparent;
  437.         font:italic 22px "Times New Roman", Times, serif;
  438.         text-transform: lowercase;
  439.         letter-spacing: -2px;
  440.         }
  441.          
  442.         .askportrait img{
  443.         float:left;
  444.         z-index: 55;
  445.         padding: 2px;
  446.         border:1px solid {color:Links};
  447.         margin: 5px;
  448.         border-radius:3px;
  449.         }
  450.          
  451.         .question p {
  452.         text-align:left;
  453.         vertical-align: top;
  454.         margin:0;
  455.         }
  456.          
  457.         .question {
  458.         margin-top:5px;
  459.         vertical-align:top;
  460.         padding:10px;
  461.         min-height:70px;
  462.         display:block;
  463.         margin-bottom:15px;
  464.         }
  465.          
  466.         .answer{
  467.         margin-bottom:5px;
  468.         display:block;
  469.         padding:5px;
  470.         }
  471.        
  472.         /*footer*/
  473.         footer {
  474.             border-top: 1px solid {color:Links};
  475.             background-color: {color:Footer Background};
  476.             margin: 0 5px 50px 5px;
  477.             padding: 15px;
  478.             font-size: 12px;
  479.             font-family: Consolas, monaco, monospace;
  480.         }
  481.        
  482.         footer .metadata {text-transform: lowercase; display: block;}
  483.         .metadata {color: {color:Metadata Text Color};}
  484.         .metadata a {color: {color:Metadata Link};}
  485.         .metadata a:hover {color: {color:Metadata Link Hover};}
  486.        
  487.         footer time {float: right;}
  488.        
  489.        
  490.        
  491.         /*tags [index]*/
  492.         .taggroup {
  493.             word-break: break-all;
  494.             overflow-wrap: break-word;
  495.         }
  496.        
  497.         .taggroup span /*filed under*/ {
  498.             text-align: left;
  499.             text-transform: lowercase;
  500.             color: {color:Metadata Text Color};
  501.         }
  502.        
  503.         a.tags:before {
  504.             content: '{text:Tag Symbol}';
  505.             color: {color:Tag Symbol Color};
  506.             margin-right: 3px;
  507.         }
  508.  
  509.         a.tags  {
  510.             text-transform: none;
  511.             padding: 1px;
  512.             margin-right: 15px;
  513.             color:{color:Tags};
  514.         }
  515.        
  516.         a.tags:hover {
  517.             color:{color:Tags Hover};
  518.         }
  519.        
  520.         /*Permalink Page notes*/
  521.         ol.notes {
  522.             padding: 0px;
  523.             margin: 25px 0px;
  524.             list-style-type: none;
  525.             border-bottom: solid 1px #ccc;
  526.             color: {color:Permalink Notes Text};
  527.         }
  528.  
  529.         ol.notes li.note {
  530.             border-top: solid 1px #ccc;
  531.             padding: 10px;
  532.         }
  533.  
  534.         ol.notes li.note img.avatar {
  535.             vertical-align: -4px;
  536.             margin-right: 10px;
  537.             width: 16px;
  538.             height: 16px;
  539.         }
  540.  
  541.         ol.notes li.note span.action {font-weight:normal;}
  542.  
  543.         ol.notes li.note .answer_content {font-weight: normal;}
  544.  
  545.         ol.notes li.note blockquote {
  546.             border-color: #eee;
  547.             padding: 4px 10px;
  548.             margin: 10px 0px 0px 25px;
  549.         }
  550.  
  551.         ol.notes li.note blockquote a {text-decoration: none;}        
  552.        
  553.         /*pagination on the bottom*/
  554.         .pagination {
  555.             width: 50%;
  556.             text-align: center;
  557.             margin-left:auto; margin-right:auto;
  558.         }
  559.         .pagination a {padding: 2%; font-size: 16px;}
  560.        
  561.         #infscr-loading {text-align: center}
  562.  
  563.         /*lightbox*/
  564.         div#tumblr_lightbox {background-color: rgba(255, 255, 255, 0.8) !important;}
  565.         #tumblr_lightbox_center_image, #tumblr_lightbox_left_image, #tumblr_lightbox_right_image {box-shadow: 0px 0px 50px rgb(0,0,0) !important;}
  566.         img#vignette {display:none !important;}
  567.        
  568.         div#tumblr_lightbox_caption {
  569.             color: #333333 !important;
  570.             /*font-family: "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace !important;
  571.             font-weight:normal !important;*/
  572.         }
  573.        
  574.         /*#tumblr_lightbox_caption{
  575.         position: absolute; text-align: center; font-weight: bold; font-style: normal; font-variant: normal; font-size: 16px; line-height: normal; font-family: HelveticaNeue, Helvetica, Arial, sans-serif; color: rgb(255, 255, 255); padding-top: 20px; text-shadow: rgb(0, 0, 0) 0px 4px 30px; display: none; text-rendering: optimizelegibility;
  576.          {)
  577.         */
  578.        
  579.        
  580.         @media (min-width: 991px) {
  581.             #sidebar {
  582.                 position: fixed;
  583.                 top: {text:Sidebar Position};
  584.                 padding: 10px;
  585.                 max-width: 300px;
  586.                 {block:IfSidebarBackground}
  587.                 background-attachment: fixed;
  588.                 background-repeat: repeat;
  589.                 background-color: {color:Sidebar Background};
  590.                 background-image: url('{image:Sidebar Background}');
  591.                 {/block:IfSidebarBackground}
  592.                 {block:IfNotSidebarBackground}
  593.                 background-color:transparent;
  594.                 background-image:none;
  595.                 {/block:IfNotSidebarBackground}
  596.             }
  597.  
  598.             #sidebar img {
  599.                 padding: 6px;
  600.                 display: block;
  601.                 margin-left: auto; margin-right: auto;}
  602.            
  603.             nav {display:inline;}
  604.            
  605.            
  606.             #description {
  607.                 font-size: 12px;
  608.                 line-height: 14px;
  609.                 color:{color:Description};
  610.             }
  611.              
  612.             #content {
  613.                 margin: 0px;
  614.                 margin-top: 10px;
  615.                 margin-left:33%;
  616.                 float:none;
  617.             }
  618.            
  619.             .post {padding: 15px;}
  620.         }  
  621.  
  622.         @media (max-width: 767px) {
  623.           .hidden-xs {display: none !important;}
  624.          
  625.           #content {margin-left: 0; margin-right: 0; width: 100%;}
  626.          
  627.           .container {
  628.              padding-right: 0; /*15px in bootstrap.css*/
  629.              padding-left: 0;  /*idem*/
  630.              margin-right: auto;
  631.              margin-left: auto;
  632.             }
  633.            
  634.             nav a {font-size: 12px;}
  635.         }
  636.        
  637.         @media (min-width: 768px) and (max-width: 991px) {
  638.           .hidden-sm {display: none !important;}
  639.         }
  640.        
  641.         .center-block {
  642.           display: block;
  643.           margin-left: auto;
  644.           margin-right: auto;
  645.         }
  646.        
  647.  
  648.         /* style-my-tootltips plugin, tooltip styling */
  649.         #s-m-t-tooltip{
  650.             /* basic */
  651.             max-width:300px;
  652.             z-index:999;
  653.             margin:24px 14px 7px 12px;
  654.             /* style and design */
  655.             padding: 3px;
  656.             background-color: {color:Tooltip Background};
  657.             /* font */
  658.             font-family: Consolas, monaco, monospace;
  659.             font-size:12px;
  660.             line-height:16px;
  661.             letter-spacing: 2px;
  662.             color:{color:Tooltip Text};
  663.         }
  664.  
  665.             /*scrollbar*/
  666.         ::-webkit-scrollbar {
  667.             width: 12px;
  668.         }
  669.  
  670.         /* Track */
  671.         ::-webkit-scrollbar-track:vertical {
  672.             background-color: {color:Scrollbar Background};
  673.             border-left:5px {color:Background} solid;
  674.             border-right: 5px {color:Background} solid;
  675.         }
  676.  
  677.         /* Handle */
  678.         ::-webkit-scrollbar-thumb:vertical {
  679.             background: {color:Scrollbar};
  680.             width: 5px;
  681.             border-left: 5px {color:Background} solid;
  682.             border-right: 5px {color:Background} solid;
  683.         }
  684.  
  685.         /*Highlight/Selection*/
  686.         ::selection {
  687.             background: {color:Selection Background}; /* Safari */
  688.             color: {color:Selection Text Colour} ;
  689.             }
  690.         ::-moz-selection {
  691.             background: {color:Selection Background};
  692.             color: {color:Selection Text} ;/* Firefox */
  693.         }    
  694.        
  695.         #mmc {position: fixed; bottom: 5px; right: 10px; color: {color:Links}; padding: 3px; text-transform:lowercase; letter-spacing:0; font-family: Consolas; font-size: 11px;line-height:11px; background-color:{color:Background};height: 15px;}
  696.         #mmc:before {content:'\2655'; margin-right: 3px;}
  697.  
  698.         {CustomCSS}
  699.     </style>
  700.    
  701.  
  702.     <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
  703.     <!--[if lt IE 9]>
  704.      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
  705.      <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
  706.    <![endif]-->
  707. </head>
  708.  
  709. <body>
  710. <div id="top"></div>
  711. {block:IfBackToTop}
  712. <div id="b2t">
  713. <a style="position:fixed;bottom:30px;right:10px;z-index:888;" href="#top" title="back to top?"><img src="{image:Back To Top}"></a>
  714. <p><a href="http://skullcaps.tumblr.com/post/51210772835/i-was-in-the-mood-for-pixel-art-so-heres-the" title="img src"></a></p>
  715. </div>
  716. {/block:IfBackToTop}
  717. <div class="container" id="container">
  718.         <div id="sidebar" class="col-xs-12 col-md-3 ">
  719.             <div class="hidden-sm hidden-xs"><img src="{Image:Sidebar Image}" alt=""  id="sidebar-img"/></div>
  720.             <a href="{BlogURL}" title="{lang:Home}"><h1 id="sidebar-title">{text:Sidebar Title}</h1></a>
  721.             <nav>
  722.                 <a href="{BlogURL}" title="{lang:Home}">{lang:Home}</a>
  723.                 <a href="/ask">ask</a>
  724.                 <a href="/submit">submit</a>
  725.                 <a href="/archive" title="{lang:Archive}">{lang:Archive}</a><br />
  726.                
  727.                 {block:IfLink1Title}
  728.                 <a href="{text:Link 1 URL}" title="{text:Link 1 Title}">{text:Link 1 Title}</a>
  729.                 {/block:IfLink1Title}
  730.                
  731.                 {block:IfLink2Title}
  732.                 <a href="{text:Link 2 URL}" title="{text:Link 2 Title}">{text:Link 2 Title}</a>
  733.                 {/block:IfLink2Title}
  734.                
  735.                 {block:IfLink3Title}
  736.                 <a href="{text:Link 3 URL}" title="{text:Link 3 Title}">{text:Link 3 Title}</a>
  737.                 {/block:IfLink3Title}
  738.                
  739.                 {block:IfLink4Title}
  740.                 <a href="{text:Link 4 URL}" title="{text:Link 4 Title}">{text:Link 4 Title}</a>
  741.                 {/block:IfLink4Title}
  742.                
  743.                 {block:IfLink5Title}
  744.                 <a href="{text:Link 5 URL}" title="{text:Link 5 Title}">{text:Link 5 Title}</a>
  745.                 {/block:IfLink5Title}
  746.                
  747.                 {block:IfLink6Title}
  748.                 <a href="{text:Link 6 URL}" title="{text:Link 6 Title}">{text:Link 6 Title}</a>
  749.                 {/block:IfLink6Title}
  750.                
  751.                
  752.             </ul></nav>
  753.            
  754.             {block:Description}
  755.             <div id="description">
  756.                 {Description}
  757.             </div>
  758.             {/block:Description}
  759.            
  760.            
  761.            
  762.  
  763.             {block:IfNotInfiniteScroll}
  764.             {block:Pagination}
  765.             <div id="sbpag">
  766.                 {block:PreviousPage}
  767.                 <a href="{PreviousPage}">&laquo;</a>
  768.                 {/block:PreviousPage}
  769.                
  770.                 {block:JumpPagination length="5"}
  771.                     {block:CurrentPage}
  772.                     <strong class="current_page">{PageNumber}</strong>
  773.                     {/block:CurrentPage}
  774.                    
  775.                     {block:JumpPage}
  776.                     <a class="jump_page" href="{URL}">{PageNumber}</a>
  777.                     {/block:JumpPage}
  778.                 {/block:JumpPagination}
  779.                
  780.                 {block:NextPage}
  781.                     <a href="{PreviousPage}">&raquo;</a>
  782.                 {/block:NextPage}
  783.             </div>
  784.             {/block:Pagination}
  785.             {block:IfNotInfiniteScroll}
  786.         </div><!-- /#sidebar -->
  787.        
  788.         <div id="content" class="col-xs-11 col-sm-10 col-md-{select:Post Size}">
  789.         <article class="posts ">
  790.             {block:NoSearchResults}
  791.                 <h2>{lang:No posts containing SearchQuery 2}</h2>
  792.             {/block:NoSearchResults}
  793.  
  794.             {block:Posts}
  795.             <!-- {block:NoRebloggedFrom}
  796.            {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  797.            {/block:NoRebloggedFrom} -->
  798.                 <section class="post {PostType}">
  799.                     {block:Text}
  800.                         {block:Title}<a href="{Permalink}"><h2 class="title">{Title}</h2></a>{/block:Title}
  801.                         {Body}
  802.                     {/block:Text}
  803.  
  804.                     {block:Photo}
  805.                         {LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}">{LinkCloseTag}
  806.                         {block:HighRes}<div class="high-res">
  807.                         <a href="{PhotoURL-HighRes}" title="{lang:High-res}">{lang:High-res} &raquo;</a>
  808.                         </div>{/block:HighRes}
  809.                         {block:IfShowCaptions}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:IfShowCaptions}
  810.                         {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  811.                          
  812.                     {/block:Photo}
  813.  
  814.                     {block:Panorama}
  815.                         {LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}">{LinkCloseTag}
  816.                         {block:IfShowCaptions}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:IfShowCaptions}
  817.                         {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  818.                     {/block:Panorama}
  819.  
  820.                     {block:Photoset}
  821.                         {Photoset}
  822.                         {block:IfShowCaptions}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:IfShowCaptions}
  823.                         {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  824.                     {/block:Photoset}
  825.  
  826.                     {block:Quote}
  827.                         <div class="quote-wrapper">
  828.                             <h4 class="{Length} the-quote">{Quote}</h4>
  829.                         </div>
  830.                         {block:Source}
  831.                         <div class="source"><cite>{Source}</cite></div>
  832.                         {/block:Source}
  833.                     {/block:Quote}
  834.  
  835.                     {block:Link}
  836.                         {block:Thumbnail}<img src="{Thumbnail}" alt="{Name}" />{/block:Thumbnail}
  837.                         <a href="{URL}" {Target}><h2 class="the-link">{Name} &raquo;</h2></a>
  838.                         {block:Description}{Description}{/block:Description}
  839.                     {/block:Link}
  840.  
  841.                     {block:Chat}
  842.                         {block:Title}<a href="{Permalink}"><h2 class="title">{Title}</h2></a>{/block:Title}
  843.                         <ul>
  844.                             {block:Lines}
  845.                             <li class="{Alt}">
  846.                                 {block:Label}<strong>{Label}</strong>{/block:Label}
  847.                                 {Line}
  848.                             </li>
  849.                             {/block:Lines}
  850.                         </ul>
  851.                     {/block:Chat}
  852.                    
  853.                    
  854. {block:Audio}
  855.     <div class="audiowrap">
  856.         <div class="audioplayer">{block:AudioEmbed}{AudioEmbed}{/block:AudioEmbed}</div>
  857.         <div class="trackdetails">
  858.             {block:TrackName}<div class="tmd" alt="track meta data">{TrackName}</div>{/block:TrackName}
  859.             {block:Artist}<div class="tmd">Artist: {Artist}</div>{/block:Artist}
  860.             {block:Album}<div class="tmd">Album: {Album}</div>{/block:Album}
  861.             {block:ExternalAudio}<div class="tmd"><a href="{ExternalAudioURL}" alt="">{lang:Download this track}</a></div>{/block:ExternalAudio}
  862.             <div class="tmd">{PlayCountWithLabel}</div>
  863.         </div><!-- /.trackdetails-->
  864.  
  865.     {block:IfShowCaptions}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:IfShowCaptions}
  866.     {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  867. {block:Audio}
  868.  
  869.                     {block:Video}
  870.                         {Video-700}
  871.                         {block:IfShowCaptions}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:IfShowCaptions}
  872.                         {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  873.                     {/block:Video}
  874.                    
  875.                     {block:Answer}
  876.                     <div class="asker">
  877.                         <a href="{Permalink}">{Asker}</a>
  878.                     </div>
  879.                    
  880.                     <div class="questiongroup">  
  881.                         <div class="question">
  882.                             <div class="askportrait">
  883.                                 <img src="{AskerPortraitURL-64}">
  884.                             </div>
  885.                             <p>{Question}</p>
  886.                         </div>
  887.                     </div><!-- /.questiongroup -->
  888.                     <div class="answer">{Answer}</div>
  889.                      
  890.                     {/block:Answer}
  891.                 </section> <!-- /.post /.{PostType} -->
  892.                
  893.                 {block:Date}
  894.                     <footer>
  895.                         <div class="metadata">
  896.                             <a href="{Permalink}">{NoteCount}</a>
  897.                             &times;
  898.                             {block:ContentSource}
  899.                             <a href="{SourceURL}" title="{lang:Source}">Source</a>
  900.                             &times;
  901.                             {/block:ContentSource}
  902.                            
  903.                             {block:RebloggedFrom}
  904.                             <a href="{ReblogParentURL}" title="{ReblogParentName}">{lang:Via}</a>
  905.                             &times;
  906.                             {/block:RebloggedFrom}
  907.                            
  908.                             <a href={ReblogURL}>reblog</a> <time><a href="{Permalink}">{TimeAgo}</a></time>
  909.                         </div>
  910.                        
  911.                        
  912.                         <div class="taggroup">
  913.                         {block:HasTags}
  914.                             <span>{lang:Filed under}:</span>
  915.                             {block:Tags}<a href="{TagURL}" title="{Tag}" class="tags">{Tag}</a>{/block:Tags}
  916.                         {/block:HasTags}
  917.                         </div><!-- /.taggroup -->
  918.                     </footer><!--  -->
  919.                 {/block:Date}
  920.                
  921.                 {block:PostNotes}
  922.                     <aside class="notesaside">
  923.                     {PostNotes-16}
  924.                     </aside>
  925.                 {/block:PostNotes}
  926.  
  927.  
  928.             {/block:Posts}
  929.                
  930.             {block:Pagination}
  931.             <div class="pagination"><!--id="bottomnav"-->
  932.             <ul>
  933.                 {block:PreviousPage}
  934.                 <a href="{PreviousPage}">{lang:Back}</a>
  935.                 {/block:PreviousPage}
  936.                 &nbsp; | &nbsp;
  937.                 {block:NextPage}
  938.                 <a href="{NextPage}" id="next">{lang:Next}</a>
  939.                 {/block:NextPage}
  940.             </ul>
  941.             </div>
  942.             {/block:Pagination}
  943.  
  944.            
  945.         </article><!-- /.posts -->
  946.        
  947.  
  948.         </div><!-- /#content -->
  949.     </div><!-- /.row-->
  950. </div><!-- /.container -->
  951.  
  952. <!--Javascript and jQuery-->
  953. <!-- Placed at the end of the document so the pages load faster -->
  954. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
  955.  
  956. {block:IfInfiniteScroll}
  957. <script type="text/javascript" src="http://static.tumblr.com/4lsadzg/qRon79e8j/jquery.infinitescroll.min.js"></script>
  958. {/block:IfInfiniteScroll}
  959.  
  960. <!-- Custom Nested Blockquote Colours-->
  961. <script type="text/javascript">
  962. //Colour
  963. function blockquote_colors(){
  964.     var colors = ["{color:Blockquote Color 1}", "{color:Blockquote Color 2}", "{color:Blockquote Color 3}", "{color:Blockquote Color 4}", "{color:Blockquote Color 5}", "{color:Blockquote Color 6}", "{color:Blockquote Color 7}", "{color:Blockquote Color 8}", "{color:Blockquote Color 9}"];
  965.     $('#content').find('blockquote').each( function (i) {
  966.         $(this).css("border-left-color", colors[i % colors.length]);
  967.     });
  968. }
  969.  
  970. blockquote_colors();
  971.  
  972. {block:IfInfiniteScroll}
  973. $('#content').infinitescroll({
  974.     navSelector  : '.pagination',            
  975.     nextSelector : '.pagination a:last',    
  976.     itemSelector : '.posts',
  977.     done : '',
  978.    
  979.     loading: {
  980.         img : '{image:Loading Image}',
  981.         msgText: '',
  982.     }
  983.    
  984.    
  985. });
  986.  
  987. $( document ).ajaxComplete(function() {
  988.   blockquote_colors();
  989. });
  990. {/block:IfInfiniteScroll}
  991. </script>
  992.  
  993. <script type="text/javascript">
  994.     $('body').append('<a href="http://magistramagi.tumblr.com/" title="theme" id="mmc">magistramagi<p>');
  995. </script>
  996. <!--Lazy Load -->
  997.  
  998. {block:IfLazyLoad}
  999. <script type="text/javascript" src="http://static.tumblr.com/4lsadzg/kTJn7aryt/jquery.lazyload.min.js"></script>
  1000. <script type="text/javascript">
  1001. $("#content img").lazyload({
  1002.     effect : "fadeIn",
  1003.     threshold : 200,
  1004. });
  1005. </script>
  1006. {/block:IfLazyLoad}
  1007.  
  1008.  
  1009. <!--Back to top -->
  1010. {block:IfBackToTop}
  1011. <script type="text/javascript" src="http://static.tumblr.com/4lsadzg/vDQn7aod7/smoothscroll.js"></script>
  1012. {/block:IfBackToTop}
  1013.  
  1014. <!-- Style my tooltips -->
  1015. {block:IfCustomTooltips}
  1016. <script src="http://static.tumblr.com/4lsadzg/wgln7ariu/jquery.style-my-tooltips.js"></script>
  1017. <script type="text/javascript">
  1018.     (function($){
  1019.         $(document).ready(function(){
  1020.             $("[title]").style_my_tooltips({
  1021.                 tip_follows_cursor:true,
  1022.                 tip_delay_time: 300,
  1023.             })
  1024.            
  1025.         });
  1026.     })(jQuery);
  1027. </script>
  1028. {/block:IfCustomTooltips}
  1029.  
  1030. </body>
  1031.  
  1032. </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!