改善上传面板在全屏下的效果

This commit is contained in:
祁宁 2014-09-26 22:58:34 +08:00
parent 3e5a01637b
commit fbda6bc514
7 changed files with 329 additions and 103 deletions

View File

@ -4,27 +4,32 @@
* Version: 1.2.8
* Update: 2013.11.25
*/
/* line 23, ../scss/grid.scss */
.container, .row [class*="col-"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
/* line 31, ../scss/grid.scss */
.container {
margin-left: auto;
margin-right: auto;
padding-left: 10px;
padding-right: 10px; }
/* line 40, ../scss/grid.scss */
.row {
margin-right: -10px;
margin-left: -10px; }
/* line 46, ../scss/grid.scss */
.row [class*="col-"] {
float: left;
min-height: 1px;
padding-right: 10px;
padding-left: 10px; }
/* line 54, ../scss/grid.scss */
.row [class*="-push-"],
.row [class*="-pull-"] {
position: relative; }
@ -32,39 +37,51 @@
/*
* Mobile and up
*/
/* line 65, ../scss/grid.scss */
.col-mb-1 {
width: 8.33333%; }
/* line 65, ../scss/grid.scss */
.col-mb-2 {
width: 16.66667%; }
/* line 65, ../scss/grid.scss */
.col-mb-3 {
width: 25%; }
/* line 65, ../scss/grid.scss */
.col-mb-4 {
width: 33.33333%; }
/* line 65, ../scss/grid.scss */
.col-mb-5 {
width: 41.66667%; }
/* line 65, ../scss/grid.scss */
.col-mb-6 {
width: 50%; }
/* line 65, ../scss/grid.scss */
.col-mb-7 {
width: 58.33333%; }
/* line 65, ../scss/grid.scss */
.col-mb-8 {
width: 66.66667%; }
/* line 65, ../scss/grid.scss */
.col-mb-9 {
width: 75%; }
/* line 65, ../scss/grid.scss */
.col-mb-10 {
width: 83.33333%; }
/* line 65, ../scss/grid.scss */
.col-mb-11 {
width: 91.66667%; }
/* line 65, ../scss/grid.scss */
.col-mb-12 {
width: 100%; }
@ -72,498 +89,660 @@
* Tablet and up
*/
@media (min-width: 768px) {
/* line 76, ../scss/grid.scss */
.container {
max-width: 728px; }
/* line 82, ../scss/grid.scss */
.col-tb-1 {
width: 8.33333%; }
/* line 82, ../scss/grid.scss */
.col-tb-2 {
width: 16.66667%; }
/* line 82, ../scss/grid.scss */
.col-tb-3 {
width: 25%; }
/* line 82, ../scss/grid.scss */
.col-tb-4 {
width: 33.33333%; }
/* line 82, ../scss/grid.scss */
.col-tb-5 {
width: 41.66667%; }
/* line 82, ../scss/grid.scss */
.col-tb-6 {
width: 50%; }
/* line 82, ../scss/grid.scss */
.col-tb-7 {
width: 58.33333%; }
/* line 82, ../scss/grid.scss */
.col-tb-8 {
width: 66.66667%; }
/* line 82, ../scss/grid.scss */
.col-tb-9 {
width: 75%; }
/* line 82, ../scss/grid.scss */
.col-tb-10 {
width: 83.33333%; }
/* line 82, ../scss/grid.scss */
.col-tb-11 {
width: 91.66667%; }
/* line 82, ../scss/grid.scss */
.col-tb-12 {
width: 100%; }
/* line 89, ../scss/grid.scss */
.col-tb-offset-0 {
margin-left: 0%; }
/* line 89, ../scss/grid.scss */
.col-tb-offset-1 {
margin-left: 8.33333%; }
/* line 89, ../scss/grid.scss */
.col-tb-offset-2 {
margin-left: 16.66667%; }
/* line 89, ../scss/grid.scss */
.col-tb-offset-3 {
margin-left: 25%; }
/* line 89, ../scss/grid.scss */
.col-tb-offset-4 {
margin-left: 33.33333%; }
/* line 89, ../scss/grid.scss */
.col-tb-offset-5 {
margin-left: 41.66667%; }
/* line 89, ../scss/grid.scss */
.col-tb-offset-6 {
margin-left: 50%; }
/* line 89, ../scss/grid.scss */
.col-tb-offset-7 {
margin-left: 58.33333%; }
/* line 89, ../scss/grid.scss */
.col-tb-offset-8 {
margin-left: 66.66667%; }
/* line 89, ../scss/grid.scss */
.col-tb-offset-9 {
margin-left: 75%; }
/* line 89, ../scss/grid.scss */
.col-tb-offset-10 {
margin-left: 83.33333%; }
/* line 89, ../scss/grid.scss */
.col-tb-offset-11 {
margin-left: 91.66667%; }
/* line 89, ../scss/grid.scss */
.col-tb-offset-12 {
margin-left: 100%; }
/* line 96, ../scss/grid.scss */
.col-tb-pull-0 {
right: 0%; }
/* line 96, ../scss/grid.scss */
.col-tb-pull-1 {
right: 8.33333%; }
/* line 96, ../scss/grid.scss */
.col-tb-pull-2 {
right: 16.66667%; }
/* line 96, ../scss/grid.scss */
.col-tb-pull-3 {
right: 25%; }
/* line 96, ../scss/grid.scss */
.col-tb-pull-4 {
right: 33.33333%; }
/* line 96, ../scss/grid.scss */
.col-tb-pull-5 {
right: 41.66667%; }
/* line 96, ../scss/grid.scss */
.col-tb-pull-6 {
right: 50%; }
/* line 96, ../scss/grid.scss */
.col-tb-pull-7 {
right: 58.33333%; }
/* line 96, ../scss/grid.scss */
.col-tb-pull-8 {
right: 66.66667%; }
/* line 96, ../scss/grid.scss */
.col-tb-pull-9 {
right: 75%; }
/* line 96, ../scss/grid.scss */
.col-tb-pull-10 {
right: 83.33333%; }
/* line 96, ../scss/grid.scss */
.col-tb-pull-11 {
right: 91.66667%; }
/* line 96, ../scss/grid.scss */
.col-tb-pull-12 {
right: 100%; }
/* line 103, ../scss/grid.scss */
.col-tb-push-0 {
left: 0%; }
/* line 103, ../scss/grid.scss */
.col-tb-push-1 {
left: 8.33333%; }
/* line 103, ../scss/grid.scss */
.col-tb-push-2 {
left: 16.66667%; }
/* line 103, ../scss/grid.scss */
.col-tb-push-3 {
left: 25%; }
/* line 103, ../scss/grid.scss */
.col-tb-push-4 {
left: 33.33333%; }
/* line 103, ../scss/grid.scss */
.col-tb-push-5 {
left: 41.66667%; }
/* line 103, ../scss/grid.scss */
.col-tb-push-6 {
left: 50%; }
/* line 103, ../scss/grid.scss */
.col-tb-push-7 {
left: 58.33333%; }
/* line 103, ../scss/grid.scss */
.col-tb-push-8 {
left: 66.66667%; }
/* line 103, ../scss/grid.scss */
.col-tb-push-9 {
left: 75%; }
/* line 103, ../scss/grid.scss */
.col-tb-push-10 {
left: 83.33333%; }
/* line 103, ../scss/grid.scss */
.col-tb-push-11 {
left: 91.66667%; }
/* line 103, ../scss/grid.scss */
.col-tb-push-12 {
left: 100%; } }
/*
* Desktop and up
*/
@media (min-width: 992px) {
/* line 115, ../scss/grid.scss */
.container {
max-width: 952px; }
/* line 121, ../scss/grid.scss */
.col-1 {
width: 8.33333%; }
/* line 121, ../scss/grid.scss */
.col-2 {
width: 16.66667%; }
/* line 121, ../scss/grid.scss */
.col-3 {
width: 25%; }
/* line 121, ../scss/grid.scss */
.col-4 {
width: 33.33333%; }
/* line 121, ../scss/grid.scss */
.col-5 {
width: 41.66667%; }
/* line 121, ../scss/grid.scss */
.col-6 {
width: 50%; }
/* line 121, ../scss/grid.scss */
.col-7 {
width: 58.33333%; }
/* line 121, ../scss/grid.scss */
.col-8 {
width: 66.66667%; }
/* line 121, ../scss/grid.scss */
.col-9 {
width: 75%; }
/* line 121, ../scss/grid.scss */
.col-10 {
width: 83.33333%; }
/* line 121, ../scss/grid.scss */
.col-11 {
width: 91.66667%; }
/* line 121, ../scss/grid.scss */
.col-12 {
width: 100%; }
/* line 128, ../scss/grid.scss */
.col-offset-0 {
margin-left: 0%; }
/* line 128, ../scss/grid.scss */
.col-offset-1 {
margin-left: 8.33333%; }
/* line 128, ../scss/grid.scss */
.col-offset-2 {
margin-left: 16.66667%; }
/* line 128, ../scss/grid.scss */
.col-offset-3 {
margin-left: 25%; }
/* line 128, ../scss/grid.scss */
.col-offset-4 {
margin-left: 33.33333%; }
/* line 128, ../scss/grid.scss */
.col-offset-5 {
margin-left: 41.66667%; }
/* line 128, ../scss/grid.scss */
.col-offset-6 {
margin-left: 50%; }
/* line 128, ../scss/grid.scss */
.col-offset-7 {
margin-left: 58.33333%; }
/* line 128, ../scss/grid.scss */
.col-offset-8 {
margin-left: 66.66667%; }
/* line 128, ../scss/grid.scss */
.col-offset-9 {
margin-left: 75%; }
/* line 128, ../scss/grid.scss */
.col-offset-10 {
margin-left: 83.33333%; }
/* line 128, ../scss/grid.scss */
.col-offset-11 {
margin-left: 91.66667%; }
/* line 128, ../scss/grid.scss */
.col-offset-12 {
margin-left: 100%; }
/* line 135, ../scss/grid.scss */
.col-pull-0 {
right: 0%; }
/* line 135, ../scss/grid.scss */
.col-pull-1 {
right: 8.33333%; }
/* line 135, ../scss/grid.scss */
.col-pull-2 {
right: 16.66667%; }
/* line 135, ../scss/grid.scss */
.col-pull-3 {
right: 25%; }
/* line 135, ../scss/grid.scss */
.col-pull-4 {
right: 33.33333%; }
/* line 135, ../scss/grid.scss */
.col-pull-5 {
right: 41.66667%; }
/* line 135, ../scss/grid.scss */
.col-pull-6 {
right: 50%; }
/* line 135, ../scss/grid.scss */
.col-pull-7 {
right: 58.33333%; }
/* line 135, ../scss/grid.scss */
.col-pull-8 {
right: 66.66667%; }
/* line 135, ../scss/grid.scss */
.col-pull-9 {
right: 75%; }
/* line 135, ../scss/grid.scss */
.col-pull-10 {
right: 83.33333%; }
/* line 135, ../scss/grid.scss */
.col-pull-11 {
right: 91.66667%; }
/* line 135, ../scss/grid.scss */
.col-pull-12 {
right: 100%; }
/* line 142, ../scss/grid.scss */
.col-push-0 {
left: 0%; }
/* line 142, ../scss/grid.scss */
.col-push-1 {
left: 8.33333%; }
/* line 142, ../scss/grid.scss */
.col-push-2 {
left: 16.66667%; }
/* line 142, ../scss/grid.scss */
.col-push-3 {
left: 25%; }
/* line 142, ../scss/grid.scss */
.col-push-4 {
left: 33.33333%; }
/* line 142, ../scss/grid.scss */
.col-push-5 {
left: 41.66667%; }
/* line 142, ../scss/grid.scss */
.col-push-6 {
left: 50%; }
/* line 142, ../scss/grid.scss */
.col-push-7 {
left: 58.33333%; }
/* line 142, ../scss/grid.scss */
.col-push-8 {
left: 66.66667%; }
/* line 142, ../scss/grid.scss */
.col-push-9 {
left: 75%; }
/* line 142, ../scss/grid.scss */
.col-push-10 {
left: 83.33333%; }
/* line 142, ../scss/grid.scss */
.col-push-11 {
left: 91.66667%; }
/* line 142, ../scss/grid.scss */
.col-push-12 {
left: 100%; } }
/*
* Widescreen and up
*/
@media (min-width: 1200px) {
/* line 154, ../scss/grid.scss */
.container {
max-width: 1160px; }
/* line 160, ../scss/grid.scss */
.col-wd-1 {
width: 8.33333%; }
/* line 160, ../scss/grid.scss */
.col-wd-2 {
width: 16.66667%; }
/* line 160, ../scss/grid.scss */
.col-wd-3 {
width: 25%; }
/* line 160, ../scss/grid.scss */
.col-wd-4 {
width: 33.33333%; }
/* line 160, ../scss/grid.scss */
.col-wd-5 {
width: 41.66667%; }
/* line 160, ../scss/grid.scss */
.col-wd-6 {
width: 50%; }
/* line 160, ../scss/grid.scss */
.col-wd-7 {
width: 58.33333%; }
/* line 160, ../scss/grid.scss */
.col-wd-8 {
width: 66.66667%; }
/* line 160, ../scss/grid.scss */
.col-wd-9 {
width: 75%; }
/* line 160, ../scss/grid.scss */
.col-wd-10 {
width: 83.33333%; }
/* line 160, ../scss/grid.scss */
.col-wd-11 {
width: 91.66667%; }
/* line 160, ../scss/grid.scss */
.col-wd-12 {
width: 100%; }
/* line 167, ../scss/grid.scss */
.col-wd-offset-0 {
margin-left: 0%; }
/* line 167, ../scss/grid.scss */
.col-wd-offset-1 {
margin-left: 8.33333%; }
/* line 167, ../scss/grid.scss */
.col-wd-offset-2 {
margin-left: 16.66667%; }
/* line 167, ../scss/grid.scss */
.col-wd-offset-3 {
margin-left: 25%; }
/* line 167, ../scss/grid.scss */
.col-wd-offset-4 {
margin-left: 33.33333%; }
/* line 167, ../scss/grid.scss */
.col-wd-offset-5 {
margin-left: 41.66667%; }
/* line 167, ../scss/grid.scss */
.col-wd-offset-6 {
margin-left: 50%; }
/* line 167, ../scss/grid.scss */
.col-wd-offset-7 {
margin-left: 58.33333%; }
/* line 167, ../scss/grid.scss */
.col-wd-offset-8 {
margin-left: 66.66667%; }
/* line 167, ../scss/grid.scss */
.col-wd-offset-9 {
margin-left: 75%; }
/* line 167, ../scss/grid.scss */
.col-wd-offset-10 {
margin-left: 83.33333%; }
/* line 167, ../scss/grid.scss */
.col-wd-offset-11 {
margin-left: 91.66667%; }
/* line 167, ../scss/grid.scss */
.col-wd-offset-12 {
margin-left: 100%; }
/* line 174, ../scss/grid.scss */
.col-wd-pull-0 {
right: 0%; }
/* line 174, ../scss/grid.scss */
.col-wd-pull-1 {
right: 8.33333%; }
/* line 174, ../scss/grid.scss */
.col-wd-pull-2 {
right: 16.66667%; }
/* line 174, ../scss/grid.scss */
.col-wd-pull-3 {
right: 25%; }
/* line 174, ../scss/grid.scss */
.col-wd-pull-4 {
right: 33.33333%; }
/* line 174, ../scss/grid.scss */
.col-wd-pull-5 {
right: 41.66667%; }
/* line 174, ../scss/grid.scss */
.col-wd-pull-6 {
right: 50%; }
/* line 174, ../scss/grid.scss */
.col-wd-pull-7 {
right: 58.33333%; }
/* line 174, ../scss/grid.scss */
.col-wd-pull-8 {
right: 66.66667%; }
/* line 174, ../scss/grid.scss */
.col-wd-pull-9 {
right: 75%; }
/* line 174, ../scss/grid.scss */
.col-wd-pull-10 {
right: 83.33333%; }
/* line 174, ../scss/grid.scss */
.col-wd-pull-11 {
right: 91.66667%; }
/* line 174, ../scss/grid.scss */
.col-wd-pull-12 {
right: 100%; }
/* line 181, ../scss/grid.scss */
.col-wd-push-0 {
left: 0%; }
/* line 181, ../scss/grid.scss */
.col-wd-push-1 {
left: 8.33333%; }
/* line 181, ../scss/grid.scss */
.col-wd-push-2 {
left: 16.66667%; }
/* line 181, ../scss/grid.scss */
.col-wd-push-3 {
left: 25%; }
/* line 181, ../scss/grid.scss */
.col-wd-push-4 {
left: 33.33333%; }
/* line 181, ../scss/grid.scss */
.col-wd-push-5 {
left: 41.66667%; }
/* line 181, ../scss/grid.scss */
.col-wd-push-6 {
left: 50%; }
/* line 181, ../scss/grid.scss */
.col-wd-push-7 {
left: 58.33333%; }
/* line 181, ../scss/grid.scss */
.col-wd-push-8 {
left: 66.66667%; }
/* line 181, ../scss/grid.scss */
.col-wd-push-9 {
left: 75%; }
/* line 181, ../scss/grid.scss */
.col-wd-push-10 {
left: 83.33333%; }
/* line 181, ../scss/grid.scss */
.col-wd-push-11 {
left: 91.66667%; }
/* line 181, ../scss/grid.scss */
.col-wd-push-12 {
left: 100%; } }
/*
* Responsive kit
*/
@media (max-width: 767px) {
/* line 194, ../scss/grid.scss */
.kit-hidden-mb {
display: none; } }
@media (max-width: 991px) {
/* line 201, ../scss/grid.scss */
.kit-hidden-tb {
display: none; } }
@media (max-width: 1199px) {
/* line 208, ../scss/grid.scss */
.kit-hidden {
display: none; } }
/*
* Clearfix
*/
/* line 217, ../scss/grid.scss */
.clearfix, .row {
zoom: 1; }
/* line 219, ../scss/grid.scss */
.clearfix:before, .row:before, .clearfix:after, .row:after {
content: " ";
display: table; }
/* line 223, ../scss/grid.scss */
.clearfix:after, .row:after {
clear: both; }

View File

@ -71,7 +71,7 @@ a.button:hover, a.balloon-button:hover {
/**
* Forms
*/
/* line 6, ../scss/_forms.scss */
/* line 5, ../scss/_forms.scss */
input[type=text], input[type=password], input[type=email],
textarea {
background: #FFF;
@ -151,12 +151,10 @@ select {
.btn, #ui-datepicker-div .ui-datepicker-current,
#ui-datepicker-div .ui-datepicker-close {
border: none;
background-color: #e9e9e6;
background-color: #E9E9E6;
cursor: pointer;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
display: inline-block;
padding: 0 12px;
@ -167,9 +165,9 @@ select {
/* line 15, ../scss/_buttons.scss */
.btn:hover, #ui-datepicker-div .ui-datepicker-current:hover,
#ui-datepicker-div .ui-datepicker-close:hover {
-webkit-transition-duration: 0.4s;
-moz-transition-duration: 0.4s;
-o-transition-duration: 0.4s;
-webkit-transition-duration: 0.4s;
transition-duration: 0.4s;
background-color: #dbdbd6; }
/* line 19, ../scss/_buttons.scss */
@ -207,19 +205,17 @@ select {
/* line 55, ../scss/_buttons.scss */
.primary {
border: none;
background-color: #467b96;
background-color: #467B96;
cursor: pointer;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
color: #FFF; }
/* line 15, ../scss/_buttons.scss */
.primary:hover {
-webkit-transition-duration: 0.4s;
-moz-transition-duration: 0.4s;
-o-transition-duration: 0.4s;
-webkit-transition-duration: 0.4s;
transition-duration: 0.4s;
background-color: #3c6a81; }
/* line 19, ../scss/_buttons.scss */
@ -237,19 +233,17 @@ select {
/* line 64, ../scss/_buttons.scss */
.btn-warn {
border: none;
background-color: #b94a48;
background-color: #B94A48;
cursor: pointer;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
color: #FFF; }
/* line 15, ../scss/_buttons.scss */
.btn-warn:hover {
-webkit-transition-duration: 0.4s;
-moz-transition-duration: 0.4s;
-o-transition-duration: 0.4s;
-webkit-transition-duration: 0.4s;
transition-duration: 0.4s;
background-color: #a4403f; }
/* line 19, ../scss/_buttons.scss */
@ -260,7 +254,7 @@ select {
background-color: #c1605e;
cursor: default; }
/* line 73, ../scss/_buttons.scss */
/* line 69, ../scss/_buttons.scss */
.btn-link,
.btn-link:hover,
.btn-link:focus,
@ -312,10 +306,8 @@ select {
/* line 6, ../scss/_messages.scss */
.message {
padding: 8px 10px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px; }
/* line 11, ../scss/_messages.scss */
@ -362,10 +354,8 @@ select {
text-align: center;
font-size: 12px;
color: #FFF;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-ms-border-radius: 20px;
-o-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px; }
/**
@ -392,10 +382,8 @@ select {
.typecho-pager a {
display: block;
padding: 0 10px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px; }
/* line 28, ../scss/_pagenavi.scss */
@ -420,7 +408,7 @@ select {
.typecho-head-nav a {
color: #BBB; }
/* line 13, ../scss/_header.scss */
/* line 12, ../scss/_header.scss */
.typecho-head-nav a:hover,
.typecho-head-nav a:focus {
color: #FFF;
@ -454,7 +442,7 @@ select {
line-height: 36px;
color: #BBB; }
/* line 48, ../scss/_header.scss */
/* line 46, ../scss/_header.scss */
#typecho-nav-list .parent a:hover,
#typecho-nav-list .focus .parent a,
#typecho-nav-list .root:hover .parent a {
@ -492,7 +480,7 @@ select {
height: 36px;
line-height: 36px; }
/* line 85, ../scss/_header.scss */
/* line 84, ../scss/_header.scss */
#typecho-nav-list .child li a:hover,
#typecho-nav-list .child li a:focus {
background: #292D33;
@ -835,8 +823,8 @@ select {
height: 26px;
line-height: 26px;
color: #666;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
/* line 387, ../scss/style.scss */
@ -850,24 +838,20 @@ select {
float: left; }
/* line 395, ../scss/style.scss */
.typecho-option-tabs li:first-child a {
-webkit-border-radius: 2px 0 0 2px;
-moz-border-radius: 2px 0 0 2px;
-ms-border-radius: 2px 0 0 2px;
-o-border-radius: 2px 0 0 2px;
-webkit-border-radius: 2px;
border-radius: 2px 0 0 2px; }
/* line 398, ../scss/style.scss */
.typecho-option-tabs li:last-child a {
-webkit-border-radius: 0 2px 2px 0;
-moz-border-radius: 0 2px 2px 0;
-ms-border-radius: 0 2px 2px 0;
-o-border-radius: 0 2px 2px 0;
-webkit-border-radius: 0;
border-radius: 0 2px 2px 0; }
/* line 403, ../scss/style.scss */
.typecho-option-tabs.right {
float: right; }
/* line 408, ../scss/style.scss */
/* line 407, ../scss/style.scss */
.typecho-option-tabs li.current a,
.typecho-option-tabs li.active a {
background-color: #E9E9E6; }
@ -882,7 +866,7 @@ select {
.typecho-list-operate {
margin: 1em 0; }
/* line 429, ../scss/style.scss */
/* line 427, ../scss/style.scss */
.typecho-list-operate input,
.typecho-list-operate button,
.typecho-list-operate select {
@ -900,7 +884,7 @@ select {
.typecho-list-operate .search {
float: right; }
/* line 446, ../scss/style.scss */
/* line 445, ../scss/style.scss */
.typecho-list-operate span.operate-delete, a.operate-delete,
.typecho-list-operate span.operate-button-delete, a.operate-button-delete {
color: #B94A48; }
@ -982,7 +966,7 @@ a.operate-reply {
/* line 521, ../scss/style.scss */
.typecho-list-table tr:hover td .hidden-by-mouse {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
opacity: 1; }
/**
@ -1004,7 +988,7 @@ a.operate-reply {
border-color: #F0F0EC #F0F0EC transparent transparent;
content: " "; }
/* line 546, ../scss/style.scss */
/* line 545, ../scss/style.scss */
.comment-meta span,
.comment-date {
font-size: .92857em;
@ -1255,7 +1239,7 @@ a.operate-reply {
.category-option li {
margin: 3px 0; }
/* line 807, ../scss/style.scss */
/* line 806, ../scss/style.scss */
.visibility-option ul,
.allow-option ul {
list-style: none;
@ -1349,7 +1333,7 @@ a.operate-reply {
max-height: 450px;
overflow: auto;
word-break: break-all; }
/* line 884, ../scss/style.scss */
/* line 883, ../scss/style.scss */
#file-list li,
#file-list .insert {
overflow: hidden;
@ -1413,7 +1397,7 @@ a.operate-reply {
display: inline-block;
vertical-align: text-bottom;
text-indent: -9999em;
background-image: url('../img/icons-sba2b1299ac.png');
background-image: url('../img/icons-s0c4f1c5ae6.png');
background-repeat: no-repeat; }
/* line 35, ../scss/_icons.scss */
.i-edit:hover, .i-delete:hover, .i-exlink:hover, .mime-office:hover, .mime-text:hover, .mime-image:hover, .mime-html:hover, .mime-archive:hover, .mime-application:hover, .mime-audio:hover, .mime-script:hover, .mime-video:hover, .mime-unknow:hover, .i-upload:hover, .i-upload-active:hover {
@ -1422,11 +1406,11 @@ a.operate-reply {
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
/* line 29, ../scss/_icons.scss */
.i-edit, .i-delete, .i-exlink, .mime-office, .mime-text, .mime-image, .mime-html, .mime-archive, .mime-application, .mime-audio, .mime-script, .mime-video, .mime-unknow, .i-upload, .i-upload-active {
-webkit-background-size: auto 256px;
-moz-background-size: auto 256px;
-o-background-size: auto 256px;
-webkit-background-size: auto 256px;
background-size: auto 256px;
background-image: url('../img/icons-2x-se223d6d340.png'); } }
background-image: url('../img/icons-2x-s481937020b.png'); } }
/* line 47, ../scss/_icons.scss */
.i-edit, .i-delete, .i-exlink, .mime-office, .mime-text, .mime-image, .mime-html, .mime-archive, .mime-application, .mime-audio, .mime-script, .mime-video, .mime-unknow {
@ -1440,31 +1424,31 @@ a.operate-reply {
/* line 59, ../scss/_icons.scss */
.i-edit {
background-position: 0 -80px; }
background-position: 0 -16px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
/* line 59, ../scss/_icons.scss */
.i-edit {
background-position: 0 -80px; } }
background-position: 0 -16px; } }
/* line 63, ../scss/_icons.scss */
.i-delete {
background-position: 0 -64px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
/* line 63, ../scss/_icons.scss */
.i-delete {
background-position: 0 -64px; } }
background-position: 0 0; }
/* line 71, ../scss/_icons.scss */
.i-upload {
background-position: 0 -24px; }
background-position: 0 -72px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
/* line 71, ../scss/_icons.scss */
.i-upload {
background-position: 0 -24px; } }
background-position: 0 -72px; } }
/* line 76, ../scss/_icons.scss */
.i-upload-active {
background-position: 0 0; }
background-position: 0 -48px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
/* line 76, ../scss/_icons.scss */
.i-upload-active {
background-position: 0 -48px; } }
/* line 82, ../scss/_icons.scss */
.i-caret-up, .i-caret-down, .i-caret-left, .i-caret-right {
@ -1490,20 +1474,20 @@ a.operate-reply {
/* line 101, ../scss/_icons.scss */
.i-exlink {
background-position: 0 -48px; }
background-position: 0 -32px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
/* line 101, ../scss/_icons.scss */
.i-exlink {
background-position: 0 -48px; } }
background-position: 0 -32px; } }
/* 文件类型图标 */
/* line 109, ../scss/_icons.scss */
.mime-office {
background-position: 0 -128px; }
background-position: 0 -176px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
/* line 109, ../scss/_icons.scss */
.mime-office {
background-position: 0 -112px; } }
background-position: 0 -176px; } }
/* line 114, ../scss/_icons.scss */
.mime-text {
@ -1515,11 +1499,11 @@ a.operate-reply {
/* line 119, ../scss/_icons.scss */
.mime-image {
background-position: 0 -96px; }
background-position: 0 -160px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
/* line 119, ../scss/_icons.scss */
.mime-image {
background-position: 0 -96px; } }
background-position: 0 -160px; } }
/* line 124, ../scss/_icons.scss */
.mime-html {
@ -1531,51 +1515,51 @@ a.operate-reply {
/* line 129, ../scss/_icons.scss */
.mime-archive {
background-position: 0 -224px; }
background-position: 0 -112px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
/* line 129, ../scss/_icons.scss */
.mime-archive {
background-position: 0 -224px; } }
background-position: 0 -112px; } }
/* line 134, ../scss/_icons.scss */
.mime-application {
background-position: 0 -160px; }
background-position: 0 -96px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
/* line 134, ../scss/_icons.scss */
.mime-application {
background-position: 0 -176px; } }
background-position: 0 -96px; } }
/* line 139, ../scss/_icons.scss */
.mime-audio {
background-position: 0 -240px; }
background-position: 0 -128px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
/* line 139, ../scss/_icons.scss */
.mime-audio {
background-position: 0 -240px; } }
background-position: 0 -128px; } }
/* line 144, ../scss/_icons.scss */
.mime-script {
background-position: 0 -176px; }
background-position: 0 -192px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
/* line 144, ../scss/_icons.scss */
.mime-script {
background-position: 0 -160px; } }
background-position: 0 -192px; } }
/* line 149, ../scss/_icons.scss */
.mime-video {
background-position: 0 -112px; }
background-position: 0 -240px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
/* line 149, ../scss/_icons.scss */
.mime-video {
background-position: 0 -128px; } }
background-position: 0 -240px; } }
/* line 154, ../scss/_icons.scss */
.mime-unknow {
background-position: 0 -192px; }
background-position: 0 -224px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
/* line 154, ../scss/_icons.scss */
.mime-unknow {
background-position: 0 -192px; } }
background-position: 0 -224px; } }
/* Logo 图标 */
/* line 161, ../scss/_icons.scss */
@ -1585,9 +1569,9 @@ a.operate-reply {
display: inline-block;
background: url("../img/typecho-logo.svg") no-repeat;
text-indent: -9999em;
-webkit-background-size: auto 40px;
-moz-background-size: auto 40px;
-o-background-size: auto 40px;
-webkit-background-size: auto 40px;
background-size: auto 40px;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=15);
opacity: 0.15; }
@ -1600,9 +1584,9 @@ a.operate-reply {
.i-logo-s {
width: 26px;
height: 26px;
-webkit-background-size: auto 26px;
-moz-background-size: auto 26px;
-o-background-size: auto 26px;
-webkit-background-size: auto 26px;
background-size: auto 26px; }
/*
@ -1626,10 +1610,8 @@ a.operate-reply {
padding: 3px;
cursor: pointer;
vertical-align: middle;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px; }
/* line 22, ../scss/components/_editor.scss */
.wmd-button-row li:hover {
@ -1654,9 +1636,9 @@ a.operate-reply {
/* line 46, ../scss/components/_editor.scss */
#wmd-button-row span {
background-image: url(../img/editor@2x.png);
-webkit-background-size: 320px auto;
-moz-background-size: 320px auto;
-o-background-size: 320px auto;
-webkit-background-size: 320px auto;
background-size: 320px auto; } }
/* line 53, ../scss/components/_editor.scss */
.wmd-edittab {
@ -1724,10 +1706,8 @@ a.operate-reply {
padding: 0 15px;
word-wrap: break-word;
overflow: auto;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px; }
/* line 114, ../scss/components/_editor.scss */
#wmd-preview img {
@ -1769,36 +1749,63 @@ a.operate-reply {
text-align: center;
content: "- more -"; }
/* 上传面板动画效果 */
@keyframes fullscreen-upload {
0% {
opacity: 0;
right: -280px; }
100% {
opacity: 1;
right: -1px; } }
@-moz-keyframes fullscreen-upload {
0% {
opacity: 0;
right: -280px; }
100% {
opacity: 1;
right: -1px; } }
@-webkit-keyframes fullscreen-upload {
0% {
opacity: 0;
right: -280px; }
100% {
opacity: 1;
right: -1px; } }
@-o-keyframes fullscreen-upload {
0% {
opacity: 0;
right: -280px; }
100% {
opacity: 1;
right: -1px; } }
/* 编辑器全屏 */
/* line 153, ../scss/components/_editor.scss */
/* line 174, ../scss/components/_editor.scss */
.fullscreen #wmd-button-bar, .fullscreen #text, .fullscreen #wmd-preview, .fullscreen .submit {
position: absolute;
top: 0;
width: 50%;
background: #FFF;
z-index: 999;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0; }
/* line 163, ../scss/components/_editor.scss */
/* line 184, ../scss/components/_editor.scss */
.fullscreen #wmd-button-bar {
left: 0;
padding: 13px 20px;
border-bottom: 1px solid #F3F3F0;
z-index: 1000; }
/* line 169, ../scss/components/_editor.scss */
/* line 190, ../scss/components/_editor.scss */
.fullscreen #text {
top: 53px;
left: 0;
padding: 20px;
border: none;
outline: none; }
/* line 176, ../scss/components/_editor.scss */
/* line 197, ../scss/components/_editor.scss */
.fullscreen #wmd-preview {
top: 53px;
right: 0;
@ -1808,23 +1815,32 @@ a.operate-reply {
border-left: 1px solid #F3F3F0;
background: #F6F6F3;
overflow: auto; }
/* line 185, ../scss/components/_editor.scss */
/* line 206, ../scss/components/_editor.scss */
.fullscreen #wmd-preview code, .fullscreen #wmd-preview pre {
background: #F0F0EC; }
/* line 189, ../scss/components/_editor.scss */
/* line 210, ../scss/components/_editor.scss */
.fullscreen .submit {
right: 0;
margin: 0;
padding: 10px 20px;
border-bottom: 1px solid #F3F3F0; }
/* line 197, ../scss/components/_editor.scss */
/* line 216, ../scss/components/_editor.scss */
.fullscreen #upload-panel {
-webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.225);
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.225);
border-style: solid; }
/* line 223, ../scss/components/_editor.scss */
.fullscreen #tab-files {
position: absolute;
top: 52px;
right: 20px;
right: -1px;
width: 280px;
z-index: 1001; }
/* line 211, ../scss/components/_editor.scss */
z-index: 1001;
animation: fullscreen-upload 0.5s;
-moz-animation: fullscreen-upload 0.5s;
-webkit-animation: fullscreen-upload 0.5s;
-o-animation: fullscreen-upload 0.5s; }
/* line 236, ../scss/components/_editor.scss */
.fullscreen .wmd-edittab,
.fullscreen .typecho-post-option,
.fullscreen .title,
@ -1833,10 +1849,10 @@ a.operate-reply {
.fullscreen .typecho-head-nav,
.fullscreen .message {
display: none; }
/* line 212, ../scss/components/_editor.scss */
/* line 243, ../scss/components/_editor.scss */
.fullscreen .wmd-hidetab {
display: block; }
/* line 214, ../scss/components/_editor.scss */
/* line 244, ../scss/components/_editor.scss */
.fullscreen .wmd-visualhide,
.fullscreen #btn-fullscreen-upload {
visibility: visible; }
@ -1952,7 +1968,7 @@ a.operate-reply {
padding-top: 10px;
border-top: 1px solid #EEE; }
/* line 75, ../scss/components/_timepicker.scss */
/* line 74, ../scss/components/_timepicker.scss */
#ui-datepicker-div .ui-datepicker-current,
#ui-datepicker-div .ui-datepicker-close {
float: left; }
@ -2089,7 +2105,7 @@ div.token-input-dropdown ul li.token-input-selected-dropdown-item {
* Extends the .sr-only class to allow the element to be focusable
* when navigated to via the keyboard: h5bp.com/p
*/
/* line 31, ../scss/_hidden.scss */
/* line 30, ../scss/_hidden.scss */
.sr-only.focusable:active,
.sr-only.focusable:focus {
clip: auto;

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.7 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.0 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.7 KiB

View File

@ -148,6 +148,27 @@
}
}
/* 上传面板动画效果 */
@keyframes fullscreen-upload {
0% {opacity: 0; right: -280px; }
100% {opacity: 1; right: -1px; }
}
@-moz-keyframes fullscreen-upload {
0% {opacity: 0; right: -280px; }
100% {opacity: 1; right: -1px; }
}
@-webkit-keyframes fullscreen-upload {
0% {opacity: 0; right: -280px; }
100% {opacity: 1; right: -1px; }
}
@-o-keyframes fullscreen-upload {
0% {opacity: 0; right: -280px; }
100% {opacity: 1; right: -1px; }
}
/* 编辑器全屏 */
.fullscreen {
#wmd-button-bar, #text, #wmd-preview, .submit {
@ -192,14 +213,24 @@
padding: 10px 20px;
border-bottom: 1px solid #F3F3F0;
}
#upload-panel {
-webkit-box-shadow: 0 4px 16px rgba(0,0,0,0.225);
box-shadow: 0 4px 16px rgba(0,0,0,0.225);
border-style: solid;
}
// 全屏附件上传
#tab-files {
position: absolute;
top: 52px;
right: 20px;
right: -1px;
width: 280px;
z-index: 1001;
animation: fullscreen-upload 0.5s;
-moz-animation: fullscreen-upload 0.5s;
-webkit-animation: fullscreen-upload 0.5s;
-o-animation: fullscreen-upload 0.5s;
}
.wmd-edittab,
@ -214,4 +245,4 @@
#btn-fullscreen-upload {
visibility: visible;
}
}
}