; Elaine0211
#navbar-iframe {display: none;}
body{
background: linear-gradient(180deg, #fff 30%, #dbe3e3 190%)no-repeat fixed;
font: 12px ekarla;
line-height:1.3;
color:#aca69a;
cursor: url(https://i.imgur.com/J4f5nY5.png), progress;}
::-moz-selection {
background:#aca69a;
color:#fff;}
::selection {
background:#aca69a;
color:#fff;}
::-webkit-scrollbar {width:5px;}
::-webkit-scrollbar-button:start:decrement{height:5px; display:block; background:none;}
::-webkit-scrollbar-button:end:increment{height:5px; display: block; background:none;}
::-webkit-scrollbar-track-piece {background-color:#fff;}
::-webkit-scrollbar-thumb{ background:#d1dadf;}
a:link,a:visited {
background-image: url(https://imgur.com/ezmTdwc.gif);
background-size:100px;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
text-decoration:none;
-webkit-transition: .3s;
-moz-transition: .3s;}
a:hover {
-webkit-transition: .3s;
-moz-transition: .3s;
cursor: url(https://i.imgur.com/hDbujhU.png), progress;}
b{
text-decoration:bold;
-webkit-filter: hue-rotate(0deg);
-webkit-transition: .5s;
-moz-transition: .5s;}
b:hover{
-webkit-filter: hue-rotate(120deg);
-webkit-transition: .5s;
-moz-transition: .5s;}
u{
text-decoration:underline;
border-bottom:1px dotted #dae2e3;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;}
u:hover{
border-bottom:1px dashed #fff;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;}
i{-webkit-transition: .4s;}
i:hover{letter-spacing:2px;-webkit-transition: .4s;}
/* blockquote
----------------------------------------------- */
blockquote {
font-size:9px;
padding: 5px 15px;
color:#fff;
background:#c5dae5;
border:6px solid #fff;
outline: 2px solid #dae2e3;
-webkit-transition: .4s;
-moz-transition: .4s;}
blockquote:hover {
background:#dae2e3;
outline: 2px solid #c5dae5;
-webkit-transition: .4s;
-moz-transition: .4s;}
/* post
----------------------------------------------- */
.content{
width:610px;
background:#fff;
border:1px solid #bad4e1;
border-radius:3px;
padding:10px;
padding-bottom:20px;
margin-top:40px;
margin-bottom:40px;
margin-left:120px;}
#main{
width:570px;
height:auto;
padding:15px;
margin-top:-25px;
overflow-x:hidden;}
#title{
background:#bad4e1;
color:#fff;
line-height: 15px;
padding:2px 4px;
padding-left:20px;
height: 15px;
margin: 5px auto;
text-align:left;
border-radius:3px;}
.date{
background:#fff;
border:1px solid #bad4e1;
font-size:10px;
letter-spacing:1px;
line-height: 15px;
padding:2px 4px;
height: 13px;
width:210px;
margin-top: -24px;
float:right;
text-align:center;
border-radius:3px;}
.on{
text-align:center;
color:#aca69a;}
.on a{-webkit-background-clip: none; -webkit-text-fill-color: #aca69a;}
/* other
----------------------------------------------- */
tu {
text-shadow:8px 0 #fff, -8px 0 #fff;
-webkit-transition: all 0.6s;}
tu:hover{
color:#fff;
text-shadow: -1px 0 #bad4e1, 0 1px #bad4e1, 1px 0 #bad4e1, 0 -1px #bad4e1;
-webkit-transition: all 0.6s;}
ma {
padding:2px;
border-radius:2px;
background:#bad4e1;
color:#fff;
-webkit-transition: all 0.6s;}
ma:hover {
color:#dae2e3;
background:#fff;
-webkit-animation: flash 0.8s linear;
-moz-animation: flash 0.8s linear;
-ms-animation: flash 0.8s linear;
animation: flash 0.8s linear;}
@-webkit-keyframes flash {
0%, 50%, 100% {opacity: 1;}
25%, 75% {opacity: 0.2;}
}
@keyframes flash {
0%, 50%, 100% {opacity: 1;}
25%, 75% {opacity: 0.2;}
}
mt {
color:#fff;
font-style:bold;
background: url(http://68.media.tumblr.com/41c625af6587482730601847cfbe2de6/tumblr_inline_miyerpN5WW1qz4rgp.gif) no-repeat left;
padding:10px 0 0 24px ;
-webkit-transition: .6s;
text-shadow: -1px 0 #bad4e1, 0 1px #bad4e1, 1px 0 #bad4e1, 0 -1px #bad4e1;}
mt:hover {
background: url(http://68.media.tumblr.com/a81dc06af02f78b6d67c83d569087dc4/tumblr_inline_miyeptXCFe1qz4rgp.gif) no-repeat left;
padding:10px 0 0 26px ;
-webkit-transition: .6s;}
/* links
----------------------------------------------- */
a.li {
-webkit-background-clip: none;
-webkit-text-fill-color: #aca69a;
text-align:center;
border:1px solid #bad4e1;
padding: 2px;
display:inline-block;
width:100px;
margin: 2px;
background: #fff;
overflow: hidden;}
a.li > span {display:inline-block; padding: 2px 0;}
a.li:hover > span:nth-child(odd) {
-webkit-animation: anim-nanuk-1 0.5s forwards;
animation: anim-nanuk-1 0.5s forwards;}
a.li:hover > span:nth-child(even) {
-webkit-animation: anim-nanuk-2 0.5s forwards;
animation: anim-nanuk-2 0.5s forwards;}
a.li:hover > span:nth-child(odd), a.li:hover > span:nth-child(even) {
-webkit-animation-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
transition-animation-function: cubic-bezier(0.75, 0, 0.125, 1);}
@-webkit-keyframes anim-nanuk-1 {
0%,100% {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);}
49% {
opacity: 1;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);}
50% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
color: inherit;}
51% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
color: #fff;}
100% {color:#ccc;}
}
@keyframes anim-nanuk-1 {
0%,
100% {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);}
49% {
opacity: 1;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);}
50% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
color: inherit;}
51% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
color: #fff;}
100% {color:#ccc;}
}
@-webkit-keyframes anim-nanuk-2 {
0%,100% {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);}
49% {
opacity: 1;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);}
50% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
color: inherit;}
51% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
color: #fff;}
100% {color:#ccc;}
}
@keyframes anim-nanuk-2 {
0%,100% {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);}
49% {
opacity: 1;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);}
50% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
color: inherit;}
51% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
color: #fff;}
100% {color:#ccc;}
}
a.li:hover > span:nth-child(1) {-webkit-animation-delay: 0s;animation-delay: 0s;}
a.li:hover > span:nth-child(2) {-webkit-animation-delay: 0.05s;animation-delay: 0.05s;}
a.li:hover > span:nth-child(3) {-webkit-animation-delay: 0.1s;animation-delay: 0.1s;}
a.li:hover > span:nth-child(4) {-webkit-animation-delay: 0.15s;animation-delay: 0.15s;}
a.li:hover > span:nth-child(5) {-webkit-animation-delay: 0.2s;animation-delay: 0.2s;}
a.li:hover > span:nth-child(6) {-webkit-animation-delay: 0.25s;animation-delay: 0.25s;}
a.li:hover > span:nth-child(7) {-webkit-animation-delay: 0.3s;animation-delay: 0.3s;}
a.li:hover > span:nth-child(8) {-webkit-animation-delay: 0.35s;animation-delay: 0.35s;}
a.li:hover > span:nth-child(9) {-webkit-animation-delay: 0.4s;animation-delay: 0.4s;}
a.li:hover > span:nth-child(10) {-webkit-animation-delay: 0.45s;animation-delay: 0.45s;}
a.li:hover > span:nth-child(11) {-webkit-animation-delay: 0.5s;animation-delay: 0.5s;
}
@font-face {
font-family: "etiny";
src: url('https://dl.dropbox.com/s/t74az3yznkqxe3o/tinytots.ttf'); }
@font-face {
font-family: "ekarla";
src: url('https://dl.dropbox.com/s/upy7pua2meiuaby/Karla-Regular.ttf');}
/* sidebar
----------------------------------------------- */
#sidebar{
position:absolute;
width:260px;
height:250px;
border-radius:5px;
padding:10px;
background:#fff;
border:1px solid #c5dae5;
overflow: hidden; }
.banner{
position:relative;
background:#bad4e1;
width:240px;
height:10px;
border-radius:0 5px 0 0;
padding:5px;
text-align:center;
color:#fff;
margin:-12px 40px;
text-align:center;
LINE-HEIGHT:1.1;}
.banner::before {
top: 100%;
left:0%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
border-left-color: #fff;
border-width: 10px;
margin-top:-20px;}
#tri{
position:absolute;
margin-top:8px;
margin-left:282px;
border-top: 8px solid #aec5d1;
border-right: 8px solid transparent;}
#desc{
margin-top:10px;
margin-left:5px;
background:#fff;
width:200px;
text-align:right;
z-index:10;}
/* navi
----------------------------------------------- */
#navi{
position:absolute;
top:-60px;
right:0px;
width:35px;
height:calc(100% - 0px);
padding:0px 5px;
margin-top:60px;
margin-left:30px;
border-top-right-radius:5px;
border-bottom-right-radius:5px;
background: #d1dadf;}
a.sheart:before, a.sheart:after {
position: absolute;
display:block;
margin-top:90px;
margin-left:14px;
content: "";
left: 4px;
top: 10px;
width:4px;
height: 8px;
background:#fff;
-moz-border-radius: 50px 50px 0 0;
border-radius: 50px 50px 0 0;
-webkit-transform: rotate(-46deg);
-moz-transform: rotate(-46deg);
-ms-transform: rotate(-46deg);
-o-transform: rotate(-46deg);
transform: rotate(-46deg);
-webkit-transform-origin: 0 100%;
-moz-transform-origin: 0 100%;
-ms-transform-origin: 0 100%;
-o-transform-origin: 0 100%;
transform-origin: 0 100%;}
a.sheart:after {
left: 0;
-webkit-transform: rotate(46deg);
-moz-transform: rotate(46deg);
-ms-transform: rotate(46deg);
-o-transform: rotate(46deg);
transform: rotate(46deg);
-webkit-transform-origin: 100% 100%;
-moz-transform-origin: 100% 100%;
-ms-transform-origin: 100% 100%;
-o-transform-origin: 100% 100%;
transform-origin :100% 100%;}
/* searchbox
----------------------------------------------- */
.search {
overflow: hidden;
position: relative;
margin-top: 16px;
margin-left:15px;
width: 190px;
border: 1px solid #c5dae5;
border-radius:3px;
background: #fff;}
.search input {
padding: 0;
outline: 0;
border: 0px;
color: #aeb4b2;
background-color: #ffffff;}
.search input::placeholder { color: #abb1b4; }
::-moz-placeholder { opacity: 1; }
#sbn {
position: absolute;
top: 4px;
right: 0;
font-size:10px;
line-height:1.3;
padding-left:8px;
padding-right:8px;
border-left: 1px solid rgba(171,177,180,0.3);}
#searchbar {
position: relative;
float: left;
padding: 0 10px;
width: calc(100% - 23px);
height: 22px;
font-size: 8px;
letter-spacing: 1px;
word-spacing: 1px;
text-transform: uppercase;}
