Commit f4a349a1 authored by Vanessa's avatar Vanessa

change ease style

parent 105da597
...@@ -12,12 +12,12 @@ ...@@ -12,12 +12,12 @@
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and * See the License for the specific language governing permissions and
* limitations under the License. * limitations under the License.
*/ */
/* /*
* skin ease style * skin ease style
* *
* @author <a href="mailto:LLY219@gmail.com">Liyuan Li</a> * @author <a href="mailto:LLY219@gmail.com">Liyuan Li</a>
* @version 1.0.1.1, Jun 2, 2012 * @version 1.0.1.2, Jun 18, 2012
*/ */
/* start base */ /* start base */
html, body, div, ul, li { html, body, div, ul, li {
...@@ -106,11 +106,21 @@ sup { ...@@ -106,11 +106,21 @@ sup {
.em00, .em01, .em02, .em03, .em04, .em05, .em06, .em07, .em08, .em09, .em00, .em01, .em02, .em03, .em04, .em05, .em06, .em07, .em08, .em09,
.em10, .em11, .em12, .em13, .em14 { .em10, .em11, .em12, .em13, .em14 {
background-image: url("../../ease/images/emotions/emotions-classic.png"); cursor: pointer;
background-image: url("../../ease/images/emotions/emotions-ease.png");
float: left; float: left;
height: 24px; height: 24px;
margin-right: 5px; margin-right: 5px;
width: 24px; width: 24px;
transition: all .2s ease-out;
-webkit-transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
}
#emotions span:hover {
transform: scale(1.2) rotate(360deg);
-webkit-transform: scale(1.2) rotate(360deg);
-moz-transform: scale(1.2) rotate(360deg);
} }
.em01 { .em01 {
...@@ -123,7 +133,7 @@ sup { ...@@ -123,7 +133,7 @@ sup {
background-position: -72px 0; background-position: -72px 0;
} }
.em04 { .em04 {
background-position: -96px 0; background-position: -96px 1px;
} }
.em05 { .em05 {
background-position: 0 -24px; background-position: 0 -24px;
...@@ -246,7 +256,7 @@ sup { ...@@ -246,7 +256,7 @@ sup {
} }
.nav { .nav {
background-color: #FFF; background-color: #2C2C2C;
box-shadow: 0 2px 2px #D5D5D5, 0 3px 3px -3px #D5D5D5 inset; box-shadow: 0 2px 2px #D5D5D5, 0 3px 3px -3px #D5D5D5 inset;
height: 29px; height: 29px;
} }
...@@ -262,15 +272,26 @@ sup { ...@@ -262,15 +272,26 @@ sup {
.nav a { .nav a {
display: block; display: block;
color: #C9C9C9;
float: left; float: left;
font-size: 14px; font-size: 14px;
line-height: 29px; line-height: 29px;
margin-right: 30px; margin-right: 30px;
text-shadow: 0 0 1px #D5D5D5; text-shadow: 0 0 1px #D5D5D5;
text-decoration: none;
transition: all .2s ease-out;
-webkit-transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
}
.nav a:hover {
transform: scale(1.2) rotate(360deg);
-webkit-transform: scale(1.1) rotate(360deg);
-moz-transform: rotate(360deg);
} }
.nav a.current { .nav a.current {
color: #00b4d2; color: #FFF;
font-weight: 700; font-weight: 700;
text-shadow: 0px 0px 3px #D5D5D5; text-shadow: 0px 0px 3px #D5D5D5;
} }
......
...@@ -15,11 +15,12 @@ sup{font-size:10px;font-weight:normal;-webkit-text-size-adjust:none;} ...@@ -15,11 +15,12 @@ sup{font-size:10px;font-weight:normal;-webkit-text-size-adjust:none;}
.ft-gray:visited{color:#9a9a9a;} .ft-gray:visited{color:#9a9a9a;}
.ft-gray:hover{color:#676767;text-decoration:none;} .ft-gray:hover{color:#676767;text-decoration:none;}
.logo{padding:0 5px;text-shadow:0 0 1px #D5D5D5;} .logo{padding:0 5px;text-shadow:0 0 1px #D5D5D5;}
.em00,.em01,.em02,.em03,.em04,.em05,.em06,.em07,.em08,.em09,.em10,.em11,.em12,.em13,.em14{background-image:url(../../ease/images/emotions/emotions-classic.png);float:left;height:24px;margin-right:5px;width:24px;} .em00,.em01,.em02,.em03,.em04,.em05,.em06,.em07,.em08,.em09,.em10,.em11,.em12,.em13,.em14{cursor:pointer;background-image:url(../../ease/images/emotions/emotions-ease.png);float:left;height:24px;margin-right:5px;width:24px;transition:all .2s ease-out;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;}
#emotions span:hover{transform:scale(1.2) rotate(360deg);-webkit-transform:scale(1.2) rotate(360deg);-moz-transform:scale(1.2) rotate(360deg);}
.em01{background-position:-24px 0;} .em01{background-position:-24px 0;}
.em02{background-position:-48px 0;} .em02{background-position:-48px 0;}
.em03{background-position:-72px 0;} .em03{background-position:-72px 0;}
.em04{background-position:-96px 0;} .em04{background-position:-96px 1px;}
.em05{background-position:0 -24px;} .em05{background-position:0 -24px;}
.em06{background-position:-24px -24px;} .em06{background-position:-24px -24px;}
.em07{background-position:-48px -24px;} .em07{background-position:-48px -24px;}
...@@ -42,11 +43,12 @@ sup{font-size:10px;font-weight:normal;-webkit-text-size-adjust:none;} ...@@ -42,11 +43,12 @@ sup{font-size:10px;font-weight:normal;-webkit-text-size-adjust:none;}
#search:focus{background-color:#FDFDFD;width:196px;} #search:focus{background-color:#FDFDFD;width:196px;}
.banner{margin-bottom:20px;} .banner{margin-bottom:20px;}
.banner .notice{float:left;margin:20px 0 0 50px;} .banner .notice{float:left;margin:20px 0 0 50px;}
.nav{background-color:#FFF;box-shadow:0 2px 2px #D5D5D5, 0 3px 3px -3px #D5D5D5 inset;height:29px;} .nav{background-color:#2C2C2C;box-shadow:0 2px 2px #D5D5D5, 0 3px 3px -3px #D5D5D5 inset;height:29px;}
.nav ul{list-style:none;float:left;} .nav ul{list-style:none;float:left;}
.nav li{float:left;} .nav li{float:left;}
.nav a{display:block;float:left;font-size:14px;line-height:29px;margin-right:30px;text-shadow:0 0 1px #D5D5D5;} .nav a{display:block;color:#C9C9C9;float:left;font-size:14px;line-height:29px;margin-right:30px;text-shadow:0 0 1px #D5D5D5;text-decoration:none;transition:all .2s ease-out;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;}
.nav a.current{color:#00b4d2;font-weight:700;text-shadow:0 0 3px #D5D5D5;} .nav a:hover{transform:scale(1.2) rotate(360deg);-webkit-transform:scale(1.1) rotate(360deg);-moz-transform:rotate(360deg);}
.nav a.current{color:#FFF;font-weight:700;text-shadow:0 0 3px #D5D5D5;}
.nav img{margin-left:3px;} .nav img{margin-left:3px;}
.footer{background-color:#FDFDFD;border-top:2px solid #D5D5D5;font-size:11px;padding:12px 0;-webkit-text-size-adjust:none;} .footer{background-color:#FDFDFD;border-top:2px solid #D5D5D5;font-size:11px;padding:12px 0;-webkit-text-size-adjust:none;}
#goTop{background:url(/skins/ease/images/icons.png) no-repeat scroll 5px -51px #D5D5D5;border-radius:2px 2px 0 0;cursor:pointer;font-size:11px;height:21px;line-height:21px;padding:0 10px 0 23px;position:absolute;right:50px;display:none;} #goTop{background:url(/skins/ease/images/icons.png) no-repeat scroll 5px -51px #D5D5D5;border-radius:2px 2px 0 0;cursor:pointer;font-size:11px;height:21px;line-height:21px;padding:0 10px 0 23px;position:absolute;right:50px;display:none;}
......
...@@ -19,27 +19,27 @@ ...@@ -19,27 +19,27 @@
<div class="wrapper"> <div class="wrapper">
<ul> <ul>
<li> <li>
<a rel="nofollow" class="ft-gray" href="${servePath}/">${indexLabel}</a> <a rel="nofollow" href="${servePath}/">${indexLabel}</a>
</li> </li>
<#list pageNavigations as page> <#list pageNavigations as page>
<li> <li>
<a class="ft-gray" href="${page.pagePermalink}" target="${page.pageOpenTarget}">${page.pageTitle}</a> <a href="${page.pagePermalink}" target="${page.pageOpenTarget}">${page.pageTitle}</a>
</li> </li>
</#list> </#list>
<li> <li>
<a class="ft-gray" href="${servePath}/dynamic.html">${dynamicLabel}</a> <a href="${servePath}/dynamic.html">${dynamicLabel}</a>
</li> </li>
<li> <li>
<a class="ft-gray" href="${servePath}/tags.html">${allTagsLabel}</a> <a href="${servePath}/tags.html">${allTagsLabel}</a>
</li> </li>
<li> <li>
<a class="ft-gray" href="${servePath}/archives.html">${archiveLabel}</a> <a href="${servePath}/archives.html">${archiveLabel}</a>
</li> </li>
<li> <li>
<a class="ft-gray" href="${servePath}/links.html">${linkLabel}</a> <a href="${servePath}/links.html">${linkLabel}</a>
</li> </li>
<li> <li>
<a rel="alternate" class="ft-gray" href="${servePath}/blog-articles-feed.do">Atom<img src="${staticServePath}/images/feed.png" alt="Atom"/></a> <a rel="alternate" href="${servePath}/blog-articles-feed.do">Atom<img src="${staticServePath}/images/feed.png" alt="Atom"/></a>
</li> </li>
</ul> </ul>
<form target="_blank" method="get" action="http://www.google.com/search"> <form target="_blank" method="get" action="http://www.google.com/search">
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment