Skip to content

S
solo
Commit bd44f5d3 authored by Vanessa's avatar Vanessa
Browse files
Options

change ease nav style

parent c99224b5
Hide whitespace changes
Inline Side-by-side
Showing with 43 additions and 44 deletions
war/src/main/webapp/skins/ease/css/ease.css
View file @ bd44f5d3
...@@ -17,7 +17,7 @@ ...@@ -17,7 +17,7 @@
* 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.2, Jun 18, 2012 * @version 1.0.1.3, Jun 27, 2012
*/ */
/* start base */ /* start base */
html, body, div, ul, li { html, body, div, ul, li {
...@@ -189,7 +189,7 @@ sup { ...@@ -189,7 +189,7 @@ sup {
.translate-ico:hover { .translate-ico:hover {
border-color: #9a9a9a; border-color: #9a9a9a;
box-shadow: 0 0 1px #808080; box-shadow: 0 0 1px #808080;
background-color: #FDFDFD; background-color: #FCFCFC;
} }
/* end ico */ /* end ico */
...@@ -207,7 +207,7 @@ sup { ...@@ -207,7 +207,7 @@ sup {
/* start header */ /* start header */
.header { .header {
width: 100%; width: 100%;
background-color: #FDFDFD; background-color: #FCFCFC;
z-index: 1; z-index: 1;
} }
...@@ -241,7 +241,7 @@ sup { ...@@ -241,7 +241,7 @@ sup {
} }
#search:focus { #search:focus {
background-color: #FDFDFD; background-color: #FCFCFC;
width: 196px; width: 196px;
} }
...@@ -272,29 +272,28 @@ sup { ...@@ -272,29 +272,28 @@ sup {
} }
.nav a { .nav a {
display: block;
color: #C9C9C9; color: #C9C9C9;
display: block;
float: left; float: left;
font-size: 14px; font-size: 14px;
font-weight: 700;
line-height: 29px; line-height: 29px;
margin-right: 30px; margin-right: 20px;
text-shadow: 0 0 1px #D5D5D5; padding: 0 10px;
text-decoration: none; text-decoration: none;
transition: all .2s ease-out; transition: color .4s ease, background-color .8s ease;
-webkit-transition: all .2s ease-out; -webkit-transition: color .4s ease, background-color .8s ease;
-moz-transition: all .2s ease-out; -moz-transition: color .4s ease, background-color .8s ease;
} }
.nav a:hover { .nav a:hover {
transform: scale(1.2) rotate(360deg); color: #FFF;
-webkit-transform: scale(1.1) rotate(360deg); background-color: #535353;
-moz-transform: rotate(360deg);
} }
.nav a.current { .nav a.current {
color: #FFF; background-color: #FFF;
font-weight: 700; box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.1) inset, 0 1px 1px rgba(0, 0, 0, 0.1) inset;
text-shadow: 0px 0px 3px #D5D5D5; color: #808080;
} }
.nav img { .nav img {
...@@ -304,7 +303,7 @@ sup { ...@@ -304,7 +303,7 @@ sup {
/* start footer */ /* start footer */
.footer { .footer {
background-color: #FDFDFD; background-color: #FCFCFC;
border-top: 2px solid #D5D5D5; border-top: 2px solid #D5D5D5;
font-size: 11px; font-size: 11px;
padding: 12px 0; padding: 12px 0;
...@@ -342,7 +341,7 @@ sup { ...@@ -342,7 +341,7 @@ sup {
.article:hover { .article:hover {
border-bottom-color: #D5D5D5; border-bottom-color: #D5D5D5;
box-shadow: 0 0 1px #f6f6f6 inset; box-shadow: 0 0 1px #f6f6f6 inset;
background-color: #FDFDFD; background-color: #FCFCFC;
} }
.article-body { .article-body {
...@@ -381,7 +380,7 @@ sup { ...@@ -381,7 +380,7 @@ sup {
} }
.article-next { .article-next {
background-color: #FDFDFD; background-color: #FCFCFC;
box-shadow: 0 0 3px #D5D5D5 inset; box-shadow: 0 0 3px #D5D5D5 inset;
cursor: pointer; cursor: pointer;
font-size: 14px; font-size: 14px;
...@@ -396,7 +395,7 @@ sup { ...@@ -396,7 +395,7 @@ sup {
/* start article */ /* start article */
.article-relative { .article-relative {
background-color: #FDFDFD; background-color: #FCFCFC;
box-shadow: 0 0 2px #D5D5D5; box-shadow: 0 0 2px #D5D5D5;
float: left; float: left;
margin: 20px 0; margin: 20px 0;
...@@ -448,7 +447,7 @@ sup { ...@@ -448,7 +447,7 @@ sup {
} }
.comment-body-ref { .comment-body-ref {
background-color: #FDFDFD; background-color: #FCFCFC;
box-shadow: 0 0 2px #D5D5D5; box-shadow: 0 0 2px #D5D5D5;
display: block; display: block;
left: 140px; left: 140px;
...@@ -485,7 +484,7 @@ sup { ...@@ -485,7 +484,7 @@ sup {
.form input[type="text"], .form input[type="text"],
.form input[type="password"], .form input[type="password"],
.form textarea { .form textarea {
background-color: #FDFDFD; background-color: #FCFCFC;
border-width: 0; border-width: 0;
box-shadow: 0 0 2px #BCBCBC; box-shadow: 0 0 2px #BCBCBC;
font-family: Verdana,arial,\5fae\8f6f\96c5\9ed1; font-family: Verdana,arial,\5fae\8f6f\96c5\9ed1;
...@@ -526,7 +525,7 @@ sup { ...@@ -526,7 +525,7 @@ sup {
} }
.form img { .form img {
background-color: #FDFDFD; background-color: #FCFCFC;
box-shadow: 0 0 2px #D5D5D5; box-shadow: 0 0 2px #D5D5D5;
cursor: pointer; cursor: pointer;
height: 24px; height: 24px;
...@@ -543,7 +542,7 @@ sup { ...@@ -543,7 +542,7 @@ sup {
#tags a { #tags a {
margin: 3px 6px; margin: 3px 6px;
padding: 3px 12px; padding: 3px 12px;
background-color: #FDFDFD; background-color: #FCFCFC;
box-shadow: 0 0 2px #D5D5D5; box-shadow: 0 0 2px #D5D5D5;
float: left; float: left;
} }
...@@ -586,7 +585,7 @@ sup { ...@@ -586,7 +585,7 @@ sup {
} }
.archives > div { .archives > div {
background-color: #FDFDFD; background-color: #FCFCFC;
box-shadow: 0 0 2px #D5D5D5; box-shadow: 0 0 2px #D5D5D5;
padding-bottom: 20px; padding-bottom: 20px;
line-height: 20px; line-height: 20px;
...@@ -620,7 +619,7 @@ sup { ...@@ -620,7 +619,7 @@ sup {
} }
.dynamic .module { .dynamic .module {
background-color: #FDFDFD; background-color: #FCFCFC;
box-shadow: 0 0 2px #D5D5D5; box-shadow: 0 0 2px #D5D5D5;
float: left; float: left;
line-height: 20px; line-height: 20px;
......
war/src/main/webapp/skins/ease/css/ease.min.css
View file @ bd44f5d3
...@@ -33,29 +33,29 @@ sup{font-size:10px;font-weight:normal;-webkit-text-size-adjust:none;} ...@@ -33,29 +33,29 @@ sup{font-size:10px;font-weight:normal;-webkit-text-size-adjust:none;}
.em14{background-position:-96px -48px;} .em14{background-position:-96px -48px;}
#search,.translate-ico{background-image:url(/skins/ease/images/icons.png);} #search,.translate-ico{background-image:url(/skins/ease/images/icons.png);}
.translate-ico{background-position:1px -125px;background-repeat:no-repeat;border:1px solid #D5D5D5;border-radius:3px;cursor:pointer;float:right;height:16px;margin:-3px 0 0 15px;padding:1px;width:16px;} .translate-ico{background-position:1px -125px;background-repeat:no-repeat;border:1px solid #D5D5D5;border-radius:3px;cursor:pointer;float:right;height:16px;margin:-3px 0 0 15px;padding:1px;width:16px;}
.translate-ico:hover{border-color:#9a9a9a;box-shadow:0 0 1px #808080;background-color:#FDFDFD;} .translate-ico:hover{border-color:#9a9a9a;box-shadow:0 0 1px #808080;background-color:#FCFCFC;}
.wrapper{margin:0 50px;} .wrapper{margin:0 50px;}
.body{margin:0 auto 50px;width:990px;} .body{margin:0 auto 50px;width:990px;}
.header{width:100%;background-color:#FDFDFD;z-index:1;} .header{width:100%;background-color:#FCFCFC;z-index:1;}
.header .title{border-bottom:1px solid #808080;font-size:26px;font-weight:normal;} .header .title{border-bottom:1px solid #808080;font-size:26px;font-weight:normal;}
.header .sub-title{font-size:11px;} .header .sub-title{font-size:11px;}
#search{background-position:7px -99px;background-repeat:no-repeat;background-color:#FFF;border:1px solid #D5D5D5;border-radius:2px 2px 2px 2px;box-shadow:0 1px 1px rgba(0,0,0,0.1) inset;color:#808080;float:right;font-size:14px;height:19px;line-height:145%;padding:4px 10px 4px 28px;width:24px;-moz-transition:width .4s ease, background .4s ease;-webkit-transition:width .4s ease, background .4s ease;transition:width .4s ease, background .4s ease;} #search{background-position:7px -99px;background-repeat:no-repeat;background-color:#FFF;border:1px solid #D5D5D5;border-radius:2px 2px 2px 2px;box-shadow:0 1px 1px rgba(0,0,0,0.1) inset;color:#808080;float:right;font-size:14px;height:19px;line-height:145%;padding:4px 10px 4px 28px;width:24px;-moz-transition:width .4s ease, background .4s ease;-webkit-transition:width .4s ease, background .4s ease;transition:width .4s ease, background .4s ease;}
#search:focus{background-color:#FDFDFD;width:196px;} #search:focus{background-color:#FCFCFC;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:#2C2C2C;box-shadow:0 2px 2px #D5D5D5, 0 3px 3px -3px #D5D5D5 inset;height:29px;top:0;width:100%;} .nav{background-color:#2C2C2C;box-shadow:0 2px 2px #D5D5D5, 0 3px 3px -3px #D5D5D5 inset;height:29px;top:0;width:100%;}
.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;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{color:#C9C9C9;display:block;float:left;font-size:14px;font-weight:700;line-height:29px;margin-right:20px;padding:0 10px;text-decoration:none;transition:color .4s ease, background-color .8s ease;-webkit-transition:color .4s ease, background-color .8s ease;-moz-transition:color .4s ease, background-color .8s ease;}
.nav a:hover{transform:scale(1.2) rotate(360deg);-webkit-transform:scale(1.1) rotate(360deg);-moz-transform:rotate(360deg);} .nav a:hover{color:#FFF;background-color:#535353;}
.nav a.current{color:#FFF;font-weight:700;text-shadow:0 0 3px #D5D5D5;} .nav a.current{background-color:#FFF;box-shadow:0 -1px 1px rgba(0,0,0,0.1) inset, 0 1px 1px rgba(0,0,0,0.1) inset;color:#808080;}
.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:#FCFCFC;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;}
#goTop:hover{background-color:#D5D5D5;} #goTop:hover{background-color:#D5D5D5;}
.body > ul{list-style:none;} .body > ul{list-style:none;}
.article{border-bottom:1px solid #f6f6f6;padding:20px 70px;} .article{border-bottom:1px solid #f6f6f6;padding:20px 70px;}
.article:hover{border-bottom-color:#D5D5D5;box-shadow:0 0 1px #f6f6f6 inset;background-color:#FDFDFD;} .article:hover{border-bottom-color:#D5D5D5;box-shadow:0 0 1px #f6f6f6 inset;background-color:#FCFCFC;}
.article-body{line-height:145%;overflow:hidden;word-wrap:break-word;} .article-body{line-height:145%;overflow:hidden;word-wrap:break-word;}
.article-body ol,.article-body ul{margin-left:40px;} .article-body ol,.article-body ul{margin-left:40px;}
.article-body a{color:#808080;text-decoration:underline;} .article-body a{color:#808080;text-decoration:underline;}
...@@ -64,9 +64,9 @@ sup{font-size:10px;font-weight:normal;-webkit-text-size-adjust:none;} ...@@ -64,9 +64,9 @@ sup{font-size:10px;font-weight:normal;-webkit-text-size-adjust:none;}
.article-body>div{min-height:32px;} .article-body>div{min-height:32px;}
.article-title h2{display:inline;} .article-title h2{display:inline;}
.article-title span{cursor:pointer;} .article-title span{cursor:pointer;}
.article-next{background-color:#FDFDFD;box-shadow:0 0 3px #D5D5D5 inset;cursor:pointer;font-size:14px;line-height:36px;text-align:center;} .article-next{background-color:#FCFCFC;box-shadow:0 0 3px #D5D5D5 inset;cursor:pointer;font-size:14px;line-height:36px;text-align:center;}
.article-next:hover{box-shadow:0 0 3px #D5D5D5, 0 0 3px #D5D5D5 inset;} .article-next:hover{box-shadow:0 0 3px #D5D5D5, 0 0 3px #D5D5D5 inset;}
.article-relative{background-color:#FDFDFD;box-shadow:0 0 2px #D5D5D5;float:left;margin:20px 0;padding:0 20px 10px;width:365px;} .article-relative{background-color:#FCFCFC;box-shadow:0 0 2px #D5D5D5;float:left;margin:20px 0;padding:0 20px 10px;width:365px;}
.article-relative:hover{background-color:#fff;box-shadow:0 0 4px #D5D5D5;} .article-relative:hover{background-color:#fff;box-shadow:0 0 4px #D5D5D5;}
.article-relative ul{list-style:none;} .article-relative ul{list-style:none;}
#relevantArticles{margin-right:40px;} #relevantArticles{margin-right:40px;}
...@@ -74,19 +74,19 @@ sup{font-size:10px;font-weight:normal;-webkit-text-size-adjust:none;} ...@@ -74,19 +74,19 @@ sup{font-size:10px;font-weight:normal;-webkit-text-size-adjust:none;}
#comments{padding:20px 70px;position:relative;} #comments{padding:20px 70px;position:relative;}
.comment-header{float:left;background-color:#FFF;border:1px solid #DEDEDE;padding:2px;height:60px;width:60px;} .comment-header{float:left;background-color:#FFF;border:1px solid #DEDEDE;padding:2px;height:60px;width:60px;}
.comment-panel{float:left;line-height:16px;margin:0 10px 20px;min-height:64px;overflow:hidden;width:760px;} .comment-panel{float:left;line-height:16px;margin:0 10px 20px;min-height:64px;overflow:hidden;width:760px;}
.comment-body-ref{background-color:#FDFDFD;box-shadow:0 0 2px #D5D5D5;display:block;left:140px;padding:10px;opacity:0.9;filter:alpha(opacity=90);position:absolute;} .comment-body-ref{background-color:#FCFCFC;box-shadow:0 0 2px #D5D5D5;display:block;left:140px;padding:10px;opacity:0.9;filter:alpha(opacity=90);position:absolute;}
.comment-body-ref > .comment-header{border:0 none;float:right;height:48px;width:48px;padding:0;} .comment-body-ref > .comment-header{border:0 none;float:right;height:48px;width:48px;padding:0;}
.comment-body-ref > .comment-panel{margin:0 20px 0 0;min-height:48px;width:756px;} .comment-body-ref > .comment-panel{margin:0 20px 0 0;min-height:48px;width:756px;}
.form{padding:0 70px 20px;float:left;} .form{padding:0 70px 20px;float:left;}
.form th{text-align:right;white-space:nowrap;} .form th{text-align:right;white-space:nowrap;}
.form input[type=text],.form input[type=password],.form textarea{background-color:#FDFDFD;border-width:0;box-shadow:0 0 2px #BCBCBC;font-family:Verdana,arial,\5fae\8f6f\96c5\9ed1;font-size:12px;margin:0 5px 10px 0;outline:medium none;padding:0 3px;height:28px;line-height:28px;width:260px;} .form input[type=text],.form input[type=password],.form textarea{background-color:#FCFCFC;border-width:0;box-shadow:0 0 2px #BCBCBC;font-family:Verdana,arial,\5fae\8f6f\96c5\9ed1;font-size:12px;margin:0 5px 10px 0;outline:medium none;padding:0 3px;height:28px;line-height:28px;width:260px;}
.form input:focus,.form textarea:focus{box-shadow:0 0 4px #D5D5D5;} .form input:focus,.form textarea:focus{box-shadow:0 0 4px #D5D5D5;}
.form textarea{height:120px;overflow:auto;width:426px;line-height:16px;} .form textarea{height:120px;overflow:auto;width:426px;line-height:16px;}
.form button{background-color:#F6F6F6;border:0 none;box-shadow:0 0 2px #D5D5D5;height:28px;line-height:28px;padding:0 12px;color:#A7A7A7;} .form button{background-color:#F6F6F6;border:0 none;box-shadow:0 0 2px #D5D5D5;height:28px;line-height:28px;padding:0 12px;color:#A7A7A7;}
.form button:hover{box-shadow:0 0 4px #D5D5D5;text-shadow:0 0 2px;} .form button:hover{box-shadow:0 0 4px #D5D5D5;text-shadow:0 0 2px;}
.form img{background-color:#FDFDFD;box-shadow:0 0 2px #D5D5D5;cursor:pointer;height:24px;padding:1px;} .form img{background-color:#FCFCFC;box-shadow:0 0 2px #D5D5D5;cursor:pointer;height:24px;padding:1px;}
#tags li{float:left;height:38px;} #tags li{float:left;height:38px;}
#tags a{margin:3px 6px;padding:3px 12px;background-color:#FDFDFD;box-shadow:0 0 2px #D5D5D5;float:left;} #tags a{margin:3px 6px;padding:3px 12px;background-color:#FCFCFC;box-shadow:0 0 2px #D5D5D5;float:left;}
#tags a:hover{text-shadow:0 0 2px;text-decoration:none;box-shadow:0 0 4px #D5D5D5;} #tags a:hover{text-shadow:0 0 2px;text-decoration:none;box-shadow:0 0 4px #D5D5D5;}
.tags1,.tags1:visited{font-size:12px;color:#a7a7a7;} .tags1,.tags1:visited{font-size:12px;color:#a7a7a7;}
.tags2,.tags2:visited{font-size:14px;color:#808080;} .tags2,.tags2:visited{font-size:14px;color:#808080;}
...@@ -94,13 +94,13 @@ sup{font-size:10px;font-weight:normal;-webkit-text-size-adjust:none;} ...@@ -94,13 +94,13 @@ sup{font-size:10px;font-weight:normal;-webkit-text-size-adjust:none;}
.tags4,.tags4:visited{font-size:18px;color:#323232;} .tags4,.tags4:visited{font-size:18px;color:#323232;}
.tags5,.tags5:visited{font-size:20px;color:#0a0a0a;} .tags5,.tags5:visited{font-size:20px;color:#0a0a0a;}
.archives{position:relative;} .archives{position:relative;}
.archives > div{background-color:#FDFDFD;box-shadow:0 0 2px #D5D5D5;padding-bottom:20px;line-height:20px;margin:20px;width:276px;position:absolute;top:0;} .archives > div{background-color:#FCFCFC;box-shadow:0 0 2px #D5D5D5;padding-bottom:20px;line-height:20px;margin:20px;width:276px;position:absolute;top:0;}
.archives h3{text-align:center;} .archives h3{text-align:center;}
.archives > div:hover{box-shadow:0 0 4px #D5D5D5;} .archives > div:hover{box-shadow:0 0 4px #D5D5D5;}
.archives a{display:block;margin-left:80px;} .archives a{display:block;margin-left:80px;}
.dynamic ul{list-style:none;} .dynamic ul{list-style:none;}
.dynamic h3{text-align:center;} .dynamic h3{text-align:center;}
.dynamic .module{background-color:#FDFDFD;box-shadow:0 0 2px #D5D5D5;float:left;line-height:20px;margin:20px;padding:10px 20px 20px;width:393px;} .dynamic .module{background-color:#FCFCFC;box-shadow:0 0 2px #D5D5D5;float:left;line-height:20px;margin:20px;padding:10px 20px 20px;width:393px;}
.dynamic .module:hover{box-shadow:0 0 4px #D5D5D5;} .dynamic .module:hover{box-shadow:0 0 4px #D5D5D5;}
.dynamic .side-comments{width:600px;} .dynamic .side-comments{width:600px;}
.dynamic .side-comments .comment-panel{width:510px;} .dynamic .side-comments .comment-panel{width:510px;}
......
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