; Elaine0211
#navbar-iframe {display: none;}
body{
background:#D5F5E3;
font:13px 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:7px;}
::-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:#D5F5E3;}
::-webkit-scrollbar-thumb{ background:#fff ;}
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; }
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:10px;
padding: 5px 15px;
background:#D5F5E3;
border:6px solid #fff;
outline: 2px solid #D5F5E3;
-webkit-transition: .4s;
-moz-transition: .4s;}
blockquote:hover {
background:#ABEBC6;
outline: 2px solid #ABEBC6;
-webkit-transition: .4s;
-moz-transition: .4s;}
/* post
----------------------------------------------- */
#title{
background:#D5F5E3;
line-height: 15px;
padding:2px 4px;
padding-left:20px;
height: 15px;
text-align:left;
border-radius:3px;}
.date{
background:#fff;
border:1px solid #D5F5E3;
font-size:10px;
letter-spacing:1px;
line-height: 15px;
padding:2px 4px;
height: 13px;
width:210px;
margin-top: -19px;
float:right;
text-align:center;
border-radius:3px;}
.on{
font-size:11px;
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;
padding:3px;
text-shadow: -1px 0 #aca69a, 0 1px #aca69a, 1px 0 #aca69a, 0 -1px #aca69a;}
/* 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;
}
/* navi
----------------------------------------------- */
.maintitle{
background-color:#fff;
padding:15px;
text-align:center;
width:700px;
height:80px;
margin-left:200px;
margin-top:-2px;
font:32px ehands;
line-height:0.1;
}
.header {
background-color:#D5F5E3;
padding: 15px;
text-align: center;
width:700px;
height:90px;
border-radius:3px;
margin-left:200px;
margin-top:0px;
font-size:14px;
letter-spacing: 1px;
word-spacing: 1px;
text-transform: uppercase;
}
#navibar {
overflow: hidden;
background-color: #fff;
border-radius:3px;
width:140px;
padding:5px;
margin-left:200px;
}
#navibar a {
float: left;
margin-left:-10px;
width: 140px;
display: block;
background-image: none;
-webkit-background-clip: text;
-webkit-text-fill-color: #aca69a;
font-size:12px;
text-align: center;
padding: 10px;
text-decoration: none;
letter-spacing: 1px;
word-spacing: 1px;
border-bottom:2px solid #D5F5E3;
}
#navibar .mine {position: relative; }
#navibar .mine img {
width: 110px;
height: 110px;
border-radius:100px;
float:center;
margin-top:-3px;}
#navibar a:last-child {
margin-bottom: 0px;
border-bottom: 0px solid #fff; }
#navibar a:hover {
background-color: transparent;
-webkit-background-clip: text;
-webkit-text-fill-color: #ddd; }
.sticky {
position: fixed;
top: 0px;
width: 100%;}
.sticky .content {
padding-top: 0px;}
.content{
width:540px;
background:#fff;
border-radius:3px;
padding:10px;
padding-bottom:20px;
margin-top:-317px;
bottom:40px;
left:370px;
position:relative;}
#main{
width:auto;
background:#fff;
margin-top:-28px;}
@font-face {
font-family: "etiny";
src: url('https://dl.dropbox.com/s/d8j5u8ksqhcve4e/tiny.ttf'); }
@font-face {
font-family: "ekarla";
src: url('https://dl.dropbox.com/s/zju7lx23vq3qlla/Karla-Regular.ttf');}
@font-face {
font-family: "ehands";
src: url('https://dl.dropbox.com/s/d4rgrtrc139hvg7/HandsOn-Regular.ttf');}
Say Cheese!
# 2015 ♥
[ 新的一年、创造新的回忆。♥ ]
禁不起诱惑的我 再次换新设计了 哈哈哈哈 XD
这次的主题有些小悲伤 我就是被这股忧伤给吸引到
所以就决定换设计了 囧
跟上一次的落差很大一下 :/ 嘿嘿
其实有种从去年设计到今年的感觉 XD
原本想在1月1号换上的 结果来不及 /.\
那个背景我也不知道是怎么了有点灰灰的
怎样改都还是一样 == 所以决定放弃
反正不认真看是真的看不出来 囧
再来呢 页面方面弄到我傻 == 一直出现奇怪现象啊
导致我全部代码删除 一整片空白搞定它先
最后成功了 啊哈哈哈哈 或许有些不完美
但我已经满足了 T^T
follow在最后一秒才想起没有弄! 然后就很敷衍地弄了一点小effect XD
原本主色是黑&白的 不知不觉就变灰色去了 ==就当两个结合了吧 :目
其他的 俺就不多说啦 (✿◡‿◡)
老话一句 不要抄袭 不要view-source
*其实有点像我那个hi darling 的skin 哈哈 XD
---------------------------------------------------------------------
因为上一篇就更新了2014的总结
所以今天这一篇也不知要更新什么好 ==
来个throw back 我又没什么好throw 了
于是就只能简单说几句就走 XD
有史以来更新那么短(?)
想必开学后啊 我能更新的机会又大大的减少了
所以希望这个部落格每次都那么多人来啊 /.\
我喜欢热热闹闹的 哈哈XD
顺道提一下 我的小说部落格已经荒废了很久
于是乎要是时间允许 我会继续写作 给自己的脑子灵活一些 哇咔咔
但是我文笔不好那件事 我会很努力的改 XD
希望可以写出一个有意思的作品咯 ^^
啊 对了 ,, 顺便在这里补上上一篇少掉的wish list
↘ 跟我家棋棋见面!! xD [ 因为他也在kl area ]
↘ 学院生活顺顺利利
↘ 告别单身 XD [ 这个我好像每年都有 但每次都... ]
↘ 身边的亲人 朋友健康平安 ♥
↘ 有办法赚钱 /.\
↘ 写出一部小说
↘ 考试成绩美美 XD
↘ 烦恼少少 :p 人缘多多 XD
---------------------------------------------------------------------
再过个2天 我又要回去kl读书了/.\
假期总是那么快 :3
不过我打开电脑的次数也是一样多 XD
这个sem一样是天天ps , illustrator
我会努力做出好的作品 然后在这里分享给大家
2015 , please be honest to me ! :]
标签： 生活點滴, 新皮儿, Blogskin
# 2015 ♥ ♥
[ 新的一年、创造新的回忆。♥ ]
禁不起诱惑的我 再次换新设计了 哈哈哈哈 XD
这次的主题有些小悲伤 我就是被这股忧伤给吸引到
所以就决定换设计了 囧
跟上一次的落差很大一下 :/ 嘿嘿
其实有种从去年设计到今年的感觉 XD
原本想在1月1号换上的 结果来不及 /.\
那个背景我也不知道是怎么了有点灰灰的
怎样改都还是一样 == 所以决定放弃
反正不认真看是真的看不出来 囧
再来呢 页面方面弄到我傻 == 一直出现奇怪现象啊
导致我全部代码删除 一整片空白搞定它先
最后成功了 啊哈哈哈哈 或许有些不完美
但我已经满足了 T^T
follow在最后一秒才想起没有弄! 然后就很敷衍地弄了一点小effect XD
原本主色是黑&白的 不知不觉就变灰色去了 ==就当两个结合了吧 :目
其他的 俺就不多说啦 (✿◡‿◡)
老话一句 不要抄袭 不要view-source
*其实有点像我那个hi darling 的skin 哈哈 XD
---------------------------------------------------------------------
因为上一篇就更新了2014的总结
所以今天这一篇也不知要更新什么好 ==
来个throw back 我又没什么好throw 了
于是就只能简单说几句就走 XD
有史以来更新那么短(?)
想必开学后啊 我能更新的机会又大大的减少了
所以希望这个部落格每次都那么多人来啊 /.\
我喜欢热热闹闹的 哈哈XD
顺道提一下 我的小说部落格已经荒废了很久
于是乎要是时间允许 我会继续写作 给自己的脑子灵活一些 哇咔咔
但是我文笔不好那件事 我会很努力的改 XD
希望可以写出一个有意思的作品咯 ^^
啊 对了 ,, 顺便在这里补上上一篇少掉的wish list
↘ 跟我家棋棋见面!! xD [ 因为他也在kl area ]
↘ 学院生活顺顺利利
↘ 告别单身 XD [ 这个我好像每年都有 但每次都... ]
↘ 身边的亲人 朋友健康平安 ♥
↘ 有办法赚钱 /.\
↘ 写出一部小说
↘ 考试成绩美美 XD
↘ 烦恼少少 :p 人缘多多 XD
---------------------------------------------------------------------
再过个2天 我又要回去kl读书了/.\
假期总是那么快 :3
不过我打开电脑的次数也是一样多 XD
这个sem一样是天天ps , illustrator
我会努力做出好的作品 然后在这里分享给大家
2015 , please be honest to me ! :]
标签： 生活點滴, 新皮儿, Blogskin
