提交 738b6476 编写于 作者: C Catouse

* change style of document page header.

上级 198ff2d7
...@@ -1734,7 +1734,8 @@ body.query-enabled[data-query='icons'] #grid .card.open.section-preview-show .se ...@@ -1734,7 +1734,8 @@ body.query-enabled[data-query='icons'] #grid .card.open.section-preview-show .se
position: relative; position: relative;
height: 60px; height: 60px;
padding: 0; padding: 0;
background-color: #fafafa; background-color: #f1f1f1;
border-bottom: 1px solid #e5e5e5;
} }
#pageHeader > .container { #pageHeader > .container {
position: relative; position: relative;
...@@ -2160,6 +2161,10 @@ body.page-show #page { ...@@ -2160,6 +2161,10 @@ body.page-show #page {
display: block; display: block;
filter: alpha(opacity=0); filter: alpha(opacity=0);
opacity: 0; opacity: 0;
-webkit-transform: scale(.8);
-ms-transform: scale(.8);
-o-transform: scale(.8);
transform: scale(.8);
} }
body.page-show #grid, body.page-show #grid,
body.page-show #page { body.page-show #page {
...@@ -2184,23 +2189,6 @@ body.page-show.page-show-in #grid { ...@@ -2184,23 +2189,6 @@ body.page-show.page-show-in #grid {
-o-transform: scale(.8); -o-transform: scale(.8);
transform: scale(.8); transform: scale(.8);
} }
body.page-show[data-page-accent="blue"] .path-zui-36:before,
body.page-show[data-page-accent="blue"] .path-zui-36:after {
border-color: #03b8cf;
}
body.page-show[data-page-accent="blue"] .path-zui-36 .path-1,
body.page-show[data-page-accent="blue"] .path-zui-36 .path-2,
body.page-show[data-page-accent="blue"] .path-zui-36 .path-1:before,
body.page-show[data-page-accent="blue"] .path-zui-36 .path-1:after,
body.page-show[data-page-accent="blue"] .path-zui-36 .path-2:before {
background-color: #03b8cf;
}
body.page-show[data-page-accent="blue"] #header {
background-color: #03b8cf;
}
body.page-show[data-page-accent="blue"] #pageHeader {
background-color: #ddf3f5;
}
body.page-show[data-page-accent="blue"] #pageHeader > .wrapper > .icon { body.page-show[data-page-accent="blue"] #pageHeader > .wrapper > .icon {
color: #fff; color: #fff;
background-color: #03b8cf; background-color: #03b8cf;
...@@ -2227,23 +2215,6 @@ body.page-show[data-page-accent="blue"] #pageTogger:hover:before, ...@@ -2227,23 +2215,6 @@ body.page-show[data-page-accent="blue"] #pageTogger:hover:before,
body.page-show[data-page-accent="blue"] #pageTogger:hover:after { body.page-show[data-page-accent="blue"] #pageTogger:hover:after {
background-color: #03b8cf; background-color: #03b8cf;
} }
body.page-show[data-page-accent="primary"] .path-zui-36:before,
body.page-show[data-page-accent="primary"] .path-zui-36:after {
border-color: #3280fc;
}
body.page-show[data-page-accent="primary"] .path-zui-36 .path-1,
body.page-show[data-page-accent="primary"] .path-zui-36 .path-2,
body.page-show[data-page-accent="primary"] .path-zui-36 .path-1:before,
body.page-show[data-page-accent="primary"] .path-zui-36 .path-1:after,
body.page-show[data-page-accent="primary"] .path-zui-36 .path-2:before {
background-color: #3280fc;
}
body.page-show[data-page-accent="primary"] #header {
background-color: #3280fc;
}
body.page-show[data-page-accent="primary"] #pageHeader {
background-color: #ebf2f9;
}
body.page-show[data-page-accent="primary"] #pageHeader > .wrapper > .icon { body.page-show[data-page-accent="primary"] #pageHeader > .wrapper > .icon {
color: #fff; color: #fff;
background-color: #3280fc; background-color: #3280fc;
...@@ -2270,23 +2241,6 @@ body.page-show[data-page-accent="primary"] #pageTogger:hover:before, ...@@ -2270,23 +2241,6 @@ body.page-show[data-page-accent="primary"] #pageTogger:hover:before,
body.page-show[data-page-accent="primary"] #pageTogger:hover:after { body.page-show[data-page-accent="primary"] #pageTogger:hover:after {
background-color: #3280fc; background-color: #3280fc;
} }
body.page-show[data-page-accent="yellow"] .path-zui-36:before,
body.page-show[data-page-accent="yellow"] .path-zui-36:after {
border-color: #f1a325;
}
body.page-show[data-page-accent="yellow"] .path-zui-36 .path-1,
body.page-show[data-page-accent="yellow"] .path-zui-36 .path-2,
body.page-show[data-page-accent="yellow"] .path-zui-36 .path-1:before,
body.page-show[data-page-accent="yellow"] .path-zui-36 .path-1:after,
body.page-show[data-page-accent="yellow"] .path-zui-36 .path-2:before {
background-color: #f1a325;
}
body.page-show[data-page-accent="yellow"] #header {
background-color: #f1a325;
}
body.page-show[data-page-accent="yellow"] #pageHeader {
background-color: #fff0d5;
}
body.page-show[data-page-accent="yellow"] #pageHeader > .wrapper > .icon { body.page-show[data-page-accent="yellow"] #pageHeader > .wrapper > .icon {
color: #fff; color: #fff;
background-color: #f1a325; background-color: #f1a325;
...@@ -2313,23 +2267,6 @@ body.page-show[data-page-accent="yellow"] #pageTogger:hover:before, ...@@ -2313,23 +2267,6 @@ body.page-show[data-page-accent="yellow"] #pageTogger:hover:before,
body.page-show[data-page-accent="yellow"] #pageTogger:hover:after { body.page-show[data-page-accent="yellow"] #pageTogger:hover:after {
background-color: #f1a325; background-color: #f1a325;
} }
body.page-show[data-page-accent="green"] .path-zui-36:before,
body.page-show[data-page-accent="green"] .path-zui-36:after {
border-color: #38b03f;
}
body.page-show[data-page-accent="green"] .path-zui-36 .path-1,
body.page-show[data-page-accent="green"] .path-zui-36 .path-2,
body.page-show[data-page-accent="green"] .path-zui-36 .path-1:before,
body.page-show[data-page-accent="green"] .path-zui-36 .path-1:after,
body.page-show[data-page-accent="green"] .path-zui-36 .path-2:before {
background-color: #38b03f;
}
body.page-show[data-page-accent="green"] #header {
background-color: #38b03f;
}
body.page-show[data-page-accent="green"] #pageHeader {
background-color: #ddf4df;
}
body.page-show[data-page-accent="green"] #pageHeader > .wrapper > .icon { body.page-show[data-page-accent="green"] #pageHeader > .wrapper > .icon {
color: #fff; color: #fff;
background-color: #38b03f; background-color: #38b03f;
...@@ -2356,23 +2293,6 @@ body.page-show[data-page-accent="green"] #pageTogger:hover:before, ...@@ -2356,23 +2293,6 @@ body.page-show[data-page-accent="green"] #pageTogger:hover:before,
body.page-show[data-page-accent="green"] #pageTogger:hover:after { body.page-show[data-page-accent="green"] #pageTogger:hover:after {
background-color: #38b03f; background-color: #38b03f;
} }
body.page-show[data-page-accent="red"] .path-zui-36:before,
body.page-show[data-page-accent="red"] .path-zui-36:after {
border-color: #ea644a;
}
body.page-show[data-page-accent="red"] .path-zui-36 .path-1,
body.page-show[data-page-accent="red"] .path-zui-36 .path-2,
body.page-show[data-page-accent="red"] .path-zui-36 .path-1:before,
body.page-show[data-page-accent="red"] .path-zui-36 .path-1:after,
body.page-show[data-page-accent="red"] .path-zui-36 .path-2:before {
background-color: #ea644a;
}
body.page-show[data-page-accent="red"] #header {
background-color: #ea644a;
}
body.page-show[data-page-accent="red"] #pageHeader {
background-color: #ffe5e0;
}
body.page-show[data-page-accent="red"] #pageHeader > .wrapper > .icon { body.page-show[data-page-accent="red"] #pageHeader > .wrapper > .icon {
color: #fff; color: #fff;
background-color: #ea644a; background-color: #ea644a;
...@@ -2399,23 +2319,6 @@ body.page-show[data-page-accent="red"] #pageTogger:hover:before, ...@@ -2399,23 +2319,6 @@ body.page-show[data-page-accent="red"] #pageTogger:hover:before,
body.page-show[data-page-accent="red"] #pageTogger:hover:after { body.page-show[data-page-accent="red"] #pageTogger:hover:after {
background-color: #ea644a; background-color: #ea644a;
} }
body.page-show[data-page-accent="brown"] .path-zui-36:before,
body.page-show[data-page-accent="brown"] .path-zui-36:after {
border-color: #bd7b46;
}
body.page-show[data-page-accent="brown"] .path-zui-36 .path-1,
body.page-show[data-page-accent="brown"] .path-zui-36 .path-2,
body.page-show[data-page-accent="brown"] .path-zui-36 .path-1:before,
body.page-show[data-page-accent="brown"] .path-zui-36 .path-1:after,
body.page-show[data-page-accent="brown"] .path-zui-36 .path-2:before {
background-color: #bd7b46;
}
body.page-show[data-page-accent="brown"] #header {
background-color: #bd7b46;
}
body.page-show[data-page-accent="brown"] #pageHeader {
background-color: #f7ebe1;
}
body.page-show[data-page-accent="brown"] #pageHeader > .wrapper > .icon { body.page-show[data-page-accent="brown"] #pageHeader > .wrapper > .icon {
color: #fff; color: #fff;
background-color: #bd7b46; background-color: #bd7b46;
...@@ -2442,23 +2345,6 @@ body.page-show[data-page-accent="brown"] #pageTogger:hover:before, ...@@ -2442,23 +2345,6 @@ body.page-show[data-page-accent="brown"] #pageTogger:hover:before,
body.page-show[data-page-accent="brown"] #pageTogger:hover:after { body.page-show[data-page-accent="brown"] #pageTogger:hover:after {
background-color: #bd7b46; background-color: #bd7b46;
} }
body.page-show[data-page-accent="purple"] .path-zui-36:before,
body.page-show[data-page-accent="purple"] .path-zui-36:after {
border-color: #8666b8;
}
body.page-show[data-page-accent="purple"] .path-zui-36 .path-1,
body.page-show[data-page-accent="purple"] .path-zui-36 .path-2,
body.page-show[data-page-accent="purple"] .path-zui-36 .path-1:before,
body.page-show[data-page-accent="purple"] .path-zui-36 .path-1:after,
body.page-show[data-page-accent="purple"] .path-zui-36 .path-2:before {
background-color: #8666b8;
}
body.page-show[data-page-accent="purple"] #header {
background-color: #8666b8;
}
body.page-show[data-page-accent="purple"] #pageHeader {
background-color: #f5eeff;
}
body.page-show[data-page-accent="purple"] #pageHeader > .wrapper > .icon { body.page-show[data-page-accent="purple"] #pageHeader > .wrapper > .icon {
color: #fff; color: #fff;
background-color: #8666b8; background-color: #8666b8;
......
此差异已折叠。
此差异已折叠。
...@@ -122,22 +122,22 @@ ...@@ -122,22 +122,22 @@
} }
.page-accent(@color; @pale) { .page-accent(@color; @pale) {
.path-zui-36 { // .path-zui-36 {
&:before, &:after { // &:before, &:after {
border-color: @color; // border-color: @color;
} // }
.path-1, .path-2, .path-1:before, .path-1:after, .path-2:before { // .path-1, .path-2, .path-1:before, .path-1:after, .path-2:before {
background-color: @color; // background-color: @color;
} // }
} // }
#header { // #header {
background-color: @color; // background-color: @color;
} // }
#pageHeader { #pageHeader {
background-color: @pale; // background-color: @pale;
> .wrapper > .icon { > .wrapper > .icon {
background-color: @color; background-color: @color;
...@@ -1327,7 +1327,8 @@ body.query-enabled { ...@@ -1327,7 +1327,8 @@ body.query-enabled {
.loader {.transition(none);} .loader {.transition(none);}
} }
#pageHeader { #pageHeader {
background-color: #fafafa; background-color: @color-gray-pale;
border-bottom: 1px solid @color-gray-lighter;
position: relative; position: relative;
padding: 0; padding: 0;
height: 60px; height: 60px;
...@@ -1782,6 +1783,7 @@ body.page-show { ...@@ -1782,6 +1783,7 @@ body.page-show {
#page { #page {
.opacity(0); .opacity(0);
.scale(.8);
display: block; display: block;
} }
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册