Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!doctype html>
- <html>
- <head>
- <style type="text/css">
- .tooltip{
- display: inline;
- position: relative;}
- iframe.tmblr-iframe {
- top:0!important;
- right:0!important;
- opacity:0;
- transform:scale(0.8);
- transform-origin:100% 0;
- -webkit-transform-origin:100% 0;
- -o-transform-origin:100% 0;
- -moz-transform-origin:100% 0;
- z-index:1000000000000000000888800000000000000000999999999999999999999999999900000000009999
- }
- iframe.tmblr-iframe:hover {
- opacity:0.6!important;
- -moz-transition-duration:.9s;
- -webkit-transition-duration:.9s;
- -o-transition-duration:.9s;
- }
- .hcontrols {
- position:fixed;
- top:0;
- right:0;
- z-index:999999999;}
- .iframe-controls-container
- {;
- }
- #s-m-t-tooltip {
- padding:6px;
- width:auto;
- max-width:300px;
- text-shadow:
- 1px 1px 0px #000,
- 1px -1px 0px #000,
- -1px -1px 0px #000,
- -1px 1px 0px #000,
- 0px 1px 0px #000,
- 0px -1px 0px #000,
- 1px 0px 0px #000,
- -1px 0px 0px #000,
- 0px 0px 5px #000;
- border: 1px solid {color:border}; outline: 1px solid {color:outline}; outline-offset: 3px;padding-top:5px; display:block; padding-bottom:5px; width:auto; font-size:11px; font-family:verdana;margin-top:10px; text-transform:uppercase; border-radius:0px; background: {color:chatone} url('{image:infoimage}');background-attachment:fixed; text-align:center;
- z-index:99999999999999999999999999999999999999999999999999999;
- transition:0.7s ease-in-out;
- -o-transition:0.7s ease-in-out;
- -ms-transition:0.7s ease-in-out;
- -moz-transition:0.7s ease-in-out;
- -webkit-transition:0.7s ease-in-out;
- }
- body {color:{color:text}; background: {color:background} url('{image:background}') no-repeat fixed 50% 50%; font-family:verdana; font-size:11px; line-height:17px; text-align:justify; overflow-x:hidden; }
- a:link, a:active, a:visited{color: {color:link};text-transform:uppercase; text-decoration:none}
- a:hover {font-size:inherit;
- color:{color:link hover}; -moz-transition-duration:.9s;
- -webkit-transition-duration:.9s;
- -o-transition-duration:.9s;}
- small{font-size:11px}
- big{font-size:14px}
- b, strong{color:{color:bold}; text-transform:uppercase; }
- a{
- }
- p b {
- font-size:13px;
- }
- p i {
- font-size:13px;
- }
- h1 {font-size:15px;}
- i, em {color:{color:italic}}
- p{margin-top:6px; margin-bottom:6px}
- blockquote {padding:0px; padding-left:10px; margin:8px; border-left:1px dotted {color:outline}}
- img a{border:none; width:100%;}
- p {
- margin-bottom:15px;
- margin-top:5px;
- }
- hr {
- width:100%;
- margin-top:3px;
- margin-bottom:3px;
- height:2px;
- border:none;
- background: {color:chatone} url({image:infoimage});
- background-repeat:repeat;
- }
- h1 {font-size:30px;
- font-family: 'Staatliches', cursive;
- color: {color:bold}
- text-align:center;
- text-transform:uppercase;
- line-height:100%;
- letter-spacing:0px;
- text-align:center;
- padding-bottom:-10px;
- text-shadow:none;}
- h2 {text-align:center; font-size:22px;
- color:{color:italic};
- font-weight:bold;
- line-height:100%;
- text-align: center;
- text-transform:uppercase;
- text-shadow: 0px 1px 1px {color:shadow} ;
- font-family: 'Staatliches', cursive;
- line-height:30px;
- }
- .content img {
- max-width:100%;
- height:auto;
- }
- h3 {text-align:center; font-size:18px;
- font-family: 'georgia', sans-serif;
- text-shadow: 0px 1px 1px {color:shadow};
- text-align:center;
- text-transform:lowercase;
- font-style:italic;
- line-height:130%;
- font-size:14px;
- letter-spacing:0px;
- padding-bottom:-10px;
- color: {color:italic};
- }
- h4 {border: 1px solid {color:border}; outline: 1px solid {color:outline}; outline-offset: 3px;padding-top:5px; display:block; padding-bottom:5px; width:auto; font-size:9px; font-family:verdana;margin-top:10px; text-transform:uppercase; border-radius:0px; background: {color:chatone} url('{image:infoimage}'); text-align:center; text-shadow:
- 1px 1px 0px #000,
- 1px -1px 0px #000,
- -1px -1px 0px #000,
- -1px 1px 0px #000,
- 0px 1px 0px #000,
- 0px -1px 0px #000,
- 1px 0px 0px #000,
- -1px 0px 0px #000,
- 0px 0px 5px #000;}
- h5 {text-align:center;}
- h6 {text-align:center;}
- #container {scrollbar-width: none; overflow-y:scroll; }
- #entries { scrollbar-width: none;overflow-y:scroll;
- }
- #posts p a:hover {font-size:inherit; -moz-transition-duration:.9s;
- -webkit-transition-duration:.9s;
- -o-transition-duration:.9s;}
- ::-webkit-scrollbar {
- width: 0px;
- background-color: transparent;
- }
- ::-webkit-scrollbar-track {
- background-color: transparent
- }
- ::-webkit-scrollbar-thumb {
- background-color: transparent;
- }
- #posts {width: 500px;text-align: justify; margin-left: 12px; padding: 10px 0px;}
- #posts img {max-width:100%; height:auto;}
- #purblock{scrollbar-width: none;
- position:fixed; width:200px; box-sizing:border-box; background:{color:container}; padding:7px 7px 0px 7px; overflow:scroll; left: 50%; height:350px;
- margin-left:270px; top:-1px; border: 1px solid {color:border}; outline: 1px solid {color:outline}; outline-offset:3px; {color:container}; margin-bottom:40px;}
- #sidebartext
- {scrollbar-width: none;
- position:fixed; width:206px; background:transparent; padding:7px 7px 0px 7px; overflow:scroll; left: 37.5%; height:130px;
- top:0px;
- margin-left:376px; top:448px;
- margin-bottom:100px;
- }
- .user_1 {
- background-color:{color:chatone};
- border-left:{color:border};
- text-align:left; }
- .user_2 {
- background-color:{color:chattwo};
- border-right:{color:border};
- text-align:right;
- }
- .chat ol {
- line-height:110%;
- }
- @-webkit-keyframes scalex{
- from {-webkit-transform: scale(1);}
- 50% {-webkit-transform: scale(5);}
- to {-webkit-transform: scale(1);}
- }
- @-moz-keyframes scale{
- from {-webkit-transform: scale(1);}
- 50% {-webkit-transform: scale(5);}
- to {-webkit-transform: scale(1);}
- }
- #links a
- {position:absolute; top:-203px;
- -webkit-animation-name: scalex;
- -webkit-animation-duration:10s;
- -webkit-animation-iteration-count:infinite;
- -webkit-animation-timing-function:ease-in-out;
- -moz-animation-name: scale;
- -moz-animation-duration:10s;
- -moz-animation-iteration-count:infinite;
- -moz-animation-timing-function:ease-in-out
- -webkit-animation:spin 4s linear infinite;
- -moz-animation:spin 4s linear infinite;
- animation:spin 4s linear infinite;
- }
- /*
- @-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
- @-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
- @keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
- */
- #refresh {
- left: 50%;
- margin-left: -279px;
- margin-top: 547px;
- font-size: 30px;
- position: absolute;
- z-index: 10000000000000000000000000000000000000000000000000000000000000000000;
- }
- #refresh img {
- width:24px;
- height:auto;
- filter: blur(0);
- -moz-transition-duration:.9s;
- -webkit-transition-duration:.9s;
- -o-transition-duration:.9s;
- }
- #nav {
- margin-left: -279px;
- left: 50%;
- margin-top: 190px;
- font-size:30px;z-index: 10000000000000000000000000000000000000000000000000000000000000000000;
- position:absolute;
- }
- #nav img {
- width:24px;
- height:auto;
- filter: blur(0);
- -moz-transition-duration:.9s;
- -webkit-transition-duration:.9s;
- -o-transition-duration:.9s;
- }
- #pagef {
- left: 50%;
- font-size:30px;
- margin-left: 254px;
- margin-top: 547px;
- position: absolute;z-index: 10000000000000000000000000000000000000000000000000000000000000000000;
- }
- #pagef img {
- width:24px;
- height:auto;
- filter: blur(0);
- -moz-transition-duration:.9s;
- -webkit-transition-duration:.9s;
- -o-transition-duration:.9s;
- }
- #pagep {
- margin-left: 254px;
- left: 50%;
- margin-top: 190px;
- font-size: 30px;z-index: 10000000000000000000000000000000000000000000000000000000000000000000;
- position: absolute;
- }
- #pagep img {
- width:24px;
- height:auto;
- filter: blur(0);
- -moz-transition-duration:.9s;
- -webkit-transition-duration:.9s;
- -o-transition-duration:.9s;
- }
- #pagep img:hover, #pagef img:hover, #nav img:hover, #refresh img:hover {
- filter: blur(10px);
- -moz-transition-duration:.9s;
- -webkit-transition-duration:.9s;
- -o-transition-duration:.9s;
- }
- #links a
- {color: {color:outline};
- -moz-transition-duration:.9s;
- -webkit-transition-duration:.9s;
- -o-transition-duration:.9s;
- }
- #links a:hover
- {color: {color:link hover};
- -moz-transition-duration:.9s;
- -webkit-transition-duration:.9s;
- -o-transition-duration:.9s;
- }
- .popup_block{
- display:none;
- background-image:transparent;
- background-repeat: no-repeat;
- float:left;
- font-family: 'Roboto', sans-serif;
- height: 10px;
- position:fixed;
- z-index: 99999;
- overflow-y: scroll;
- overflow-x: hidden;
- }
- *html #fade {position: absolute;}
- *html .popup_block {position: absolute;}
- #fade {
- display:none;
- position:fixed;
- left:0px;
- top:0px;
- width:100%;
- height:100%;
- z-index:9999;
- background:{color:background};
- opacity:0;
- }
- .popcontent {
- background: {color:container};
- width: 524px;
- height:310px;
- font-weight:500;
- top: 50%;
- left: 50%;
- -ms-transform: translate(-50%, -50%);
- transform: translate(-50%, -50%);
- font-size:11px;
- position: fixed;
- padding-top:38px;
- text-align:justify;
- z-index:1000000000000000000000000000000000000000000000;
- }
- .tabslist {
- scrollbar-width: none;
- background: transparent;
- padding: 10px;
- font-weight: 500;
- padding-left: 6px;
- font-size: 11px;
- position: fixed;
- overflow-y: scroll;
- overflow-x: hidden;
- padding-top: 20px;
- text-align: justify;
- margin-left: 270px;
- position: fixed;
- width: 200px;
- box-sizing: border-box;
- overflow: scroll;
- left: 50%;
- height: 350px;
- /* top: -1px; */
- overflow-x: hidden;
- top: -1px;
- border-left: 6px solid transparent;
- border-right: 6px solid transparent;
- z-index:100000000000000000000000000000000000000000000; -moz-transition-duration:.9s;
- -webkit-transition-duration:.9s;
- -o-transition-duration:.9s;}
- }
- }
- .leftlink {
- float:left;
- width:75px;
- max-width:75px;
- text-align:center;
- }
- .rightlink {
- float:right;
- width:75px;
- max-width:75px;
- text-align:center;
- }
- #credit{position:fixed; bottom:10px; right:10px; font-size:11px;font-family: 'Pacifico', cursive;;
- color:{color:text}; text-transform:uppercase;letter-spacing: 0px; font-style:normal; border: 1px solid transparent; outline: 1px solid transparent; outline-offset:3px; padding:3px;}
- #info{border: 1px solid {color:border}; height:18px; outline: 1px solid {color:outline};outline-offset:3px;padding-top:5px; border-radius:0px; display:block; padding-bottom:5px; width:auto; font-size:11px; font-family:verdana;margin-top:20px; text-transform:uppercase;background: {color:chatone} url('{image:infoimage}'); text-shadow:
- 1px 1px 0px #000,
- 1px -1px 0px #000,
- -1px -1px 0px #000,
- -1px 1px 0px #000,
- 0px 1px 0px #000,
- 0px -1px 0px #000,
- 1px 0px 0px #000,
- -1px 0px 0px #000,
- 0px 0px 5px #000;}
- pre { padding-top:6px;
- padding:6px;
- white-space:pre-wrap;
- width:auto;
- text-align: center;
- word-wrap: break-word;
- color:{color:text};
- background-color:{color:pre};
- border-left:1px solid {color:border};
- border-right: 1px solid {color:border};
- font-family: 'Montserrat', sans-serif;
- text-transform:uppercase;
- line-height:100%;
- letter-spacing}
- figure {
- margin:0px;
- }
- .tags
- {
- font-size:8px;
- }
- #info1 {
- float:left;
- margin:0px 50px;
- font-size:11px;
- text-decoration:none;
- }
- #info2 {
- float:left;
- margin:0px 50px;
- font-size:11px;
- text-decoration:none;
- }
- #info3 {
- float:left;
- font-size:11px;
- margin:0px 50px;
- text-decoration:none;
- }
- #info4 {
- float:left;
- font-size:11px;
- margin:0px 50px;
- text-decoration:none;
- }
- [type=radio]:checked ~ label {
- z-index: 2;
- color: {color:link hover};
- border: 1px solid {color:border}; border-radius:0px; background: {color:chatone} url('{image:infoimage}');
- -moz-transition-duration:.9s;
- -webkit-transition-duration:.9s;
- -o-transition-duration:.9s;
- }
- .tab [type=radio] {
- display: none;
- }
- .content {
- scrollbar-width: none;
- background: {color:container};
- width: 504px;
- overflow-x:hidden;
- top:0px;
- overflow-y:scroll;
- font-weight:500;
- font-size:11px;
- position: fixed;
- text-align:justify;
- height:328px;
- padding:10px;
- top: 50%;
- left: 50%;
- -ms-transform: translate(-50%, -50%);
- transform: translate(-50%, -50%);
- -moz-transition-duration:.9s;
- -webkit-transition-duration:.9s;
- -o-transition-duration:.9s;
- }
- [type=radio]:checked ~ label ~ .content {
- z-index: 1;
- }
- .tab {
- width:500px;
- margin: 0 auto;
- margin-bottom:10px;
- }
- .tab label {
- color: {color:bold};
- letter-spacing: 2px;
- font-size: 8px;
- line-height: 14px;
- font-weight: bold;
- background-color: {color:container};
- width:176px;
- padding: 5px;
- margin-bottom:4px;
- text-transform: uppercase;
- text-align: center;
- cursor: pointer;
- box-sizing:border-box;
- display: block;
- margin-bottom: 5px;
- border: 1px solid {color:container};
- border-radius:0px;
- -moz-transition-duration:.9s;
- -webkit-transition-duration:.9s;
- -o-transition-duration:.9s;}
- }
- .tab label:hover {
- background: {color:bold};
- color:{color:link hover};
- font-size: 10px;
- border: 1px solid {color:border}; border-radius:0px; background: {color:chatone} url('{image:infoimage}'); -moz-transition-duration:.9s;
- -webkit-transition-duration:.9s;
- -o-transition-duration:.9s;
- }
- .tab a {
- color;{color:link};
- padding:10px;
- width:150px;
- -moz-transition-duration:.9s;
- -webkit-transition-duration:.9s;
- -o-transition-duration:.9s;
- }
- .tab a:hover {
- color;{color:link};
- -moz-transition-duration:.9s;
- -webkit-transition-duration:.9s;
- -o-transition-duration:.2s;
- }
- ::selection {
- background: {color:container};
- color: {color:link};/* WebKit/Blink Browsers */
- }
- ::-moz-selection {
- background: {color:container};
- color: {color:link};/* WebKit/Blink Browsers */}
- .audio{background-color:black; display:block}
- .user_1 .label {color:{color:link}; font-weight:bold}
- .user_2 .label {color:{color:link}; font-weight:bold}
- .user_3 .label {color:{color:link}; font-weight:bold}
- ul.chat {
- padding:20px 0px
- }
- ul.chat, .chat ol, .chat li {list-style:none; margin:0px; padding:5px;}
- .notes img{width:10px; position:relative; top:1px}
- ol.notes, .notes li{width:490px; list-style:none; margin:0px 0 -1px 5px; padding:0px}
- .longpic {
- font-size:10px;
- min-height:250px;
- margin-top:15px;
- margin-bottom:15px;
- overflow:hidden;
- }
- .longpic img {
- padding: 0px;
- width: 200px;
- height: 250px;
- border-radius:10%;
- text-align:justify;
- margin-bottom: 40px;
- }
- .shortpic {
- font-size:11px;
- min-height:100px;
- margin-top:15px;
- margin-bottom:15px;
- }
- .shortpic p{
- margin-top:-3px;
- line-height:130%;
- }
- .shortpic img {
- padding: 0px;
- width: 100px;
- height: 100px;
- border-radius:10%;
- text-align:justify;
- margin-bottom:14px;
- }
- .navpic
- {
- width:504px;
- height:auto;
- margin-bottom:15px;
- border-radius:20px;
- }
- .right
- {
- float:right;
- margin-left: 11px;
- margin-right: 0px;
- }
- .left
- {
- margin-left: 0px;
- margin-right: 11px;
- float:left;
- }
- .right img
- {
- float:right;
- }
- .left img
- {
- float: left;
- }
- #pagination {
- }
- .linkbutton{
- text-align:center;
- text-transform:uppercase;
- font-family:'Roboto', sans-serif;
- font-size:9px;
- margin-bottom:15px;
- }
- .linkbutton a {
- width:112px;
- margin-left:4px;
- margin-right:4px;
- margin-top:4px;
- margin-bottom:8px;
- display:inline-block;
- background-color:{color:pre};
- color:{color:text};
- text-shadow:0px 0px 5px {color:bold};
- padding: 4px;
- line-height:20px;
- margin-top:2px;
- letter-spacing:1px;
- transition-duration: 0.6s;
- border:1px solid {color:border};
- -webkit-transition: .9s ease-in-out;
- -moz-transition: .9s ease-in-out;
- -o-transition: .9s ease-in-out;
- }
- .linkbutton a:hover {
- background:{color:chatone} url('{image:infoimage}');
- }
- #asker
- {
- min-height:70px;
- padding:00px 20px 0px 20px;
- border:1px solid {color:border};
- outline: 1px solid {color:outline};outline-offset:3px;
- background: {color:chatone} url('{image:infoimage}');
- }
- #asker a
- { color:{color:bold};
- }
- #asker a:hover
- { color:{color:link hover};
- }
- #answer a
- { color:{color:bold};
- }
- #answer a:hover
- { color:{color:link hover};
- }
- #answer h3
- { padding-bottom:10px;
- margin-top:0px;
- text-align:justify;
- }
- #asker h3
- { color:{color:text};
- text-align:justify;
- }
- #answer
- {
- padding:20px 20px 0px 20px;
- }
- iframe#ask_form {
- min-height:270px;
- }
- #video {
- margin-bottom:15px;
- }
- .audio_player {
- background-color: transparent;
- width: 278px;
- overflow: hidden;
- position: relative;
- z-index: 10000000;
- top: -32px;
- left: 121px;
- height: 27px;
- }
- }
- div .audio-player {
- background-color:#7b2020;
- color:{color:text};
- }
- .tumblr_audio_player {
- height:35px;
- width:277px;
- }
- .audiopic
- {
- width: 106px;
- height: 106px;
- max-width:110px;
- background-color: {color:border};
- border-radius:10px;
- margin-bottom:20px;
- }
- .audiopic img
- {
- border:3px solid transparent;
- border-radius:10px;
- width: 100px;
- }
- .musicinfo
- {
- position:relative;
- top: -133px;
- left: 120px;
- background-color:transparent;
- width:278px;
- }
- .extraspace
- {
- padding:10px;
- margin:10px;
- }
- .notes li
- {
- width:500px;}
- ol.notes
- {
- width:500px;}
- input[type='checkbox'] {
- display: none;
- }
- /* Style the buttons that are used to open and close the accordion panel */
- .accordion {
- cursor: pointer;
- width: 100%;
- border: none;
- outline: none;
- transition: 0.9s;
- margin-bottom:-10px;
- font-family: 'Staatliches', cursive;
- }
- .accordion:after {
- content: '+'; /* Unicode character for "plus" sign (+) */
- float: right;
- color:{color:italic};
- font-weight:bold;
- line-height:100%;
- text-transform:uppercase;
- text-shadow: 0px 1px 1px {color:shadow} ;
- line-height:30px;
- font-size:22px;
- margin-right: 5px;
- padding-right:5px;
- margin-top:-54px;
- }
- .active:after {
- content: "-"; /* Unicode character for "minus" sign (-) */
- }
- button {
- background:transparent;
- padding:0px;
- margin:0px;
- }
- button h2{
- background-color:{color:pre};
- color:{color:italic};
- padding:5px 10px;
- text-align:left;
- border:1px {color:border} solid;
- background:{color:chatone} url('{image:infoimage}');
- }
- button h2:hover {
- color:{color:link};
- transition: 0.9s;
- background:{color:pre};
- }
- button:hover {
- }
- /* Style the accordion panel. Note: hidden by default */
- .panel {
- max-height: 0;
- overflow: hidden;
- transition: max-height 0.9s ease-out;
- }
- #noclick
- {
- width:100%;
- height:1000px;
- }
- /* GRID */
- a.selected
- {
- color:{color:italic};
- font-size:12px;
- }
- h2 a.selected
- {
- color:{color:italic};
- font-size:22px;
- }
- #grid {
- position:fixed;
- display:block;
- transition:0.9s;
- }
- .isotope {
- width:504px;
- min-width:30%;
- position:fixed;
- }
- .grid-item {
- width:33.3333333%;
- margin:0px;
- padding:10px;
- box-sizing:border-box;height:240px;
- margin:0px auto;
- }
- .grid-item img{
- max-width:100%;
- height:auto;
- border-radius:5px;
- }
- .tooltip{
- display: inline;
- position: relative;}
- #filters ul{
- list-style:none;
- padding:0px;
- width:500px;
- text-align:center;
- }
- #filters a{
- padding:10px;
- }
- #filters li{
- padding-bottom:10px;
- float:left;
- margin:0px auto;
- width:500px;
- }
- #filters p{
- clear:both;
- margin-bottom:1px;
- padding-bottom:10px;
- }
- .story
- {transition:0.9s; };
- #filters b {
- }
- /* GRID */
- </style>
- <script type="text/javascript" src=
- "https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js">
- </script><script type="text/javascript">
- //<![CDATA[
- $(document).ready(function() {
- //
- $('a.poplight[href^=#]').click(function() {
- var popID = $(this).attr('rel'); //Get Popup Name
- var popURL = $(this).attr('href'); //Get Popup href to define size
- var query= popURL.split('?');
- var dim= query[1].split('&');
- var popWidth = dim[0].split('=')[1]; //Gets the first query string value
- $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><\/a>');
- var popMargTop = ($('#' + popID).height() + 80) / 2;
- var popMargLeft = ($('#' + popID).width() + 80) / 2;
- //Applyoy Margin to Popup
- $('#' + popID).css({
- 'margin-top' : -popMargTop,
- 'margin-left' : -popMargLeft
- });
- $('body').append('<div id="fade"><\/div>');
- $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
- return false;
- });
- $('a.close, #fade').live('click', function() {
- $('#fade , .popup_block, .ask_block').fadeOut(function() {
- $('#fade, a.close').remove(); //fade them both out
- });
- return false;
- });
- });
- //]]>
- </script>
- <script type="text/javascript" src="https://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script>
- <script type="text/javascript">
- $(document).ready(function(){
- $(".links_body").hide();
- $(".links_head").click(function(){
- $(this).next(".links_body").slideToggle('fast');
- }); }); </script>
- <style type="text/css">
- .links_list { margin:0px; padding:0px; width:100%;}
- .links_head { padding-top:5px; padding-bottom:5px; cursor:pointer; position:relative; margin:1px; text-align:center;}
- .links_body { padding:10px; text-align:left; display:none;}
- /* GRID */
- a.selected
- {
- color:{color:italic};
- font-size:12px;
- }
- h2 a.selected
- {
- color:{color:italic};
- font-size:22px;
- }
- #grid {
- position:fixed;
- display:block;
- transition:0.9s;
- }
- .isotope {
- width:504px;
- min-width:30%;
- position:fixed;
- }
- .grid-item {
- width:33.3333333%;
- margin:0px;
- padding:10px;
- box-sizing:border-box;height:240px;
- margin:0px auto;
- }
- .grid-item img{
- max-width:100%;
- height:auto;
- border-radius:5px;
- }
- .tooltip{
- display: inline;
- position: relative;}
- #filters ul{
- list-style:none;
- padding:0px;
- width:500px;
- text-align:center;
- }
- #filters a{
- padding:10px;
- }
- #filters li{
- padding-bottom:10px;
- float:left;
- margin:0px auto;
- width:500px;
- }
- #filters p{
- clear:both;
- margin-bottom:1px;
- padding-bottom:10px;
- }
- .story
- {transition:0.9s; };
- #filters b {
- }
- /* GRID */
- </style>
- <link rel="stylesheet" href="https://use.typekit.net/ave5mjm.css">
- <link href="https://fonts.googleapis.com/css?family=Staatliches&display=swap" rel="stylesheet">
- <link href="https://fonts.googleapis.com/css?family=Roboto&display=swap" rel="stylesheet">
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
- <script>
- (function($){
- $(document).ready(function(){
- $("a[title]").style_my_tooltips({
- tip_follows_cursor:true,
- tip_delay_time:50,
- tip_fade_speed:200,
- attribute:"title"
- });
- });
- })(jQuery);
- </script>
- <script src="https://kit.fontawesome.com/2b37e2f836.js"></script>
- <link rel="shortcut icon" href="{Favicon}" />
- <link rel="alternate" type="application/rss+xml" href="{RSS}" />
- <title>{Title}</title>
- {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
- <meta name="color:background" content="#1f1d1e">
- <meta name="color:pre" content="#1f1d1e">
- <meta name="color:text" content="#dadada" />
- <meta name="color:link hover" content="#ffffff" />
- <meta name="color:link" content="#c66262" />
- <meta name="color:Bold" content="#da938d" />
- <meta name="color:Italic" content="#d4b175"/>
- <meta name="color:container" content="#525252" />
- <meta name="color:border" content="#282828" />
- <meta name="color:outline" content="#01a1e4" />
- <meta name="color:shadow" content="#000000" />
- <meta name="color:chatone" content="#3e3e3e" />
- <meta name="color:chattwo" content="#313131" />
- <meta name="image:infoimage" content="https://static.tumblr.com/2a9a6cfee7f893a9aeb8c4f43ebae07f/ysybn7l/m6wq5yopm/tumblr_static_drzh54y1i74kwkwsc00w88kgw.jpg"/>
- <meta name="image:munpic" content="http://placehold.jp/200x250.png"/>
- <meta name="image:navpic" content="http://placehold.jp/504x504.png"/>
- <meta name="image:aboutpic" content="http://placehold.jp/200x250.png"/>
- <meta name="image:background" content="https://static.tumblr.com/c651775b4ce95341490d355bf1b5693a/ysybn7l/bGTq5yvbr/tumblr_static_dzun9d7nzzcokogkww04sw0gs.jpg"/>
- <link href="https://fonts.googleapis.com/css?family=Pacifico&display=swap" rel="stylesheet">
- <style type="text/css">
- #hold {
- width:940px;
- height:350px;
- box-sizing: border-box;
- position: absolute;
- top: 50%;
- left: 50%;
- -ms-transform: translate(-50%, -50%);
- transform: translate(-50%, -50%);
- }
- #sidebar1 {height: 100%; width: 200px;
- box-sizing:border-box;
- float:left;
- padding:10px;
- overflow-y:scroll;
- background-color:{color:container};
- border: 1px solid {color:border};
- outline: 1px solid {color:outline};
- outline-offset: 3px;}
- #sidebar2 {height: 100%; width: 200px;
- box-sizing:border-box;
- float:left;
- overflow-y:scroll;
- padding:10px;
- background-color:{color:container};
- border: 1px solid {color:border};
- outline: 1px solid {color:outline};
- outline-offset: 3px;
- }
- #container {
- background-color:{color:container};
- width:526px;
- box-sizing:border-box;
- float:left;
- height:100%;
- margin: 0px 7px; border: 1px solid {color:border};
- outline: 1px solid {color:outline};
- outline-offset: 3px;
- }
- #entries {
- width:100%;
- height: 100%;
- }
- </style>
- </head>
- <body>
- <div id="navpage" class="popup_block">
- <div class="popcontent">
- <div id="purblock"></div>
- <div class="tabslist">
- <div class="tab">
- <input type="radio" id="tab-1" name="tab-group-1" checked>
- <label for="tab-1"><a>NAVIGATION</a></label>
- <div class="content">
- <h4>NAVIGATION</h4>
- <img class="navpic" src="{image:navpic}">
- <div class="linkbutton">
- <a href="link1">Link 1</a>
- <a href="link2">Link 2</a>
- <a href="link3">Link 3</a>
- <a href="link4">Link 4</a>
- <a href="link5">Link 5</a>
- <a href="link6">Link 6</a>
- <a href="link7">Link 7</a>
- <a href="link8">Link 8</a>
- <a href="link9">Link 9</a>
- <p>
- </div>
- <div class="extraspace">
- </p>
- <p>
- </p>
- <p>
- </div>
- <div class="extraspace">
- </p>
- <p>
- </p>
- <p>
- </div>
- <div class="extraspace">
- </p>
- <p>
- </p>
- <p>
- </div>
- </div>
- </div>
- <div class="tab">
- <input type="radio" id="tab-2" name="tab-group-1">
- <label for="tab-2"><a>INBOX</a></label>
- <div class="content">
- <h4> MESSAGES </h4>
- <center>
- <p>
- <iframe frameborder="0" height="240" id="ask_form" scrolling="yes" src="https://www.tumblr.com/ask_form/{Name}.tumblr.com" width="90%"></iframe>
- </center>
- <p>
- <h4> SUBMIT </h4>
- <p>
- <center>
- <iframe frameborder="0" height="380" id="submit_form" scrolling="yes" src="https://www.tumblr.com/submit_form/{Name}.tumblr.com" width="90%"></iframe></center>
- <p>
- <div class="extraspace">
- </p>
- <p>
- </p>
- <p>
- </div>
- <div class="extraspace">
- </p>
- <p>
- </p>
- <p>
- </div>
- <div class="extraspace">
- </p>
- <p>
- </p>
- <p>
- </div>
- </div>
- </div>
- <div class="tab">
- <input type="radio" id="tab-3" name="tab-group-1" >
- <label for="tab-3"><a>RULES</a></label>
- <div class="content">
- <h4>RULES</h4>
- <h3>Disclaimer:</h3>
- <p> Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
- <h4>Category</h4>
- <p> Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
- <h4>category</h4>
- <p> Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
- <div class="extraspace">
- </p>
- <p>
- </p>
- <p>
- </div>
- <div class="extraspace">
- </p>
- <p>
- </p>
- <p>
- </div>
- <div class="extraspace">
- </p>
- <p>
- </p>
- <p>
- </div>
- </div>
- </div>
- <div class="tab">
- <input type="radio" id="tab-4" name="tab-group-1">
- <label for="tab-4"><a>ABOUT</a></label>
- <div class="content">
- <h4>ABOUT</h4>
- <div class="longpic"><img class="left" src="{image:aboutpic}">
- <b>Name: </b>Full Muse Name Here<br>
- <b>Better Known As: </b>Nicknames Here<br>
- <b>Gender: </b>Gender Identity Here<br>
- <b>Orientation: </b>Sexual Orientation Here<br>
- <b>Date Of Birth: </b>Birthday Here<br>
- <b>Residence: </b>Location Here<br>
- <b>Occupation: </b>Muse Occupation Here<br>
- <b>Education: </b>Muse Education Level Here<br>
- <b>Class: </b>Muse Economic Class Here<br>
- <b>Spirituality: </b>Muse Spirituality Here<br>
- <b>Virtues: </b>Positive Traits Here<br>
- <b>Vices: </b>Negative Traits Here<br>
- </div>
- <hr>
- <h3>"Put a book excerpt here!"<p>
- <i>-Author's Name</i></i>
- </h3>
- <hr>
- <h1>put a quote here!</h1>
- <hr>
- <h4><p>
- <b>Appearance</b><p> Muse Appearance Here
- <p>
- <b>Habits</b><p> Muse Habits Here
- <p>
- <b>Health</b><p> Muse Health Here
- </h4>
- <hr>
- <h1>put another quote here!</h1>
- <hr>
- <h2>Analysis</h2>
- <div class="linkbutton">
- <a href="Alignment">D&D ALIGNMENT</a>
- <a href="MBTI">MBTI</a>
- <br>
- <a href="Element">Four Elements</a>
- <a href="VisualDNA">VisualDNA</a>
- <a href="ENNEAGRAM">ENNEAGRAM</a>
- <br>
- <a href="Temperament">Temperament</a>
- <a href="Intelligence">Intelligence</a>
- <p>
- </div>
- <hr>
- <h3>SUN IN [SIGN]</h3>
- <div class="shortpic"><img class="left" src="https://themcaa.org/wp-content/uploads/2015/12/blogpost-placeholder-100x100-300x300.png"><p><b>THE SUN: THE NATURAL SELF</b> [SIGN TRAITS GO HERE] Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
- </div>
- <p>
- <h3>MOON IN [SIGN]</h3>
- <div class="shortpic"><img class="right" src="https://themcaa.org/wp-content/uploads/2015/12/blogpost-placeholder-100x100-300x300.png"><p><b>THE MOON: THE EMOTIONAL SELF</b> [SIGN TRAITS GO HERE] Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
- </div>
- <p>
- <h3>RISING IN [SIGN]</h3>
- <div class="shortpic"><img class="left" src="https://themcaa.org/wp-content/uploads/2015/12/blogpost-placeholder-100x100-300x300.png"><p><b>THE ASCENDANT: THE PRESENTED SELF</b> [SIGN TRAITS GO HERE] Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
- </div>
- <p>
- <hr>
- <p>
- <h3>Relatives</h3>
- <center>
- <a title="Mother">Mother</a> |
- <a title="Father">Father</a> |
- <a title="Child">Child</a>
- </center>
- <h3>Connections</h3>
- <center>
- <a title="Boss">Boss</a> |
- <a title="Friend">Friend</a> |
- <a title="Employee">Employee</a>
- </center>
- <div class="extraspace">
- </p>
- <p>
- </p>
- <p>
- </div>
- <div class="extraspace">
- </p>
- <p>
- </p>
- <p>
- </div>
- <div class="extraspace">
- </p>
- <p>
- </p>
- <p>
- </div>
- </div>
- </div>
- <div class="tab">
- <input type="radio" id="tab-5" name="tab-group-1" >
- <label for="tab-5"><a>VERSES</a></label>
- <div class="content">
- <h4>VERSES</h4>
- <button class="accordion">
- <h2>VERSE NAME</h2></button> <div class="panel">
- <div class="shortpic"><img class="left" src="https://themcaa.org/wp-content/uploads/2015/12/blogpost-placeholder-100x100.png"><p>
- <b>NAME:</b> <br>
- <b>AGE:</b> <br>
- <b>RESIDENCE:</b> <br>
- <b>STATUS:</b> <br>
- </div>
- Verse Description.</div>
- <button class="accordion">
- <h2>VERSE NAME</h2></button> <div class="panel">
- <div class="shortpic"><img class="right" src="https://themcaa.org/wp-content/uploads/2015/12/blogpost-placeholder-100x100.png"><p>
- <b>NAME:</b> <br>
- <b>AGE:</b> <br>
- <b>RESIDENCE:</b> <br>
- <b>STATUS:</b> <br>
- </div>
- Verse Description.</div>
- <button class="accordion">
- <h2>VERSE NAME</h2></button> <div class="panel">
- <div class="shortpic"><img class="left" src="https://themcaa.org/wp-content/uploads/2015/12/blogpost-placeholder-100x100.png"><p>
- <b>NAME:</b> <br>
- <b>AGE:</b> <br>
- <b>RESIDENCE:</b> <br>
- <b>STATUS:</b> <br>
- </div>
- Verse Description.</div>
- <button class="accordion">
- <h2>VERSE NAME</h2></button> <div class="panel">
- <div class="shortpic"><img class="right" src="https://themcaa.org/wp-content/uploads/2015/12/blogpost-placeholder-100x100.png"><p>
- <b>NAME:</b> <br>
- <b>AGE:</b> <br>
- <b>RESIDENCE:</b> <br>
- <b>STATUS:</b> <br>
- </div>
- Verse Description.</div>
- <script>
- var acc = document.getElementsByClassName("accordion");
- var i;
- for (i = 0; i < acc.length; i++) {
- acc[i].addEventListener("click", function() {
- this.classList.toggle("active");
- var panel = this.nextElementSibling;
- if (panel.style.maxHeight) {
- panel.style.maxHeight = null;
- } else {
- panel.style.maxHeight = panel.scrollHeight + "px";
- }
- });
- }
- </script>
- <div class="extraspace">
- </p>
- <p>
- </p>
- <p>
- </div>
- <div class="extraspace">
- </p>
- <p>
- </p>
- <p>
- </div>
- <div class="extraspace">
- </p>
- <p>
- </p>
- <p>
- </div>
- </div>
- </div>
- <div class="tab">
- <input type="radio" id="tab-7" name="tab-group-1" >
- <label for="tab-7" onclick="document.body.style.cssText+=';background-image: url({image:background});';" ><a>MUSES</a></label>
- <div class="content">
- <h1>MUSES</h1>
- <div id="filters" class="option-set clearfix" data-option-key="filter">
- <p><h4 style="margin-top:-10px;margin-bottom:8px;">SELECT A CATEGORY</h4>
- <center>
- <div id="sort">
- <ul id="filters" class="option-set clearfix" data-option-key="filter">
- <li>
- <h2 style="font-size:20px; margin:5px;"><a href="#filter" data-option-filter=".story">SHOW ALL</a></h2>
- </li>
- <p><b>PRIORITY</b><br>
- <li><a href="#filter" data-option-filter=".primary">PRIMARY</a>
- <a href="#filter" data-option-filter=".secondary">SECONDARY</a>
- <a href="#filter" data-option-filter=".tertiary">TERTIARY</a>
- <a href="#filter" data-option-filter=".testmuse">TEST MUSES</a>
- </li>
- <p><b>FANDOM</b><br>
- <li><a href="#filter" data-option-filter=".fandom1">FANDOM 1</a>
- <a href="#filter" data-option-filter=".fandom2">FANDOM 2</a>
- <a href="#filter" data-option-filter=".fandom3">FANDOM 3</a>
- <a href="#filter" data-option-filter=".fandom4">FANDOM 4</a>
- <a href="#filter" data-option-filter=".fandom5">FANDOM 5</a>
- </li>
- <p><b>GENDER</b><br>
- <li ><a href="#filter" data-option-filter=".male">MALE</a>
- <a href="#filter" data-option-filter=".female">FEMALE</a>
- <a href="#filter" data-option-filter=".nonbinary">NONBINARY</a></li>
- </ul>
- </div>
- </center>
- <div id="grid" class="clearfix">
- <!--- DO NOT REMOBE THE STORY CLASS --->
- <div class="grid-item story primary fandom1 male"><img src="https://via.placeholder.com/150"></img>
- <h4 style="font-size:7px;">
- <a href="#?w=450" rel="museonename" class="poplight"><b>MUSE 1</a></b><br>
- MUSE TITLE<br></h4>
- <span style="font-size:8px;color:{color:italic};text-align:right;">#PRIMARY #FANDOM1 #MALE</span><br>
- </div>
- <div class="grid-item story secondary fandom2 female"><img src="https://via.placeholder.com/150"></img> <h4 style="font-size:7px;">
- <a href="#?w=450" rel="musetwoname" class="poplight"><b>MUSE 2</a></b><br>
- MUSE TITLE<br></h4>
- <span style="font-size:8px;color:{color:italic};text-align:right;">#SECONDARY #FANDOM2 #FEMALE</span><br>
- </div>
- <div class="grid-item story primary fandom1 male"><img src="https://via.placeholder.com/150"></img>
- <h4 style="font-size:7px;">
- <a href="#?w=450" rel="museonename" class="poplight"><b>MUSE 1</a></b><br>
- MUSE TITLE<br></h4>
- <span style="font-size:8px;color:{color:italic};text-align:right;">#PRIMARY #FANDOM1 #MALE</span><br>
- </div>
- </div>
- </div>
- <div class="extraspace">
- </p>
- <p>
- </p>
- <p>
- </div>
- <div class="extraspace">
- </p>
- <p>
- </p>
- <p>
- </div>
- <div class="extraspace">
- </p>
- <p>
- </p>
- <p>
- </div>
- </div>
- </div>
- <div class="tab">
- <input type="radio" id="tab-6" name="tab-group-1">
- <label for="tab-6"><a>MUN</a></label>
- <div class="content">
- <h4>MUN</h4>
- <div class="longpic"><img class="right" src="{image:munpic}">
- <b>Name: </b>Mun Name Here<br>
- <b>Better Known As: </b>Nicknames Here<br>
- <b>Gender: </b>Gender Identity Here<br>
- <b>Age: </b>Age Here<br>
- <b>Timezone: </b>Timezone Here<br>
- <b>Occupation: </b>Occupation Here<br>
- <b>Activity: </b>Activity Level Here<br>
- <b>Contact: </b>Preferred Contact Info Here<br>
- <b>Discord: </b>Discord Tag Here<br>
- </div>
- <hr>
- <h1>put a quote here!</h1>
- <hr>
- <div class="extraspace">
- </p>
- <p>
- </p>
- <p>
- </div>
- <div class="extraspace">
- </p>
- <p>
- </p>
- <p>
- </div>
- <div class="extraspace">
- </p>
- <p>
- </p>
- <p>
- </div>
- </div>
- </div>
- </div>
- </div></div>
- <div id="hold">
- <div id="sidebar1">
- <h1> SWITCH </h1>
- <h3> theme by Whitley </h3>
- <h4> this is a h4 </h4>
- Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
- <h4> you can put stuff in it </h4>
- It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
- </p>
- <h4>the sidebar scrolls </h4>
- <p>Oh! and the sidebar goes to the max height of the page. As does the container.
- Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
- Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
- Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
- Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
- Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
- </p>
- </div>
- <div id="container">
- <div id="entries">
- {block:posts}
- <div id="posts">
- {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
- {block:Quote}<h2>“{Quote}” — {Source}</h2><br>{/block:Quote}
- {block:Link}<a href="{URL}"><h1>{Name}</h1></a>
- {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
- {block:Photo}<center><img src="{PhotoURL-500}"/></center>
- {block:Caption}{Caption}{/block:Caption}{/block:Photo}
- {block:Photoset}<center>{Photoset-500}</center>
- {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
- {block:Chat}<ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul>{/block:Chat}
- {block:Video}<div id="video">{Video-500}</div>{block:Caption}{Caption}{/block:Caption}{/block:Video}
- {block:Answer}<div id="asker"><div class="shortpic"><h3><img class="right" src="{AskerPortraitURL-128}"><b>{Asker} inquired:</b> <small>{Question}</small></h3></div></div><div id="answer">{block:isOriginalEntry}<img class="left" src="{PortraitURL-128}"><b><h3><a href="{SourceURL}">{Name}</a> repsonded:</b></h3> {/block:isOriginalEntry} {Answer}</div>{/block:Answer}
- {block:Audio} <div class="audiopic">{block:AlbumArt}
- <img class="right" src="{AlbumArtURL}"></img>{/block:AlbumArt}{AudioPlayerBlack} <div class="musicinfo">{block:TrackName}
- <i>{TrackName}</i>
- {/block:TrackName}{block:Artist}
- -<b> {Artist}</b>
- {/block:Artist}<br> {block:PlayCount}Played <b>{PlayCount}</b> Times{/block:PlayCount} <br></div></div>
- {block:Caption}{Caption}{/block:Caption} {/block:Audio}
- <center><div id="info"><div id="info1"> <a href="{Permalink}" title="{TimeAgo} - {NoteCountwithlabel}"><span class="fa fa-link"></span> </a> </div>
- <div id="info2"> <a href="{ReblogURL}" title="reblog"> <span class="fa fa-retweet"></span> </a> </div>
- <div id="info3"> {block:RebloggedFrom}<a title="↺ {ReblogParentName}" href="{ReblogParentURL}" > <span class="fa fa-history"></span> </a>{/block:RebloggedFrom} </div>
- <div id="info4"> {block:ContentSource}
- <a title="src. {SourceTitle}" href="{SourceURL}" target="_blank" title="{SourceTitle}"> <span class="fa fa-rss"></span> </a>
- {/block:ContentSource}</div></center><p>
- <center><div class="tags">{block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag} </a> {/block:Tags}{/block:HasTags}
- <br /></div></div>
- {/block:Posts}
- {block:PostNotes}{PostNotes}{/block:PostNotes}<br />
- </div>
- </div>
- <div id="sidebar2">
- <h1> SWITCH </h1>
- <h3> theme by Whitley </h3>
- <h4> this is a h4 </h4>
- Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
- <h4> you can put stuff in it </h4>
- It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
- </p>
- <h4>the sidebar scrolls </h4>
- <p>Oh! and the sidebar goes to the max height of the page. As does the container.
- Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
- Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
- Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
- Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
- Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
- </p>
- </div>
- <div id="links">
- <a id="refresh" href="/" title="refresh"><img src="https://i.ibb.co/bN8SGMz/image.png"></img></a>
- <a id="nav" href="#?w=450" rel="navpage" class="poplight" title="navigate"><img src="https://i.ibb.co/bN8SGMz/image.png"></img></a>
- {block:NextPage}<a id="pagef" href="{NextPage}" rel="navpage" class="poplight" title="forward"><img src="https://i.ibb.co/bN8SGMz/image.png"></img></a>{/block:NextPage}
- {block:PreviousPage}<a id="pagep" href="{PreviousPage}" rel="navpage" class="poplight" title="previous"><img src="https://i.ibb.co/bN8SGMz/image.png"></img></a>{/block:PreviousPage}</div>
- </div>
- <div id="credit"><a href="http://imbicilite.tumblr.com/" title="theme by whitley">I.</a></div>
- <!------- filter scripts -------->
- <script src="https://static.tumblr.com/fuu6t9w/kh8ml0pl9/jquery-1.7.1.min.js"></script>
- <script src="https://static.tumblr.com/fuu6t9w/eubml0pm0/jquery.isotope.min.js"></script>
- <script>
- var $container = $('#grid');
- $( document ).ready(function() {
- var PageLoadFilter = '.removefilterimages';
- $container.isotope({ filter: PageLoadFilter});
- });
- </script>
- <script type="text/javascript">
- $(function(){
- var $container = $('#grid');
- $container.isotope({
- itemSelector : '.story', percentPosition: true // put true if you use percentage widths, otherwise put false
- });
- var $optionSets = $('#sort .option-set'),
- $optionLinks = $optionSets.find('a');
- $optionLinks.click(function(){
- var $this = $(this);
- // don't proceed if already selected
- if ( $this.hasClass('selected') ) {
- return false;
- }
- var $optionSet = $this.parents('.option-set');
- $optionSet.find('.selected').removeClass('selected');
- $this.addClass('selected');
- // make option object dynamically, i.e. { filter: '.my-filter-class' }
- var options = {},
- key = $optionSet.attr('data-option-key'),
- value = $this.attr('data-option-filter');
- // parse 'false' as false boolean
- value = value === 'false' ? false : value;
- options[ key ] = value;
- if ( key === 'layoutMode' && typeof changeLayoutMode === 'function' ) {
- // changes in layout modes need extra logic
- changeLayoutMode( $this, options )
- } else {
- // otherwise, apply new options
- $container.isotope( options );
- }
- return false;
- });
- });
- </script>
- <!-----end filter scripts------>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement