css fixes by ika

This commit is contained in:
orbit 2017-03-22 16:55:52 +08:00
parent 4895dc03be
commit afcca1c365
3 changed files with 406 additions and 356 deletions

File diff suppressed because it is too large Load Diff

View File

@ -73,211 +73,239 @@
text-align: center;
}
/* line 91, ../sass/rwd.scss */
/* line 92, ../sass/rwd.scss */
.cp-main .cp-content .cp-submenu-box .cp-filter-box {
clear: both;
float: none;
width: 100%;
margin: 0 0 10px;
}
/* line 97, ../sass/rwd.scss */
.cp-main .cp-content .cp-submenu-box .cp-filter-box select.form-control {
float: none;
width: 100%;
margin: 0 0 10px;
}
/* line 102, ../sass/rwd.scss */
.cp-main .cp-content .cp-submenu-box .cp-filter-box .btn {
float: left;
margin: 0 10px 10px 0;
}
/* line 106, ../sass/rwd.scss */
.cp-main .cp-content .cp-submenu-box .cp-filter-box .btn-gray {
color: #333;
background: #eee;
border-color: #ccc;
}
/* line 110, ../sass/rwd.scss */
.cp-main .cp-content .cp-submenu-box .cp-filter-box .btn-gray:hover {
background: #ddd;
}
/* line 116, ../sass/rwd.scss */
.cp-main .cp-content .cp-contract-detail {
padding: 20px 0;
}
/* line 93, ../sass/rwd.scss */
/* line 118, ../sass/rwd.scss */
.cp-main .cp-content .cp-contract-detail .sub-title {
margin: 40px auto 10px;
}
/* line 95, ../sass/rwd.scss */
/* line 120, ../sass/rwd.scss */
.cp-main .cp-content .cp-contract-detail .sub-title.ft {
margin: 20px auto 10px;
}
/* line 99, ../sass/rwd.scss */
/* line 124, ../sass/rwd.scss */
.cp-main .cp-content .cp-contract-detail .line-contract {
width: 90%;
}
/* line 102, ../sass/rwd.scss */
/* line 127, ../sass/rwd.scss */
.cp-main .cp-content .cp-contract-detail .line-contract.qt .header-detail {
float: left;
}
/* line 105, ../sass/rwd.scss */
/* line 130, ../sass/rwd.scss */
.cp-main .cp-content .cp-contract-detail .line-contract.qt .content-detail {
float: right;
}
/* line 116, ../sass/rwd.scss */
/* line 141, ../sass/rwd.scss */
.cp-main .cp-content .cp-contract-detail .line-contract.buttons .btn {
width: 100%;
margin: 0 0 10px;
}
/* line 121, ../sass/rwd.scss */
/* line 146, ../sass/rwd.scss */
.cp-main .cp-content .cp-contract-detail .line-contract .header-detail {
display: block;
float: none;
width: 100%;
}
/* line 126, ../sass/rwd.scss */
/* line 151, ../sass/rwd.scss */
.cp-main .cp-content .cp-contract-detail .line-contract .content-detail {
display: block;
float: none;
width: 100%;
}
/* line 133, ../sass/rwd.scss */
/* line 158, ../sass/rwd.scss */
.cp-main .cp-content .cp-requested-detail {
padding: 20px 0;
}
/* line 135, ../sass/rwd.scss */
/* line 160, ../sass/rwd.scss */
.cp-main .cp-content .cp-requested-detail .line-detail {
width: 90%;
}
/* line 141, ../sass/rwd.scss */
/* line 166, ../sass/rwd.scss */
.cp-main .cp-content .cp-requested-detail .line-detail .header-detail {
display: block;
float: none;
width: 100%;
}
/* line 146, ../sass/rwd.scss */
/* line 171, ../sass/rwd.scss */
.cp-main .cp-content .cp-requested-detail .line-detail .content-detail {
display: block;
float: none;
width: 100%;
}
/* line 155, ../sass/rwd.scss */
/* line 180, ../sass/rwd.scss */
.cp-main .cp-content .cp-addsite-step0 {
width: 100%;
}
/* line 157, ../sass/rwd.scss */
/* line 182, ../sass/rwd.scss */
.cp-main .cp-content .cp-addsite-step0 a {
padding: 30px;
}
/* line 159, ../sass/rwd.scss */
/* line 184, ../sass/rwd.scss */
.cp-main .cp-content .cp-addsite-step0 a .fa {
top: 30px;
}
/* line 162, ../sass/rwd.scss */
/* line 187, ../sass/rwd.scss */
.cp-main .cp-content .cp-addsite-step0 a .fa-sp {
font-size: 180px;
top: -45px;
right: -10px;
}
/* line 167, ../sass/rwd.scss */
/* line 192, ../sass/rwd.scss */
.cp-main .cp-content .cp-addsite-step0 a span {
font-size: 20px;
}
/* line 176, ../sass/rwd.scss */
/* line 201, ../sass/rwd.scss */
.cp-main .cp-content .cp-addsite-step1 .box-addsite-forms .box-form .line-add.box-buttons .btn {
margin: 0 10px;
}
/* line 184, ../sass/rwd.scss */
/* line 209, ../sass/rwd.scss */
.cp-main .cp-content .cp-function-box .cp-search-box {
float: none;
width: 100%;
margin: 0 0 20px;
}
/* line 191, ../sass/rwd.scss */
/* line 216, ../sass/rwd.scss */
.cp-main .cp-content .cp-profile-setting .line-profile {
width: 100%;
}
/* line 193, ../sass/rwd.scss */
/* line 218, ../sass/rwd.scss */
.cp-main .cp-content .cp-profile-setting .line-profile label {
float: none;
width: 100%;
}
/* line 197, ../sass/rwd.scss */
/* line 222, ../sass/rwd.scss */
.cp-main .cp-content .cp-profile-setting .line-profile input {
float: none;
width: 100%;
}
/* line 201, ../sass/rwd.scss */
/* line 226, ../sass/rwd.scss */
.cp-main .cp-content .cp-profile-setting .line-profile textarea {
float: none;
width: 100%;
}
/* line 205, ../sass/rwd.scss */
/* line 230, ../sass/rwd.scss */
.cp-main .cp-content .cp-profile-setting .line-profile .pull-r {
float: none;
width: 100%;
}
}
@media only screen and (max-width: 480px) {
/* line 218, ../sass/rwd.scss */
/* line 243, ../sass/rwd.scss */
.cp-banner .box-banner .item-ba .text-ba {
font-size: 15px;
width: 80%;
text-align: center;
}
/* line 228, ../sass/rwd.scss */
/* line 253, ../sass/rwd.scss */
.cp-main .cp-login-page .cp-login-box {
width: 100%;
}
/* line 230, ../sass/rwd.scss */
/* line 255, ../sass/rwd.scss */
.cp-main .cp-login-page .cp-login-box .line-login {
width: 100%;
max-width: 100vw;
}
/* line 240, ../sass/rwd.scss */
/* line 265, ../sass/rwd.scss */
.cp-main .cp-content .cp-addsite-step1 .box-addsite-forms .box-form .form-title {
margin: 0 20px 20px;
}
/* line 243, ../sass/rwd.scss */
/* line 268, ../sass/rwd.scss */
.cp-main .cp-content .cp-addsite-step1 .box-addsite-forms .box-form .box-check-host {
float: none;
width: 100%;
}
/* line 248, ../sass/rwd.scss */
/* line 273, ../sass/rwd.scss */
.cp-main .cp-content .cp-addsite-step1 .box-addsite-forms .box-form .line-add label {
display: block;
float: none;
width: 100%;
}
/* line 253, ../sass/rwd.scss */
/* line 278, ../sass/rwd.scss */
.cp-main .cp-content .cp-addsite-step1 .box-addsite-forms .box-form .line-add .form-control {
float: none;
width: 100%;
}
/* line 257, ../sass/rwd.scss */
/* line 282, ../sass/rwd.scss */
.cp-main .cp-content .cp-addsite-step1 .box-addsite-forms .box-form .line-add .title-custom-check {
width: calc(100% - 30px);
}
/* line 261, ../sass/rwd.scss */
/* line 286, ../sass/rwd.scss */
.cp-main .cp-content .cp-addsite-step1 .box-addsite-forms .box-form .line-add.box-buttons .btn {
margin: 0 5px;
width: calc(50% - 20px);
font-size: 12px;
}
/* line 269, ../sass/rwd.scss */
/* line 294, ../sass/rwd.scss */
.cp-main .cp-content .cp-addsite-step1 .box-addsite-forms .box-form .default-mod-list .item-mod {
width: 100%;
margin: 0 0 10px;
}
/* line 274, ../sass/rwd.scss */
/* line 299, ../sass/rwd.scss */
.cp-main .cp-content .cp-addsite-step1 .box-addsite-forms .box-form .box-drop {
display: block;
}
/* line 276, ../sass/rwd.scss */
/* line 301, ../sass/rwd.scss */
.cp-main .cp-content .cp-addsite-step1 .box-addsite-forms .box-form .box-drop .additional-mod-list {
width: 100%;
margin: 0 0 20px;
}
/* line 280, ../sass/rwd.scss */
/* line 305, ../sass/rwd.scss */
.cp-main .cp-content .cp-addsite-step1 .box-addsite-forms .box-form .box-drop .selected-mod-list {
width: 100%;
margin: 0;
}
/* line 289, ../sass/rwd.scss */
/* line 314, ../sass/rwd.scss */
.cp-main .cp-content .list-ticket .item-ticket {
padding: 30px 0 0;
}
/* line 291, ../sass/rwd.scss */
/* line 316, ../sass/rwd.scss */
.cp-main .cp-content .list-ticket .item-ticket .subject-ticket {
padding: 10px;
}
/* line 295, ../sass/rwd.scss */
/* line 320, ../sass/rwd.scss */
.cp-main .cp-content .list-ticket .item-ticket .info-ticket span {
display: block;
}
/* line 302, ../sass/rwd.scss */
/* line 327, ../sass/rwd.scss */
.cp-main .cp-content .list-servers .item-servers {
padding: 30px 0 0;
}
/* line 304, ../sass/rwd.scss */
/* line 329, ../sass/rwd.scss */
.cp-main .cp-content .list-servers .item-servers .name-server {
padding: 10px;
}
/* line 310, ../sass/rwd.scss */
/* line 335, ../sass/rwd.scss */
.cp-main .cp-content .cp-function-box .cp-search-box {
float: none;
width: 100%;

View File

@ -18,9 +18,9 @@
<div class="cp-filter-box">
<form action="" method="get">
<%= select_tag "q", options_for_select(@user_sites, params[:q]), :prompt => "All", :class => "form-control" %>
<input type="submit" value="Filter">
<input type="submit" value="Filter" class="btn btn-success">
<% if params[:q].present? %>
<a href="/cpanel/history">Clear</a>
<a href="/cpanel/history" class="btn btn-gray">Clear</a>
<% end %>
</form>
</div>