This commit is contained in:
iborvs
2017-06-08 22:18:40 +08:00
6 changed files with 516 additions and 259 deletions
+14 -9
View File
@@ -8,6 +8,7 @@ hr {
left: 0;
height: 160px;
width: 100%;
z-index: -10;
overflow: hidden;
}
@@ -17,9 +18,12 @@ hr {
background-position: center 0;
position: absolute;
top: -10px;
left: -10px;
width: 120%;
left: -20px;
padding:0 20px;
height: 160px;
width: 100%;
z-index: -10;
box-sizing: content-box;
}
.top-bar {
@@ -56,7 +60,6 @@ hr {
.top-bar-right {
height: 54px;
position: relative;
z-index: 10000;
}
.top-bar-back {
@@ -74,7 +77,6 @@ hr {
left: 0;
width: 100%;
height: 100%;
z-index: 100;
background-color: rgba(255, 255, 255, 0.4);
}
@@ -85,14 +87,14 @@ hr {
background-repeat: no-repeat;
height: 74px;
top: -10px;
left: -10px;
width: 120%;
padding: 0 20px;
left: -20px;
padding:0 20px;
width: 100%;
margin: 0;
-webki-filter: blur(5px);
-ms-filter: blur(5px);
filter: blur(5px);
z-index: 50;
box-sizing: content-box;
}
#top-bar-quick-access {
@@ -138,7 +140,6 @@ hr {
.page-content {
position: relative;
z-index: 50;
margin-top: 60px;
}
@@ -172,4 +173,8 @@ table.card-table th, table.card-table td {
.card-table.card-section {
padding: 0;
}
footer {
text-align: center;
}
+33 -15
View File
@@ -1,7 +1,7 @@
@charset "UTF-8";
/**
* Foundation for Sites by ZURB
* Version 6.3.0
* Version 6.3.1
* foundation.zurb.com
* Licensed under MIT Open Source
*/
@@ -458,6 +458,7 @@ textarea {
border-radius: 0; }
select {
box-sizing: border-box;
width: 100%;
border-radius: 0; }
@@ -481,6 +482,9 @@ button {
[data-whatinput='mouse'] button {
outline: 0; }
pre {
overflow: auto; }
.is-visible {
display: block !important; }
@@ -518,6 +522,8 @@ button {
.row.expanded .row {
margin-right: auto;
margin-left: auto; }
.row:not(.expanded) .row {
max-width: none; }
.row.gutter-small > .column, .row.gutter-small > .columns {
padding-right: 0.625rem;
padding-left: 0.625rem; }
@@ -1665,37 +1671,37 @@ kbd {
.button.disabled, .button[disabled] {
opacity: 0.25;
cursor: not-allowed; }
.button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
.button.disabled, .button.disabled:hover, .button.disabled:focus, .button[disabled], .button[disabled]:hover, .button[disabled]:focus {
background-color: #1779ba;
color: #fefefe; }
.button.disabled.primary, .button[disabled].primary {
opacity: 0.25;
cursor: not-allowed; }
.button.disabled.primary:hover, .button.disabled.primary:focus, .button[disabled].primary:hover, .button[disabled].primary:focus {
.button.disabled.primary, .button.disabled.primary:hover, .button.disabled.primary:focus, .button[disabled].primary, .button[disabled].primary:hover, .button[disabled].primary:focus {
background-color: #1779ba;
color: #fefefe; }
.button.disabled.secondary, .button[disabled].secondary {
opacity: 0.25;
cursor: not-allowed; }
.button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
.button.disabled.secondary, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
background-color: #767676;
color: #fefefe; }
.button.disabled.success, .button[disabled].success {
opacity: 0.25;
cursor: not-allowed; }
.button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
.button.disabled.success, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success, .button[disabled].success:hover, .button[disabled].success:focus {
background-color: #3adb76;
color: #fefefe; }
color: #0a0a0a; }
.button.disabled.warning, .button[disabled].warning {
opacity: 0.25;
cursor: not-allowed; }
.button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning:hover, .button[disabled].warning:focus {
.button.disabled.warning, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning, .button[disabled].warning:hover, .button[disabled].warning:focus {
background-color: #ffae00;
color: #fefefe; }
color: #0a0a0a; }
.button.disabled.alert, .button[disabled].alert {
opacity: 0.25;
cursor: not-allowed; }
.button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
.button.disabled.alert, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert, .button[disabled].alert:hover, .button[disabled].alert:focus {
background-color: #cc4b37;
color: #fefefe; }
.button.dropdown::after {
@@ -1991,7 +1997,7 @@ select {
margin-top: -0.5rem;
content: '+'; }
.is-active > .accordion-title::before {
content: '–'; }
content: '\2013'; }
.accordion-content {
display: none;
@@ -2104,6 +2110,8 @@ select {
margin-right: -1px; }
.button-group.expanded::before, .button-group.expanded::after {
display: none; }
.button-group.expanded .button:first-child:last-child {
width: 100%; }
.button-group.expanded .button:first-child:nth-last-child(2), .button-group.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .button {
display: inline-block;
width: calc(50% - 1px);
@@ -2326,10 +2334,16 @@ select {
display: block; } }
.menu.simple li {
display: inline-block;
margin-right: 1rem;
vertical-align: top;
line-height: 1; }
.menu.simple a {
padding: 0; }
.menu.simple li {
margin-left: 0;
margin-right: 1rem; }
.menu.simple.align-right li {
margin-right: 0;
margin-left: 1rem; }
.menu.align-right::before, .menu.align-right::after {
display: table;
content: ' '; }
@@ -2369,7 +2383,8 @@ select {
.menu-centered {
text-align: center; }
.menu-centered > .menu {
display: inline-block; }
display: inline-block;
vertical-align: top; }
.no-js [data-responsive-menu] ul {
display: none; }
@@ -2731,7 +2746,8 @@ select {
.is-dropdown-submenu.js-dropdown-active {
display: block; }
.responsive-embed, .flex-video {
.responsive-embed,
.flex-video {
position: relative;
height: 0;
margin-bottom: 1rem;
@@ -2740,7 +2756,8 @@ select {
.responsive-embed iframe,
.responsive-embed object,
.responsive-embed embed,
.responsive-embed video, .flex-video iframe,
.responsive-embed video,
.flex-video iframe,
.flex-video object,
.flex-video embed,
.flex-video video {
@@ -2749,7 +2766,8 @@ select {
left: 0;
width: 100%;
height: 100%; }
.responsive-embed.widescreen, .flex-video.widescreen {
.responsive-embed.widescreen,
.flex-video.widescreen {
padding-bottom: 56.25%; }
.label {
+1 -1
View File
File diff suppressed because one or more lines are too long
+460 -230
View File
File diff suppressed because it is too large Load Diff
+4 -4
View File
File diff suppressed because one or more lines are too long
+4
View File
@@ -0,0 +1,4 @@
<footer>
<div><a href="/">虽然你可能不信,但这是你梦寐以求的footer(的预览版)。</a>目前看来十分喜欢GitHub的footer的无底色设计,甚至可以不用考虑很多美观问题</div>
<div><span><a href="/">联系我们</a></span> <span><a href="/">客服申诉</a></span> <span><a href="/">GitHub</a></span>
</footer>