Upload All
This commit is contained in:
Alan
470
public/css/bootstrap-theme.css
vendored
Normal file
470
public/css/bootstrap-theme.css
vendored
Normal file
@ -0,0 +1,470 @@
|
||||
/*!
|
||||
* Bootstrap v3.3.1 (http://getbootstrap.com)
|
||||
* Copyright 2011-2014 Twitter, Inc.
|
||||
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
||||
*/
|
||||
|
||||
.btn-default,
|
||||
.btn-primary,
|
||||
.btn-success,
|
||||
.btn-info,
|
||||
.btn-warning,
|
||||
.btn-danger {
|
||||
text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
|
||||
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
|
||||
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
|
||||
}
|
||||
.btn-default:active,
|
||||
.btn-primary:active,
|
||||
.btn-success:active,
|
||||
.btn-info:active,
|
||||
.btn-warning:active,
|
||||
.btn-danger:active,
|
||||
.btn-default.active,
|
||||
.btn-primary.active,
|
||||
.btn-success.active,
|
||||
.btn-info.active,
|
||||
.btn-warning.active,
|
||||
.btn-danger.active {
|
||||
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
|
||||
box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
|
||||
}
|
||||
.btn-default .badge,
|
||||
.btn-primary .badge,
|
||||
.btn-success .badge,
|
||||
.btn-info .badge,
|
||||
.btn-warning .badge,
|
||||
.btn-danger .badge {
|
||||
text-shadow: none;
|
||||
}
|
||||
.btn:active,
|
||||
.btn.active {
|
||||
background-image: none;
|
||||
}
|
||||
.btn-default {
|
||||
text-shadow: 0 1px 0 #fff;
|
||||
background-image: -webkit-linear-gradient(top, #fff 0%, #e0e0e0 100%);
|
||||
background-image: -o-linear-gradient(top, #fff 0%, #e0e0e0 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e0e0e0));
|
||||
background-image: linear-gradient(to bottom, #fff 0%, #e0e0e0 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
|
||||
background-repeat: repeat-x;
|
||||
border-color: #dbdbdb;
|
||||
border-color: #ccc;
|
||||
}
|
||||
.btn-default:hover,
|
||||
.btn-default:focus {
|
||||
background-color: #e0e0e0;
|
||||
background-position: 0 -15px;
|
||||
}
|
||||
.btn-default:active,
|
||||
.btn-default.active {
|
||||
background-color: #e0e0e0;
|
||||
border-color: #dbdbdb;
|
||||
}
|
||||
.btn-default:disabled,
|
||||
.btn-default[disabled] {
|
||||
background-color: #e0e0e0;
|
||||
background-image: none;
|
||||
}
|
||||
.btn-primary {
|
||||
background-image: -webkit-linear-gradient(top, #337ab7 0%, #265a88 100%);
|
||||
background-image: -o-linear-gradient(top, #337ab7 0%, #265a88 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#265a88));
|
||||
background-image: linear-gradient(to bottom, #337ab7 0%, #265a88 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff265a88', GradientType=0);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
|
||||
background-repeat: repeat-x;
|
||||
border-color: #245580;
|
||||
}
|
||||
.btn-primary:hover,
|
||||
.btn-primary:focus {
|
||||
background-color: #265a88;
|
||||
background-position: 0 -15px;
|
||||
}
|
||||
.btn-primary:active,
|
||||
.btn-primary.active {
|
||||
background-color: #265a88;
|
||||
border-color: #245580;
|
||||
}
|
||||
.btn-primary:disabled,
|
||||
.btn-primary[disabled] {
|
||||
background-color: #265a88;
|
||||
background-image: none;
|
||||
}
|
||||
.btn-success {
|
||||
background-image: -webkit-linear-gradient(top, #5cb85c 0%, #419641 100%);
|
||||
background-image: -o-linear-gradient(top, #5cb85c 0%, #419641 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#5cb85c), to(#419641));
|
||||
background-image: linear-gradient(to bottom, #5cb85c 0%, #419641 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff419641', GradientType=0);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
|
||||
background-repeat: repeat-x;
|
||||
border-color: #3e8f3e;
|
||||
}
|
||||
.btn-success:hover,
|
||||
.btn-success:focus {
|
||||
background-color: #419641;
|
||||
background-position: 0 -15px;
|
||||
}
|
||||
.btn-success:active,
|
||||
.btn-success.active {
|
||||
background-color: #419641;
|
||||
border-color: #3e8f3e;
|
||||
}
|
||||
.btn-success:disabled,
|
||||
.btn-success[disabled] {
|
||||
background-color: #419641;
|
||||
background-image: none;
|
||||
}
|
||||
.btn-info {
|
||||
background-image: -webkit-linear-gradient(top, #5bc0de 0%, #2aabd2 100%);
|
||||
background-image: -o-linear-gradient(top, #5bc0de 0%, #2aabd2 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#5bc0de), to(#2aabd2));
|
||||
background-image: linear-gradient(to bottom, #5bc0de 0%, #2aabd2 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2aabd2', GradientType=0);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
|
||||
background-repeat: repeat-x;
|
||||
border-color: #28a4c9;
|
||||
}
|
||||
.btn-info:hover,
|
||||
.btn-info:focus {
|
||||
background-color: #2aabd2;
|
||||
background-position: 0 -15px;
|
||||
}
|
||||
.btn-info:active,
|
||||
.btn-info.active {
|
||||
background-color: #2aabd2;
|
||||
border-color: #28a4c9;
|
||||
}
|
||||
.btn-info:disabled,
|
||||
.btn-info[disabled] {
|
||||
background-color: #2aabd2;
|
||||
background-image: none;
|
||||
}
|
||||
.btn-warning {
|
||||
background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #eb9316 100%);
|
||||
background-image: -o-linear-gradient(top, #f0ad4e 0%, #eb9316 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#f0ad4e), to(#eb9316));
|
||||
background-image: linear-gradient(to bottom, #f0ad4e 0%, #eb9316 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffeb9316', GradientType=0);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
|
||||
background-repeat: repeat-x;
|
||||
border-color: #e38d13;
|
||||
}
|
||||
.btn-warning:hover,
|
||||
.btn-warning:focus {
|
||||
background-color: #eb9316;
|
||||
background-position: 0 -15px;
|
||||
}
|
||||
.btn-warning:active,
|
||||
.btn-warning.active {
|
||||
background-color: #eb9316;
|
||||
border-color: #e38d13;
|
||||
}
|
||||
.btn-warning:disabled,
|
||||
.btn-warning[disabled] {
|
||||
background-color: #eb9316;
|
||||
background-image: none;
|
||||
}
|
||||
.btn-danger {
|
||||
background-image: -webkit-linear-gradient(top, #d9534f 0%, #c12e2a 100%);
|
||||
background-image: -o-linear-gradient(top, #d9534f 0%, #c12e2a 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#d9534f), to(#c12e2a));
|
||||
background-image: linear-gradient(to bottom, #d9534f 0%, #c12e2a 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc12e2a', GradientType=0);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
|
||||
background-repeat: repeat-x;
|
||||
border-color: #b92c28;
|
||||
}
|
||||
.btn-danger:hover,
|
||||
.btn-danger:focus {
|
||||
background-color: #c12e2a;
|
||||
background-position: 0 -15px;
|
||||
}
|
||||
.btn-danger:active,
|
||||
.btn-danger.active {
|
||||
background-color: #c12e2a;
|
||||
border-color: #b92c28;
|
||||
}
|
||||
.btn-danger:disabled,
|
||||
.btn-danger[disabled] {
|
||||
background-color: #c12e2a;
|
||||
background-image: none;
|
||||
}
|
||||
.thumbnail,
|
||||
.img-thumbnail {
|
||||
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
|
||||
box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
|
||||
}
|
||||
.dropdown-menu > li > a:hover,
|
||||
.dropdown-menu > li > a:focus {
|
||||
background-color: #e8e8e8;
|
||||
background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
|
||||
background-image: -o-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e8e8e8));
|
||||
background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
|
||||
background-repeat: repeat-x;
|
||||
}
|
||||
.dropdown-menu > .active > a,
|
||||
.dropdown-menu > .active > a:hover,
|
||||
.dropdown-menu > .active > a:focus {
|
||||
background-color: #2e6da4;
|
||||
background-image: -webkit-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
|
||||
background-image: -o-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#2e6da4));
|
||||
background-image: linear-gradient(to bottom, #337ab7 0%, #2e6da4 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);
|
||||
background-repeat: repeat-x;
|
||||
}
|
||||
.navbar-default {
|
||||
background-image: -webkit-linear-gradient(top, #fff 0%, #f8f8f8 100%);
|
||||
background-image: -o-linear-gradient(top, #fff 0%, #f8f8f8 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f8f8f8));
|
||||
background-image: linear-gradient(to bottom, #fff 0%, #f8f8f8 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff8f8f8', GradientType=0);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
|
||||
background-repeat: repeat-x;
|
||||
border-radius: 4px;
|
||||
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 5px rgba(0, 0, 0, .075);
|
||||
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 5px rgba(0, 0, 0, .075);
|
||||
}
|
||||
.navbar-default .navbar-nav > .open > a,
|
||||
.navbar-default .navbar-nav > .active > a {
|
||||
background-image: -webkit-linear-gradient(top, #dbdbdb 0%, #e2e2e2 100%);
|
||||
background-image: -o-linear-gradient(top, #dbdbdb 0%, #e2e2e2 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#dbdbdb), to(#e2e2e2));
|
||||
background-image: linear-gradient(to bottom, #dbdbdb 0%, #e2e2e2 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdbdbdb', endColorstr='#ffe2e2e2', GradientType=0);
|
||||
background-repeat: repeat-x;
|
||||
-webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, .075);
|
||||
box-shadow: inset 0 3px 9px rgba(0, 0, 0, .075);
|
||||
}
|
||||
.navbar-brand,
|
||||
.navbar-nav > li > a {
|
||||
text-shadow: 0 1px 0 rgba(255, 255, 255, .25);
|
||||
}
|
||||
.navbar-inverse {
|
||||
background-image: -webkit-linear-gradient(top, #3c3c3c 0%, #222 100%);
|
||||
background-image: -o-linear-gradient(top, #3c3c3c 0%, #222 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#3c3c3c), to(#222));
|
||||
background-image: linear-gradient(to bottom, #3c3c3c 0%, #222 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3c3c3c', endColorstr='#ff222222', GradientType=0);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
|
||||
background-repeat: repeat-x;
|
||||
}
|
||||
.navbar-inverse .navbar-nav > .open > a,
|
||||
.navbar-inverse .navbar-nav > .active > a {
|
||||
background-image: -webkit-linear-gradient(top, #080808 0%, #0f0f0f 100%);
|
||||
background-image: -o-linear-gradient(top, #080808 0%, #0f0f0f 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#080808), to(#0f0f0f));
|
||||
background-image: linear-gradient(to bottom, #080808 0%, #0f0f0f 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff080808', endColorstr='#ff0f0f0f', GradientType=0);
|
||||
background-repeat: repeat-x;
|
||||
-webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, .25);
|
||||
box-shadow: inset 0 3px 9px rgba(0, 0, 0, .25);
|
||||
}
|
||||
.navbar-inverse .navbar-brand,
|
||||
.navbar-inverse .navbar-nav > li > a {
|
||||
text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
|
||||
}
|
||||
.navbar-static-top,
|
||||
.navbar-fixed-top,
|
||||
.navbar-fixed-bottom {
|
||||
border-radius: 0;
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.navbar .navbar-nav .open .dropdown-menu > .active > a,
|
||||
.navbar .navbar-nav .open .dropdown-menu > .active > a:hover,
|
||||
.navbar .navbar-nav .open .dropdown-menu > .active > a:focus {
|
||||
color: #fff;
|
||||
background-image: -webkit-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
|
||||
background-image: -o-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#2e6da4));
|
||||
background-image: linear-gradient(to bottom, #337ab7 0%, #2e6da4 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);
|
||||
background-repeat: repeat-x;
|
||||
}
|
||||
}
|
||||
.alert {
|
||||
text-shadow: 0 1px 0 rgba(255, 255, 255, .2);
|
||||
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 1px 2px rgba(0, 0, 0, .05);
|
||||
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 1px 2px rgba(0, 0, 0, .05);
|
||||
}
|
||||
.alert-success {
|
||||
background-image: -webkit-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%);
|
||||
background-image: -o-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#dff0d8), to(#c8e5bc));
|
||||
background-image: linear-gradient(to bottom, #dff0d8 0%, #c8e5bc 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffc8e5bc', GradientType=0);
|
||||
background-repeat: repeat-x;
|
||||
border-color: #b2dba1;
|
||||
}
|
||||
.alert-info {
|
||||
background-image: -webkit-linear-gradient(top, #d9edf7 0%, #b9def0 100%);
|
||||
background-image: -o-linear-gradient(top, #d9edf7 0%, #b9def0 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#d9edf7), to(#b9def0));
|
||||
background-image: linear-gradient(to bottom, #d9edf7 0%, #b9def0 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffb9def0', GradientType=0);
|
||||
background-repeat: repeat-x;
|
||||
border-color: #9acfea;
|
||||
}
|
||||
.alert-warning {
|
||||
background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%);
|
||||
background-image: -o-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#fcf8e3), to(#f8efc0));
|
||||
background-image: linear-gradient(to bottom, #fcf8e3 0%, #f8efc0 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fff8efc0', GradientType=0);
|
||||
background-repeat: repeat-x;
|
||||
border-color: #f5e79e;
|
||||
}
|
||||
.alert-danger {
|
||||
background-image: -webkit-linear-gradient(top, #f2dede 0%, #e7c3c3 100%);
|
||||
background-image: -o-linear-gradient(top, #f2dede 0%, #e7c3c3 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#f2dede), to(#e7c3c3));
|
||||
background-image: linear-gradient(to bottom, #f2dede 0%, #e7c3c3 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffe7c3c3', GradientType=0);
|
||||
background-repeat: repeat-x;
|
||||
border-color: #dca7a7;
|
||||
}
|
||||
.progress {
|
||||
background-image: -webkit-linear-gradient(top, #ebebeb 0%, #f5f5f5 100%);
|
||||
background-image: -o-linear-gradient(top, #ebebeb 0%, #f5f5f5 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#f5f5f5));
|
||||
background-image: linear-gradient(to bottom, #ebebeb 0%, #f5f5f5 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#fff5f5f5', GradientType=0);
|
||||
background-repeat: repeat-x;
|
||||
}
|
||||
.progress-bar {
|
||||
background-image: -webkit-linear-gradient(top, #337ab7 0%, #286090 100%);
|
||||
background-image: -o-linear-gradient(top, #337ab7 0%, #286090 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#286090));
|
||||
background-image: linear-gradient(to bottom, #337ab7 0%, #286090 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff286090', GradientType=0);
|
||||
background-repeat: repeat-x;
|
||||
}
|
||||
.progress-bar-success {
|
||||
background-image: -webkit-linear-gradient(top, #5cb85c 0%, #449d44 100%);
|
||||
background-image: -o-linear-gradient(top, #5cb85c 0%, #449d44 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#5cb85c), to(#449d44));
|
||||
background-image: linear-gradient(to bottom, #5cb85c 0%, #449d44 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff449d44', GradientType=0);
|
||||
background-repeat: repeat-x;
|
||||
}
|
||||
.progress-bar-info {
|
||||
background-image: -webkit-linear-gradient(top, #5bc0de 0%, #31b0d5 100%);
|
||||
background-image: -o-linear-gradient(top, #5bc0de 0%, #31b0d5 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#5bc0de), to(#31b0d5));
|
||||
background-image: linear-gradient(to bottom, #5bc0de 0%, #31b0d5 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff31b0d5', GradientType=0);
|
||||
background-repeat: repeat-x;
|
||||
}
|
||||
.progress-bar-warning {
|
||||
background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #ec971f 100%);
|
||||
background-image: -o-linear-gradient(top, #f0ad4e 0%, #ec971f 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#f0ad4e), to(#ec971f));
|
||||
background-image: linear-gradient(to bottom, #f0ad4e 0%, #ec971f 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffec971f', GradientType=0);
|
||||
background-repeat: repeat-x;
|
||||
}
|
||||
.progress-bar-danger {
|
||||
background-image: -webkit-linear-gradient(top, #d9534f 0%, #c9302c 100%);
|
||||
background-image: -o-linear-gradient(top, #d9534f 0%, #c9302c 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#d9534f), to(#c9302c));
|
||||
background-image: linear-gradient(to bottom, #d9534f 0%, #c9302c 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc9302c', GradientType=0);
|
||||
background-repeat: repeat-x;
|
||||
}
|
||||
.progress-bar-striped {
|
||||
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
|
||||
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
|
||||
background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
|
||||
}
|
||||
.list-group {
|
||||
border-radius: 4px;
|
||||
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
|
||||
box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
|
||||
}
|
||||
.list-group-item.active,
|
||||
.list-group-item.active:hover,
|
||||
.list-group-item.active:focus {
|
||||
text-shadow: 0 -1px 0 #286090;
|
||||
background-image: -webkit-linear-gradient(top, #337ab7 0%, #2b669a 100%);
|
||||
background-image: -o-linear-gradient(top, #337ab7 0%, #2b669a 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#2b669a));
|
||||
background-image: linear-gradient(to bottom, #337ab7 0%, #2b669a 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2b669a', GradientType=0);
|
||||
background-repeat: repeat-x;
|
||||
border-color: #2b669a;
|
||||
}
|
||||
.list-group-item.active .badge,
|
||||
.list-group-item.active:hover .badge,
|
||||
.list-group-item.active:focus .badge {
|
||||
text-shadow: none;
|
||||
}
|
||||
.panel {
|
||||
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
|
||||
box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
|
||||
}
|
||||
.panel-default > .panel-heading {
|
||||
background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
|
||||
background-image: -o-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e8e8e8));
|
||||
background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
|
||||
background-repeat: repeat-x;
|
||||
}
|
||||
.panel-primary > .panel-heading {
|
||||
background-image: -webkit-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
|
||||
background-image: -o-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#2e6da4));
|
||||
background-image: linear-gradient(to bottom, #337ab7 0%, #2e6da4 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);
|
||||
background-repeat: repeat-x;
|
||||
}
|
||||
.panel-success > .panel-heading {
|
||||
background-image: -webkit-linear-gradient(top, #dff0d8 0%, #d0e9c6 100%);
|
||||
background-image: -o-linear-gradient(top, #dff0d8 0%, #d0e9c6 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#dff0d8), to(#d0e9c6));
|
||||
background-image: linear-gradient(to bottom, #dff0d8 0%, #d0e9c6 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffd0e9c6', GradientType=0);
|
||||
background-repeat: repeat-x;
|
||||
}
|
||||
.panel-info > .panel-heading {
|
||||
background-image: -webkit-linear-gradient(top, #d9edf7 0%, #c4e3f3 100%);
|
||||
background-image: -o-linear-gradient(top, #d9edf7 0%, #c4e3f3 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#d9edf7), to(#c4e3f3));
|
||||
background-image: linear-gradient(to bottom, #d9edf7 0%, #c4e3f3 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffc4e3f3', GradientType=0);
|
||||
background-repeat: repeat-x;
|
||||
}
|
||||
.panel-warning > .panel-heading {
|
||||
background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #faf2cc 100%);
|
||||
background-image: -o-linear-gradient(top, #fcf8e3 0%, #faf2cc 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#fcf8e3), to(#faf2cc));
|
||||
background-image: linear-gradient(to bottom, #fcf8e3 0%, #faf2cc 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fffaf2cc', GradientType=0);
|
||||
background-repeat: repeat-x;
|
||||
}
|
||||
.panel-danger > .panel-heading {
|
||||
background-image: -webkit-linear-gradient(top, #f2dede 0%, #ebcccc 100%);
|
||||
background-image: -o-linear-gradient(top, #f2dede 0%, #ebcccc 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#f2dede), to(#ebcccc));
|
||||
background-image: linear-gradient(to bottom, #f2dede 0%, #ebcccc 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffebcccc', GradientType=0);
|
||||
background-repeat: repeat-x;
|
||||
}
|
||||
.well {
|
||||
background-image: -webkit-linear-gradient(top, #e8e8e8 0%, #f5f5f5 100%);
|
||||
background-image: -o-linear-gradient(top, #e8e8e8 0%, #f5f5f5 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#e8e8e8), to(#f5f5f5));
|
||||
background-image: linear-gradient(to bottom, #e8e8e8 0%, #f5f5f5 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#fff5f5f5', GradientType=0);
|
||||
background-repeat: repeat-x;
|
||||
border-color: #dcdcdc;
|
||||
-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05), 0 1px 0 rgba(255, 255, 255, .1);
|
||||
box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05), 0 1px 0 rgba(255, 255, 255, .1);
|
||||
}
|
||||
/*# sourceMappingURL=bootstrap-theme.css.map */
|
||||
1
public/css/bootstrap-theme.css.map
Normal file
1
public/css/bootstrap-theme.css.map
Normal file
File diff suppressed because one or more lines are too long
5
public/css/bootstrap-theme.min.css
vendored
Normal file
5
public/css/bootstrap-theme.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
83
public/css/bootstrap-toggle.css
vendored
Executable file
83
public/css/bootstrap-toggle.css
vendored
Executable file
@ -0,0 +1,83 @@
|
||||
/*! ========================================================================
|
||||
* Bootstrap Toggle: bootstrap-toggle.css v2.2.0
|
||||
* http://www.bootstraptoggle.com
|
||||
* ========================================================================
|
||||
* Copyright 2014 Min Hur, The New York Times Company
|
||||
* Licensed under MIT
|
||||
* ======================================================================== */
|
||||
|
||||
|
||||
.checkbox label .toggle,
|
||||
.checkbox-inline .toggle {
|
||||
margin-left: -20px;
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.toggle {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
.toggle input[type="checkbox"] {
|
||||
display: none;
|
||||
}
|
||||
.toggle-group {
|
||||
position: absolute;
|
||||
width: 200%;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
transition: left 0.35s;
|
||||
-webkit-transition: left 0.35s;
|
||||
-moz-user-select: none;
|
||||
-webkit-user-select: none;
|
||||
}
|
||||
.toggle.off .toggle-group {
|
||||
left: -100%;
|
||||
}
|
||||
.toggle-on {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 50%;
|
||||
margin: 0;
|
||||
border: 0;
|
||||
border-radius: 0;
|
||||
}
|
||||
.toggle-off {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 50%;
|
||||
right: 0;
|
||||
margin: 0;
|
||||
border: 0;
|
||||
border-radius: 0;
|
||||
}
|
||||
.toggle-handle {
|
||||
position: relative;
|
||||
margin: 0 auto;
|
||||
padding-top: 0px;
|
||||
padding-bottom: 0px;
|
||||
height: 100%;
|
||||
width: 0px;
|
||||
border-width: 0 1px;
|
||||
}
|
||||
|
||||
.toggle.btn { min-width: 59px; min-height: 34px; }
|
||||
.toggle-on.btn { padding-right: 24px; }
|
||||
.toggle-off.btn { padding-left: 24px; }
|
||||
|
||||
.toggle.btn-lg { min-width: 79px; min-height: 45px; }
|
||||
.toggle-on.btn-lg { padding-right: 31px; }
|
||||
.toggle-off.btn-lg { padding-left: 31px; }
|
||||
.toggle-handle.btn-lg { width: 40px; }
|
||||
|
||||
.toggle.btn-sm { min-width: 50px; min-height: 30px;}
|
||||
.toggle-on.btn-sm { padding-right: 20px; }
|
||||
.toggle-off.btn-sm { padding-left: 20px; }
|
||||
|
||||
.toggle.btn-xs { min-width: 35px; min-height: 22px;}
|
||||
.toggle-on.btn-xs { padding-right: 12px; }
|
||||
.toggle-off.btn-xs { padding-left: 12px; }
|
||||
|
||||
28
public/css/bootstrap-toggle.min.css
vendored
Executable file
28
public/css/bootstrap-toggle.min.css
vendored
Executable file
@ -0,0 +1,28 @@
|
||||
/*! ========================================================================
|
||||
* Bootstrap Toggle: bootstrap-toggle.css v2.2.0
|
||||
* http://www.bootstraptoggle.com
|
||||
* ========================================================================
|
||||
* Copyright 2014 Min Hur, The New York Times Company
|
||||
* Licensed under MIT
|
||||
* ======================================================================== */
|
||||
.checkbox label .toggle,.checkbox-inline .toggle{margin-left:-20px;margin-right:5px}
|
||||
.toggle{position:relative;overflow:hidden}
|
||||
.toggle input[type=checkbox]{display:none}
|
||||
.toggle-group{position:absolute;width:200%;top:0;bottom:0;left:0;transition:left .35s;-webkit-transition:left .35s;-moz-user-select:none;-webkit-user-select:none}
|
||||
.toggle.off .toggle-group{left:-100%}
|
||||
.toggle-on{position:absolute;top:0;bottom:0;left:0;right:50%;margin:0;border:0;border-radius:0}
|
||||
.toggle-off{position:absolute;top:0;bottom:0;left:50%;right:0;margin:0;border:0;border-radius:0}
|
||||
.toggle-handle{position:relative;margin:0 auto;padding-top:0;padding-bottom:0;height:100%;width:0;border-width:0 1px}
|
||||
.toggle.btn{min-width:59px;min-height:34px}
|
||||
.toggle-on.btn{padding-right:24px}
|
||||
.toggle-off.btn{padding-left:24px}
|
||||
.toggle.btn-lg{min-width:79px;min-height:45px}
|
||||
.toggle-on.btn-lg{padding-right:31px}
|
||||
.toggle-off.btn-lg{padding-left:31px}
|
||||
.toggle-handle.btn-lg{width:40px}
|
||||
.toggle.btn-sm{min-width:50px;min-height:30px}
|
||||
.toggle-on.btn-sm{padding-right:20px}
|
||||
.toggle-off.btn-sm{padding-left:20px}
|
||||
.toggle.btn-xs{min-width:35px;min-height:22px}
|
||||
.toggle-on.btn-xs{padding-right:12px}
|
||||
.toggle-off.btn-xs{padding-left:12px}
|
||||
6332
public/css/bootstrap.css
vendored
Normal file
6332
public/css/bootstrap.css
vendored
Normal file
File diff suppressed because it is too large
Load Diff
1
public/css/bootstrap.css.map
Normal file
1
public/css/bootstrap.css.map
Normal file
File diff suppressed because one or more lines are too long
5
public/css/bootstrap.min.css
vendored
Normal file
5
public/css/bootstrap.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
23
public/css/change_password_extended.css
Normal file
23
public/css/change_password_extended.css
Normal file
@ -0,0 +1,23 @@
|
||||
html, body {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
body {
|
||||
background: url("../images/Abstract_4.png") no-repeat center center fixed;
|
||||
-webkit-background-size: cover;
|
||||
-moz-background-size: cover;
|
||||
-o-background-size: cover;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
div.signInOptions { position: relative; }
|
||||
div.inlineCheckbox { display: inline-block; }
|
||||
a.forgetPassword { position: absolute; right: 0; margin: 10px 0 10px 0; }
|
||||
|
||||
footer {
|
||||
position: absolute;
|
||||
left: 0; right: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
57
public/css/custom_styles.css
Normal file
57
public/css/custom_styles.css
Normal file
@ -0,0 +1,57 @@
|
||||
@keyframes trans-blue-black {
|
||||
0% { color: black; }
|
||||
45% { color: #5fb0fc; }
|
||||
55% { color: #5fb0fc; }
|
||||
100% { color: black; }
|
||||
}
|
||||
|
||||
.container-table {
|
||||
height: 100%;
|
||||
display: table;
|
||||
}
|
||||
.vertical-center-row {
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
p.footerAnnounce { margin-bottom: 10px; }
|
||||
|
||||
.relative { position: relative; }
|
||||
|
||||
div.verticalLine { display: inline-flex; height: 2em; margin: 5px 5px 0 5px; padding: 0; border-left-width: 1px; border-left-style: solid; border-left-color: gray; vertical-align: center; }
|
||||
|
||||
.text-bigtitle { font-size: 48px; }
|
||||
.text-extralargetext { font-size: 42px; }
|
||||
.text-extrabigtext { font-size: 38px; }
|
||||
.text-largetext { font-size: 32px; }
|
||||
.text-bigtext { font-size: 26px; }
|
||||
.text-subbigtext { font-size: 22px; }
|
||||
.text-normal { font-size: 16px; }
|
||||
|
||||
.pb-20 { padding-bottom: 20px; }
|
||||
.pt-20 { padding-top: 20px; }
|
||||
.mt-20 { margin-top: 20px; }
|
||||
.mr-20 { margin-right: 20px; }
|
||||
.ml-20 { margin-left: 20px; }
|
||||
.mt-10 { margin-top: 10px; }
|
||||
.mtb-10 { margin-top: 10px; margin-bottom: 10px; }
|
||||
.ml-10 { margin-left: 10px; }
|
||||
.noMargin { margin: 0; }
|
||||
|
||||
.bg-whaleBlue { background-color: #7ca3ff; }
|
||||
.bg-grassGreen { background-color: #2fad29; }
|
||||
|
||||
.bg-transparent-lightRed { background-color: rgba(255, 170, 160, 0.6); }
|
||||
.bg-transparent-lightOrange { background-color: rgba(255, 209, 150, 0.6); }
|
||||
.bg-transparent-dodgeBlue { background-color: rgba(146, 199, 252, 0.6); }
|
||||
.bg-transparent-lightGreen { background-color: rgba(195, 255, 160, 0.6); }
|
||||
|
||||
.color-white { color: white !important; }
|
||||
.color-deepOrange { color: #bc8d00 !important; }
|
||||
|
||||
.text-shadow-extra { text-shadow: 3px 3px 5px black; }
|
||||
.text-shadow { text-shadow: 2px 2px 3px black; }
|
||||
.text-shadow-white-extra { text-shadow: 3px 3px 5px white; }
|
||||
.text-shadow-white { text-shadow: 2px 2px 3px white; }
|
||||
|
||||
.block-generalShadow { box-shadow: 2px 2px 3px black; }
|
||||
190
public/css/drawing_extended.css
Normal file
190
public/css/drawing_extended.css
Normal file
@ -0,0 +1,190 @@
|
||||
body {
|
||||
background: url("../images/Horizon.jpg") no-repeat center center fixed;
|
||||
-webkit-background-size: cover;
|
||||
-moz-background-size: cover;
|
||||
-o-background-size: cover;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
canvas {
|
||||
width: 800px;
|
||||
height: 540px;
|
||||
border: 1px solid black;
|
||||
background-color: white;
|
||||
box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
div.form-group {
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
div.whiteTransparent {
|
||||
background-color: rgba(255, 255, 255, 0.7);
|
||||
}
|
||||
|
||||
textarea {
|
||||
resize: none;
|
||||
}
|
||||
|
||||
div.relative { position: relative; }
|
||||
|
||||
/* 繪圖區 */
|
||||
div.tool-bars {
|
||||
padding: 10px;
|
||||
margin: 20px auto 0 auto;
|
||||
}
|
||||
|
||||
/* 自製按鈕元件 */
|
||||
input.myBtn {
|
||||
display: inline-block;
|
||||
height: 35px; width: 55px;
|
||||
border: 1px solid gray;
|
||||
border-radius: 10px;
|
||||
background-color: white;
|
||||
cursor: default;
|
||||
outline: none;
|
||||
|
||||
transition-duration: 0.25s;
|
||||
}
|
||||
input.myBtn:hover { background-color: lightgray; }
|
||||
|
||||
/* 顏色選取元件 */
|
||||
div.main-color-picker, div.sub-color-picker {
|
||||
display: inline-block;
|
||||
padding: 0 0 0 10px;
|
||||
border: 1px solid gray;
|
||||
border-radius: 10px;
|
||||
background-color: white;
|
||||
cursor: default;
|
||||
user-select: none;
|
||||
}
|
||||
div.sub-color-picker {
|
||||
background-color: #cdffa5;
|
||||
cursor: pointer;
|
||||
|
||||
transition-duration: 0.25s;
|
||||
}
|
||||
|
||||
input.color-btn {
|
||||
background-color: white;
|
||||
height: 35px; width: 45px;
|
||||
padding: 3px;
|
||||
border-width: 0 0 0 1px;
|
||||
border-style: solid;
|
||||
border-color: gray;
|
||||
border-radius: 10px;
|
||||
margin-left: 5px;
|
||||
cursor: pointer;
|
||||
|
||||
transition-duration: 0.25s;
|
||||
}
|
||||
input.color-btn:hover { background-color: lightgray; }
|
||||
|
||||
/* 比刷大小調整元件 */
|
||||
div.size-group {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
}
|
||||
input#sizeDown, input#sizeUp, input#sizeDown10, input#sizeUp10,
|
||||
input#strokeSizeDown, input#strokeSizeUp, input#strokeSizeDown10, input#strokeSizeUp10 {
|
||||
background-color: white;
|
||||
height: 35px; width: 30px;
|
||||
border-color: gray;
|
||||
border-style: solid;
|
||||
padding: 3px;
|
||||
margin: 0;
|
||||
cursor: pointer;
|
||||
outline: none;
|
||||
|
||||
transition-duration: 0.25s;
|
||||
}
|
||||
input#sizeDown, input#strokeSizeDown { border-width: 1px 1px 1px 0; }
|
||||
input#sizeUp, input#strokeSizeUp { border-width: 1px 0 1px 1px; }
|
||||
input#sizeUp10, input#strokeSizeUp10 { border-radius: 0 10px 10px 0; border-width: 1px; font-weight: 900; color:red; }
|
||||
input#sizeDown10, input#strokeSizeDown10 { border-radius: 10px 0 0 10px; border-width: 1px; font-weight: 900; color:red; }
|
||||
input#sizeDown:hover, input#sizeUp:hover, input#sizeDown10:hover, input#sizeUp10:hover,
|
||||
input#strokeSizeDown:hover, input#strokeSizeUp:hover, input#strokeSizeDown10:hover, input#strokeSizeUp10:hover { background-color: lightgray; }
|
||||
label#sizeGroupText, label#strokeSizeGroupText {
|
||||
display: inline-block;
|
||||
background-color: white;
|
||||
height: 35px;
|
||||
padding: 6px 10px 0 10px;
|
||||
border-width: 1px 0;
|
||||
border-style: solid;
|
||||
border-color: gray;
|
||||
margin: 0;
|
||||
text-align: center;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
/* 比刷模式 */
|
||||
div.brush-group { display: inline-block; margin: 10px 0; }
|
||||
div.brush-caption, div.brush-group > input {
|
||||
display: inline-block;
|
||||
height: 35px;
|
||||
padding: 0 7px 0 7px;
|
||||
border-color: gray;
|
||||
border-style: solid;
|
||||
background-color: white;
|
||||
outline: none;
|
||||
|
||||
transition-duration: 0.25s;
|
||||
}
|
||||
div.brush-caption { border-width: 1px; border-radius: 10px 0 0 10px; padding-top: 6px; font-weight: 900; }
|
||||
div.brush-group > input { border-width: 1px 1px 1px 0; cursor: pointer; }
|
||||
div.brush-group > input:last-child { border-width: 1px 1px 1px 0; border-radius: 0 10px 10px 0; cursor: pointer }
|
||||
div.brush-group > input:hover { background-color: lightgray; }
|
||||
div.brush-group > input.active{ background-color: #cdffa5; }
|
||||
|
||||
#canvasContainer {
|
||||
min-height: 450px;
|
||||
}
|
||||
|
||||
/* 作品最後調整設定區 */
|
||||
/* 標籤區塊設定 */
|
||||
div#tagPanel {
|
||||
padding: 10px;
|
||||
}
|
||||
/* 標籤元素 */
|
||||
div.labelTag {
|
||||
display: inline-block;
|
||||
padding: 10px;
|
||||
border-radius: 10px;
|
||||
margin: 5px 0 5px 2px;
|
||||
background-color: lightgray;
|
||||
-ms-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-webkit-user-select: none;
|
||||
user-select: none;
|
||||
cursor: pointer;
|
||||
|
||||
transition-duration: 0.25s;
|
||||
}
|
||||
div.labelTag.active, div.labelTag.active:hover { background-color: #3281ff; color: white; }
|
||||
div.labelTag:hover { background-color: #fffbb2; }
|
||||
/* 檢視作品的權限 */
|
||||
div.view-authority {
|
||||
min-width: 240px;
|
||||
}
|
||||
/* 作品資訊 */
|
||||
table.table {
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
table.table tbody tr:first-child td,
|
||||
table.table tbody tr:first-child th {
|
||||
border-width: 0;
|
||||
}
|
||||
|
||||
/* 屏蔽版面 */
|
||||
div.barrierPanel {
|
||||
position: absolute;
|
||||
top: -20px; bottom: 0; left: 0px;
|
||||
width: 100%;
|
||||
background-color: rgba(32, 32, 32, 0.7);
|
||||
z-index: 65536;
|
||||
}
|
||||
|
||||
#btnDelete { display: none; }
|
||||
|
||||
canvas#cvsCanvas { width: 800px; height: 450px; }
|
||||
31
public/css/edit_personal_info_extended.css
Normal file
31
public/css/edit_personal_info_extended.css
Normal file
@ -0,0 +1,31 @@
|
||||
html { height: 100%; }
|
||||
|
||||
body {
|
||||
background: url("../images/Abstract_2.jpg") no-repeat center center fixed;
|
||||
-webkit-background-size: cover;
|
||||
-moz-background-size: cover;
|
||||
-o-background-size: cover;
|
||||
background-size: cover;
|
||||
|
||||
position: relative;
|
||||
margin: 0;
|
||||
padding-bottom: 6rem;
|
||||
min-height: 100%;
|
||||
}
|
||||
|
||||
input.hidden {
|
||||
display: none;
|
||||
}
|
||||
|
||||
input.form-control[disabled] {
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
h4 {
|
||||
margin: 0 0 10px 0;
|
||||
}
|
||||
|
||||
footer {
|
||||
position: absolute;
|
||||
bottom:0; left: 0; right: 0;
|
||||
}
|
||||
22
public/css/feedback_extended.css
Normal file
22
public/css/feedback_extended.css
Normal file
@ -0,0 +1,22 @@
|
||||
body {
|
||||
background: url("../images/BlueWater_2.jpg") no-repeat center center fixed;
|
||||
-webkit-background-size: cover;
|
||||
-moz-background-size: cover;
|
||||
-o-background-size: cover;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
textarea {
|
||||
resize: none;
|
||||
}
|
||||
|
||||
div.relative { position: relative; }
|
||||
|
||||
/* 屏蔽版面 */
|
||||
div.barrierPanel {
|
||||
position: absolute;
|
||||
top: -20px; bottom: 0; left: 0px;
|
||||
width: 100%;
|
||||
background-color: rgba(32, 32, 32, 0.7);
|
||||
z-index: 65536;
|
||||
}
|
||||
123
public/css/gallery_extended.css
Normal file
123
public/css/gallery_extended.css
Normal file
@ -0,0 +1,123 @@
|
||||
body {
|
||||
background: url("../images/Spotlight.jpg") no-repeat center center fixed;
|
||||
-webkit-background-size: cover;
|
||||
-moz-background-size: cover;
|
||||
-o-background-size: cover;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
.container-table {
|
||||
height: 100%;
|
||||
display: table;
|
||||
}
|
||||
.vertical-center-row {
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.bg-sunset {
|
||||
-webkit-background-size: cover;
|
||||
-moz-background-size: cover;
|
||||
-o-background-size: cover;
|
||||
background-size: cover;
|
||||
background-attachment: fixed;
|
||||
}
|
||||
.bg-sunset { background-image: url("../images/Sunset.jpg"); }
|
||||
|
||||
.layout-title {
|
||||
min-height: 340px;
|
||||
}
|
||||
|
||||
div.panel {
|
||||
background-color: rgba(255, 255, 255, 0.8);
|
||||
}
|
||||
|
||||
/* 前一季的第一名作品展示 */
|
||||
h1.carouselSubtitle {
|
||||
padding-top: 10px;
|
||||
padding-bottom: 10px;
|
||||
margin-top: 30px;
|
||||
margin-bottom: 30px;
|
||||
background-color: rgba(252, 231, 118, 0.7);
|
||||
}
|
||||
|
||||
div.masterCarousel {
|
||||
padding-bottom: 40px;
|
||||
background-color: rgba(128, 128, 128, 0.5);
|
||||
}
|
||||
|
||||
/* 前一季的排行名單 */
|
||||
h2.rankingSubtitle {
|
||||
text-align: center;
|
||||
padding: 10px 0 10px 0;
|
||||
margin-top: 0px;
|
||||
margin-bottom: 30px;
|
||||
background-color: rgba(216, 255, 127, 0.5);
|
||||
color: white;
|
||||
}
|
||||
|
||||
div.rankingGroup {
|
||||
margin-top: 30px;
|
||||
}
|
||||
|
||||
div.rankingList {
|
||||
min-height: 500px;
|
||||
}
|
||||
|
||||
div.hr-line {
|
||||
width: 100%;
|
||||
border-top-width: 2px;
|
||||
border-top-color: lightgray;
|
||||
border-top-style: solid;
|
||||
margin: 5px 0 10px 0;
|
||||
}
|
||||
|
||||
span.rank {
|
||||
display: inline-block;
|
||||
width: 30px;
|
||||
font-style: italic;
|
||||
font-weight: 900;
|
||||
}
|
||||
|
||||
@media (min-width: 1200px) {
|
||||
span.artist {
|
||||
display: inline-block;
|
||||
min-width: 17.5%;
|
||||
padding-right: 10px;
|
||||
font-weight: 900;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
span.artist {
|
||||
display: inline-block;
|
||||
min-width: 22.5%;
|
||||
padding-right: 10px;
|
||||
font-weight: 900;
|
||||
}
|
||||
}
|
||||
|
||||
span.postTime {
|
||||
margin-top: 0.1em;
|
||||
font-weight: 900;
|
||||
float: right;
|
||||
font-size: 0.9em;
|
||||
}
|
||||
|
||||
|
||||
/* 歷屆的前三名 */
|
||||
div.previouslyList {
|
||||
min-height: 500px;
|
||||
}
|
||||
|
||||
h2.previouslySubtitle {
|
||||
text-align: center;
|
||||
margin-top: 30px;
|
||||
margin-bottom: 30px;
|
||||
color: white;
|
||||
}
|
||||
|
||||
li.prevSeasonBtn > a {background-color: rgba(255, 255, 255, 0.7); }
|
||||
li.prevSeasonBtn > a:hover { background-color: rgba(255, 255, 255, 1); }
|
||||
li.prevSeasonBtn.active > a { background-color: rgba(0, 124, 181, 1); }
|
||||
li.prevSeasonBtn.active > a:hover { background-color: rgba(0, 124, 181, 1); }
|
||||
33
public/css/index_extended.css
Normal file
33
public/css/index_extended.css
Normal file
@ -0,0 +1,33 @@
|
||||
body {
|
||||
background: url("../images/Background.jpg") no-repeat center center fixed;
|
||||
-webkit-background-size: cover;
|
||||
-moz-background-size: cover;
|
||||
-o-background-size: cover;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
.thumbnail-feature {
|
||||
min-height: 500px;
|
||||
max-width: 368px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.blockShadow {
|
||||
border-color: rgba(0, 0, 0, 0.75);
|
||||
border-style: solid;
|
||||
border-width: 4px;
|
||||
box-shadow: 3px 3px 7px black;
|
||||
}
|
||||
|
||||
.bg-image-paint {
|
||||
background: url("../images/DoPainting.jpg") no-repeat center center fixed;
|
||||
-webkit-background-size: cover;
|
||||
-moz-background-size: cover;
|
||||
-o-background-size: cover;
|
||||
background-size: cover;
|
||||
background-attachment: fixed;
|
||||
}
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
}
|
||||
28
public/css/login_extended.css
Normal file
28
public/css/login_extended.css
Normal file
@ -0,0 +1,28 @@
|
||||
html, body {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
body {
|
||||
background: url("../images/Abstract_4.png") no-repeat center center fixed;
|
||||
-webkit-background-size: cover;
|
||||
-moz-background-size: cover;
|
||||
-o-background-size: cover;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
form.form-signin {
|
||||
margin: 20px auto 20px auto;
|
||||
width: 350px;
|
||||
}
|
||||
|
||||
div.signInOptions { position: relative; }
|
||||
div.inlineCheckbox { display: inline-block; }
|
||||
a.forgetPassword { position: absolute; right: 0; margin: 10px 0 10px 0; }
|
||||
|
||||
footer {
|
||||
position: absolute;
|
||||
left: 0; right: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
32
public/css/message_form_extended.css
Normal file
32
public/css/message_form_extended.css
Normal file
@ -0,0 +1,32 @@
|
||||
html { height: 100%; }
|
||||
|
||||
body {
|
||||
background: url("../images/Abstract_4.png") no-repeat center center fixed;
|
||||
-webkit-background-size: cover;
|
||||
-moz-background-size: cover;
|
||||
-o-background-size: cover;
|
||||
background-size: cover;
|
||||
|
||||
position: relative;
|
||||
margin: 0;
|
||||
padding-bottom: 6rem;
|
||||
min-height: 100%;
|
||||
}
|
||||
|
||||
input.hidden {
|
||||
display: none;
|
||||
}
|
||||
|
||||
input.form-control[disabled] {
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
h4, h3, h2 {
|
||||
margin: 0 0 10px 0;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
footer {
|
||||
position: absolute;
|
||||
bottom:0; left: 0; right: 0;
|
||||
}
|
||||
104
public/css/personal_page_extended.css
Normal file
104
public/css/personal_page_extended.css
Normal file
@ -0,0 +1,104 @@
|
||||
html { height: 100%; box-sizing: border-box; }
|
||||
*, *:before, *:after { box-sizing: inherit; }
|
||||
|
||||
body {
|
||||
background: url("../images/Abstract_2.jpg") no-repeat center center fixed;
|
||||
-webkit-background-size: cover;
|
||||
-moz-background-size: cover;
|
||||
-o-background-size: cover;
|
||||
background-size: cover;
|
||||
|
||||
position: relative;
|
||||
margin: 0;
|
||||
padding-bottom: 6rem;
|
||||
min-height: 100%;
|
||||
}
|
||||
|
||||
hr { margin: 10px 0 10px 0; }
|
||||
|
||||
/* 頁面內容 */
|
||||
div.container {
|
||||
padding-bottom: 32px;
|
||||
}
|
||||
|
||||
/* 個人簡易資訊面板 */
|
||||
div.personal-info-panel {
|
||||
position: sticky;
|
||||
position: -webkit-sticky;
|
||||
top: 20px;
|
||||
}
|
||||
div.tag-list::before, div.tag-list::after {
|
||||
display: table;
|
||||
content: " ";
|
||||
}
|
||||
div.tag-list::after {
|
||||
clear: both;
|
||||
}
|
||||
div.thumbnail.personalInfo { margin-bottom: 10px; }
|
||||
button > a,
|
||||
button > a:hover,
|
||||
button > a:active,
|
||||
button > a:focus {
|
||||
width: 100%;
|
||||
color: white;
|
||||
font-style: normal;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
/* 個人好友清單 */
|
||||
div.friendList {
|
||||
height: 250px;
|
||||
border: 1px solid gray;
|
||||
border-radius: 5px;
|
||||
margin-top: 0px;
|
||||
overflow: auto;overflow: auto;
|
||||
}
|
||||
button.removeFriendBtn { position: absolute; right: 10px; }
|
||||
|
||||
/* 文章版面 */
|
||||
div.panel-body { position: relative; width: 100%; }
|
||||
div.panel-body > img { max-width: 100%; }
|
||||
p, p.tag, p.state { margin: 0; }
|
||||
label { margin: 0; }
|
||||
|
||||
/* Flex屬性 */
|
||||
.flew-container { display: flex; flex-direction: column; }
|
||||
.withFlex-1 { display: flex; flex: 1; }
|
||||
.withFlex-1 > button { margin-right: 10px; }
|
||||
.withFlex-1 > button:last-of-type { margin-right: 0; }
|
||||
@media (min-width: 1200px) {
|
||||
.withFlex-1 > a { margin-right: 10px; }
|
||||
.withFlex-1 > a:last-of-type { margin-right: 0; }
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.withFlex-1 > a {
|
||||
padding: 1px 5px;
|
||||
font-size: 12px;
|
||||
line-height: 1.5;
|
||||
border-radius: 3px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
.withFlex-1 > a:last-of-type {
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
.flex-1 { flex: 1; }
|
||||
|
||||
/* 面板(Panel)之版面調整 */
|
||||
div.panel-body > p { margin-top: 5px; }
|
||||
div.mainPanel { overflow-y: auto; overflow-x: hidden; }
|
||||
div.tab-panel { padding: 0 20px 20px 20px; }
|
||||
|
||||
/* 儲存設定的按鈕 */
|
||||
button.saveSettingBtn {
|
||||
display: block;
|
||||
margin: 10px 0;
|
||||
}
|
||||
|
||||
/* 頁尾 */
|
||||
.footer {
|
||||
position: absolute;
|
||||
right: 0; bottom: 0;
|
||||
left: 0;
|
||||
}
|
||||
173
public/css/showcase_extended.css
Normal file
173
public/css/showcase_extended.css
Normal file
@ -0,0 +1,173 @@
|
||||
@keyframes flashBk {
|
||||
0% {background-color: rgba(153, 153, 255, 0.5); }
|
||||
16.667% {background-color: rgba(153, 255, 255, 0.5); }
|
||||
33.333% {background-color: rgba(153, 255, 153, 0.5); }
|
||||
50% {background-color: rgba(255, 255, 153, 0.5); }
|
||||
66.667% {background-color: rgba(255, 153, 153, 0.5); }
|
||||
83.333% {background-color: rgba(255, 153, 255, 0.5); }
|
||||
100% {background-color: rgba(153, 153, 255, 0.5); }
|
||||
}
|
||||
|
||||
@keyframes artistName {
|
||||
0% {color: rgb(255, 255, 255); }
|
||||
50% {color: rgb(145, 230, 255); }
|
||||
100% {color: rgb(255, 255, 255); }
|
||||
}
|
||||
|
||||
hr { margin: 20px; }
|
||||
|
||||
body {
|
||||
background: url("../images/Abstract_11.jpg") no-repeat center center fixed;
|
||||
-webkit-background-size: cover;
|
||||
-moz-background-size: cover;
|
||||
-o-background-size: cover;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
/* 主題的標題樣式 */
|
||||
div.titleBackground {
|
||||
margin-bottom: 20px;
|
||||
padding: 10px 0;
|
||||
background-color: rgba(153, 153, 255, 0.5);;
|
||||
|
||||
animation-name: flashBk;
|
||||
animation-duration: 60s;
|
||||
animation-iteration-count: infinite;
|
||||
}
|
||||
h1.themeTitle {
|
||||
margin: 10px 0 0 0;
|
||||
text-align: center;
|
||||
text-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
|
||||
color: white;
|
||||
}
|
||||
h4.originator {
|
||||
margin: 15px 0 10px 0;
|
||||
text-align: center;
|
||||
text-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
|
||||
color: white;
|
||||
}
|
||||
|
||||
/* 畫作展示台 */
|
||||
div.displayStand {
|
||||
padding: 20px 0;
|
||||
background-color: rgba(64, 64, 64, 0.5);
|
||||
}
|
||||
ol.disableIndicators > li {
|
||||
display: none;
|
||||
border: none;
|
||||
}
|
||||
ol.disableIndicators > li.active {
|
||||
display: none;
|
||||
background-color: rgba(255, 255, 255, 0);
|
||||
}
|
||||
div.carousel > button {
|
||||
position: absolute;
|
||||
width: 5%;
|
||||
font-size: 1em;
|
||||
color: #fff;
|
||||
text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
|
||||
opacity: .5;
|
||||
|
||||
transition-duration: 0.3s;
|
||||
}
|
||||
div.carousel > button:hover,
|
||||
div.carousel > button:focus {
|
||||
color: #fff;
|
||||
opacity: 1;
|
||||
}
|
||||
div.carousel > button.left , div.carousel > button.right,
|
||||
div.carousel > button.left:hover , div.carousel > button.right:hover,
|
||||
div.carousel > button.left:active , div.carousel > button.right:active { outline: none; }
|
||||
div.carousel > button.left {
|
||||
top: 30%; bottom: 30%; left: -6%;
|
||||
outline: none;
|
||||
}
|
||||
div.carousel > button.right {
|
||||
top: 30%; bottom: 30%; left: auto; right: -6%;
|
||||
outline: none;
|
||||
}
|
||||
div.pagerWall {
|
||||
margin-top: 20px;
|
||||
margin-bottom: 5px;;
|
||||
text-align: center;
|
||||
background-image: none;
|
||||
background-color: rgba(255, 255, 255, 0.7);
|
||||
}
|
||||
ul.pager-ul {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/* 作品資訊 */
|
||||
div.informationSection {
|
||||
background-color: rgba(178, 195, 216, 0.5);
|
||||
padding-top: 20px;
|
||||
}
|
||||
div.thumbnail > a {
|
||||
cursor: pointer;
|
||||
}
|
||||
div.caption > h4 {
|
||||
margin: 0;
|
||||
text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5), 0px 0px 16px rgba(0, 0, 0, 0.5), 0px 0px 16px rgba(0, 0, 0, 0.5);
|
||||
animation: artistName 4s infinite;
|
||||
}
|
||||
|
||||
div[data-artist-thumbnail] { display: none; }
|
||||
div[data-artist-thumbnail="0"] { display: block; }
|
||||
|
||||
div[data-works-info] { display: none; }
|
||||
div[data-works-info="0"] { display: block; }
|
||||
|
||||
/* 評論區 */
|
||||
div.media {
|
||||
position: relative;
|
||||
}
|
||||
div.media-left { position: relative; width: 140px; overflow: auto; }
|
||||
div.media-body { position: relative; width: 80%;}
|
||||
div.media-right { position: absolute; left: auto; right: 20px; bottom: 0px; font-style: italic; }
|
||||
div.media-button { display: table-cell; position: relative; width: 10%;}
|
||||
div.media-left img.media-object {
|
||||
max-width: 120px;
|
||||
max-height: 120px;
|
||||
}
|
||||
textarea#txtaComment {
|
||||
resize: none;
|
||||
}
|
||||
button#btnSendComment {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 25px; bottom: 5px; right: 0;
|
||||
}
|
||||
|
||||
h3.comment-group-title {
|
||||
margin: 0 0 20px 0;
|
||||
padding: 5px 0;
|
||||
text-align: center;
|
||||
background-color: rgba(160, 160, 160, 0.3);
|
||||
}
|
||||
div.comment-item {
|
||||
position: relative;
|
||||
min-height: 130px;
|
||||
padding-bottom: 16px;
|
||||
}
|
||||
img.userImage {
|
||||
position: absolute;
|
||||
width: 120px;
|
||||
height: 120px;
|
||||
}
|
||||
div.userComment {
|
||||
margin-left: 130px;
|
||||
}
|
||||
label.commentTime {
|
||||
position: absolute;
|
||||
margin-bottom: 0;
|
||||
left: auto; right: 10px; bottom: 0;
|
||||
font-size: 12px;
|
||||
font-style: italic;
|
||||
font-weight: normal;
|
||||
}
|
||||
label.commentTime > a.report {
|
||||
padding-right: 10px;
|
||||
}
|
||||
|
||||
div[data-comment-group-index] { display: none; }
|
||||
div[data-comment-group-index="0"] { display: block; }
|
||||
42
public/css/signup_extended.css
Normal file
42
public/css/signup_extended.css
Normal file
@ -0,0 +1,42 @@
|
||||
/* 初始化版面 */
|
||||
html, body {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
/* 設定變景圖 */
|
||||
body {
|
||||
background: url("../images/Abstract_4.png") no-repeat center center fixed;
|
||||
-webkit-background-size: cover;
|
||||
-moz-background-size: cover;
|
||||
-o-background-size: cover;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
/* 調整輸入 */
|
||||
form.form-signin {
|
||||
position: relative;
|
||||
margin: 20px auto 20px auto;
|
||||
width: 600px;
|
||||
}
|
||||
|
||||
div.flexContainer { display: flex; position: relative; }
|
||||
div.flex-1 { display: flex; width: auto; flex: 1; }
|
||||
div.flex-2 { display: flex; width: auto; flex: 2; }
|
||||
|
||||
hr { border-top-width: 2px; border-color: white; box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5); }
|
||||
|
||||
a.rightSideText {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
margin-right: 15px;
|
||||
}
|
||||
|
||||
/* 將尾版設置為絕對位置 */
|
||||
footer {
|
||||
position: absolute;
|
||||
left: 0; right: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
10
public/css/star-rating.min.css
vendored
Executable file
10
public/css/star-rating.min.css
vendored
Executable file
@ -0,0 +1,10 @@
|
||||
/*!
|
||||
* bootstrap-star-rating v4.0.2
|
||||
* http://plugins.krajee.com/star-rating
|
||||
*
|
||||
* Author: Kartik Visweswaran
|
||||
* Copyright: 2013 - 2017, Kartik Visweswaran, Krajee.com
|
||||
*
|
||||
* Licensed under the BSD 3-Clause
|
||||
* https://github.com/kartik-v/bootstrap-star-rating/blob/master/LICENSE.md
|
||||
*/.rating-loading{width:25px;height:25px;font-size:0;color:#fff;background:url(../images/loading.gif) top left no-repeat;border:none}.rating-container .rating-stars{position:relative;cursor:pointer;vertical-align:middle;display:inline-block;overflow:hidden;white-space:nowrap}.rating-container .rating-input{position:absolute;cursor:pointer;width:100%;height:1px;bottom:0;left:0;font-size:1px;border:none;background:0 0;padding:0;margin:0}.rating-disabled .rating-input,.rating-disabled .rating-stars{cursor:not-allowed}.rating-container .star{display:inline-block;margin:0 3px;text-align:center}.rating-container .empty-stars{color:#aaa}.rating-container .filled-stars{position:absolute;left:0;top:0;margin:auto;color:#fde16d;white-space:nowrap;overflow:hidden;-webkit-text-stroke:1px #777;text-shadow:1px 1px #999}.rating-rtl{float:right}.rating-animate .filled-stars{transition:width .25s ease;-o-transition:width .25s ease;-moz-transition:width .25s ease;-webkit-transition:width .25s ease}.rating-rtl .filled-stars{left:auto;right:0;-moz-transform:matrix(-1,0,0,1,0,0) translate3d(0,0,0);-webkit-transform:matrix(-1,0,0,1,0,0) translate3d(0,0,0);-o-transform:matrix(-1,0,0,1,0,0) translate3d(0,0,0);transform:matrix(-1,0,0,1,0,0) translate3d(0,0,0)}.rating-rtl.is-star .filled-stars{right:.06em}.rating-rtl.is-heart .empty-stars{margin-right:.07em}.rating-lg{font-size:3.91em}.rating-md{font-size:3.13em}.rating-sm{font-size:2.5em}.rating-xs{font-size:2em}.rating-xl{font-size:4.89em}.rating-container .clear-rating{color:#aaa;cursor:not-allowed;display:inline-block;vertical-align:middle;font-size:60%;padding-right:5px}.clear-rating-active{cursor:pointer!important}.clear-rating-active:hover{color:#843534}.rating-container .caption{color:#999;display:inline-block;vertical-align:middle;font-size:60%;margin-top:-.6em;margin-left:5px;margin-right:0}.rating-rtl .caption{margin-right:5px;margin-left:0}@media print{.rating-container .clear-rating{display:none}}
|
||||
41
public/css/submit_theme_extended.css
Normal file
41
public/css/submit_theme_extended.css
Normal file
@ -0,0 +1,41 @@
|
||||
html { height: 100%; }
|
||||
|
||||
body {
|
||||
background: url("../images/Abstract.jpg") no-repeat center center fixed;
|
||||
-webkit-background-size: cover;
|
||||
-moz-background-size: cover;
|
||||
-o-background-size: cover;
|
||||
background-size: cover;
|
||||
|
||||
position: relative;
|
||||
margin: 0;
|
||||
padding-bottom: 6rem;
|
||||
min-height: 100%;
|
||||
}
|
||||
|
||||
input[type="file"] {
|
||||
width: 0.1px;
|
||||
height: 0.1px;
|
||||
opacity: 0;
|
||||
overflow: hidden;
|
||||
position: absolute;
|
||||
outline: none;
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
input.form-control {
|
||||
margin-right: 20px;
|
||||
}
|
||||
|
||||
input.form-control[disabled] {
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
textarea {
|
||||
resize: none;
|
||||
}
|
||||
|
||||
footer {
|
||||
position: absolute;
|
||||
bottom:0; left: 0; right: 0;
|
||||
}
|
||||
75
public/css/theme_extended.css
Normal file
75
public/css/theme_extended.css
Normal file
@ -0,0 +1,75 @@
|
||||
body {
|
||||
background: url("../images/ArtMuseum.jpg") no-repeat center center fixed;
|
||||
-webkit-background-size: cover;
|
||||
-moz-background-size: cover;
|
||||
-o-background-size: cover;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
.container-table {
|
||||
height: 100%;
|
||||
display: table;
|
||||
}
|
||||
.vertical-center-row {
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.bg-themes, .bg-finishedThemes {
|
||||
-webkit-background-size: cover;
|
||||
-moz-background-size: cover;
|
||||
-o-background-size: cover;
|
||||
background-size: cover;
|
||||
background-attachment: fixed;
|
||||
}
|
||||
|
||||
.bg-themes { background: url("../images/Underwater.jpg") no-repeat center center fixed; }
|
||||
.bg-finishedThemes { background: url("../images/BlueWater_2.jpg") no-repeat center center fixed; }
|
||||
|
||||
.layout-title {
|
||||
min-height: 340px;
|
||||
}
|
||||
|
||||
/* 主題版面樣式設定 */
|
||||
|
||||
div.col-sm-6.col-xs-12 { padding-bottom: 20px; }
|
||||
|
||||
div.panel.panel-default img{ width: 100%; box-shadow: 3px 3px 5px black; }
|
||||
div.panel.panel-default h3 { margin-top: 10px; }
|
||||
div.panel.panel-default { position: relative; height: 100%; }
|
||||
|
||||
div.panel-footer { position: absolute; width: 100%; bottom: 0; }
|
||||
|
||||
div.panel-body.text-normal.popular-theme { padding-bottom: 80px; }
|
||||
div.panel-body { padding-bottom: 60px; }
|
||||
|
||||
.row-eq-height {
|
||||
display: -webkit-box;
|
||||
display: -webkit-flex;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
/* 已結束的活動 */
|
||||
|
||||
div.finished-list {
|
||||
background-color: rgba(84, 84, 84, 0.7);
|
||||
height: 500px;
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
a.list-group-item {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
a.list-group-item label.author {
|
||||
width: 100px;
|
||||
margin-bottom: 0;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.to-right {
|
||||
position: absolute;
|
||||
right: 20px;
|
||||
cursor: pointer;
|
||||
}
|
||||
65
public/css/vote_theme_extended.css
Normal file
65
public/css/vote_theme_extended.css
Normal file
@ -0,0 +1,65 @@
|
||||
html { height: 100%; }
|
||||
|
||||
body {
|
||||
background: url("../images/Abstract.jpg") no-repeat center center fixed;
|
||||
-webkit-background-size: cover;
|
||||
-moz-background-size: cover;
|
||||
-o-background-size: cover;
|
||||
background-size: cover;
|
||||
|
||||
position: relative;
|
||||
margin: 0;
|
||||
padding-bottom: 6rem;
|
||||
min-height: 100%;
|
||||
}
|
||||
|
||||
/* 標題 */
|
||||
h1.title {
|
||||
padding: 10px 0;
|
||||
margin: 10px 0 20px 0;
|
||||
text-align: center;
|
||||
background-color: rgba(252, 213, 103, 0.5);
|
||||
}
|
||||
|
||||
/* Panel 主題 */
|
||||
div.panel-heading {
|
||||
position: relative;
|
||||
}
|
||||
h4.panel-title > a.themeTitle {
|
||||
font-size: 1.2em;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
transition-duration: 0.3s;
|
||||
}
|
||||
h4.panel-title > a.themeTitle:hover {
|
||||
color: #5a9ced;
|
||||
}
|
||||
|
||||
/* 選擇按鈕 */
|
||||
input.btn-selection {
|
||||
position: absolute;
|
||||
top: 5px; right: 5px;
|
||||
}
|
||||
input.btn-selected, input.btn-selected:hover, input.btn-selected:active, input.btn-selected:focus {
|
||||
background: #994c00; /* Old browsers */
|
||||
background: -moz-linear-gradient(top, #994c00 0%, #d87e00 100%); /* FF3.6-15 */
|
||||
background: -webkit-linear-gradient(top, #994c00 0%,#d87e00 100%); /* Chrome10-25,Safari5.1-6 */
|
||||
background: linear-gradient(to bottom, #994c00 0%,#d87e00 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
|
||||
color: white;
|
||||
}
|
||||
|
||||
/* 發起者 */
|
||||
div.originator {
|
||||
font-weight: bold;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
span.originator {
|
||||
font-size: 1.2em;
|
||||
font-weight: 900;
|
||||
animation: trans-blue-black 5s infinite;
|
||||
}
|
||||
|
||||
footer {
|
||||
position: absolute;
|
||||
bottom:0; left: 0; right: 0;
|
||||
}
|
||||
46
public/css/write_message_extended.css
Normal file
46
public/css/write_message_extended.css
Normal file
@ -0,0 +1,46 @@
|
||||
html { height: 100%; box-sizing: border-box; }
|
||||
*, *:before, *:after { box-sizing: inherit; }
|
||||
|
||||
body {
|
||||
background: url("../images/Abstract_2.jpg") no-repeat center center fixed;
|
||||
-webkit-background-size: cover;
|
||||
-moz-background-size: cover;
|
||||
-o-background-size: cover;
|
||||
background-size: cover;
|
||||
|
||||
position: relative;
|
||||
margin: 0;
|
||||
padding-bottom: 6rem;
|
||||
min-height: 100%;
|
||||
}
|
||||
|
||||
input[disabled] { cursor: default; }
|
||||
|
||||
div.form-group { position: relative; }
|
||||
|
||||
div.form-group button.dropdown-toggle {
|
||||
position: absolute;
|
||||
top: 0; left: 12;
|
||||
border-radius: 5px 0 0 5px;
|
||||
width: 100px;
|
||||
}
|
||||
|
||||
div.form-group input.dropdown-textbox {
|
||||
width: calc(100% - 100px);
|
||||
border-radius: 0 5px 5px 0;
|
||||
margin-left: 100px;
|
||||
}
|
||||
|
||||
textarea {
|
||||
resize: none;
|
||||
}
|
||||
|
||||
label.checkbox-inline {
|
||||
padding: 0 10px 0 0;
|
||||
}
|
||||
|
||||
.footer {
|
||||
position: absolute;
|
||||
right: 0; bottom: 0;
|
||||
left: 0;
|
||||
}
|
||||
Reference in New Issue
Block a user