mirror of
https://github.com/Lastorder-DC/rhymix.git
synced 2026-01-09 03:32:00 +09:00
288 lines
16 KiB
CSS
288 lines
16 KiB
CSS
@charset "utf-8";
|
|
/* Horizontal Align */
|
|
.xm .pull-right{float:right}
|
|
.xm .pull-left{float:left}
|
|
/* DL Horizontal */
|
|
.xm .dl-horizontal{*zoom:1}
|
|
.xm .dl-horizontal:before,
|
|
.xm .dl-horizontal:after{display:table;line-height:0;content:""}
|
|
.xm .dl-horizontal:after{clear:both}
|
|
.xm .dl-horizontal dt{float:left;width:160px;overflow:hidden;clear:left;text-align:right;text-overflow:ellipsis;white-space:nowrap}
|
|
.xm .dl-horizontal dd{margin-left:180px}
|
|
/* Form Control Reset */
|
|
.xm form{margin:0 0 20px}
|
|
.xm fieldset{padding:0;margin:0;border:0}
|
|
.xm label,
|
|
.xm input,
|
|
.xm button,
|
|
.xm select,
|
|
.xm textarea{font-weight:normal;line-height:20px}
|
|
.xm label{display:block;margin-bottom:5px}
|
|
.xm label.x_inline{display:inline-block;margin-right:12px}
|
|
.xm select,
|
|
.xm textarea,
|
|
.xm input[type="text"],
|
|
.xm input[type="password"],
|
|
.xm input[type="datetime"],
|
|
.xm input[type="datetime-local"],
|
|
.xm input[type="date"],
|
|
.xm input[type="month"],
|
|
.xm input[type="time"],
|
|
.xm input[type="week"],
|
|
.xm input[type="number"],
|
|
.xm input[type="email"],
|
|
.xm input[type="url"],
|
|
.xm input[type="search"],
|
|
.xm input[type="tel"],
|
|
.xm input[type="color"]{display:inline-block; height:30px; padding:4px 6px; margin-bottom:10px; line-height:20px; color:var(--color-gray-900); vertical-align:middle; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; background-color: var(--color-gray-300);}
|
|
.xm input,
|
|
.xm textarea{width:206px}
|
|
.xm textarea{height:auto}
|
|
.xm textarea,
|
|
.xm input[type="text"],
|
|
.xm input[type="password"],
|
|
.xm input[type="datetime"],
|
|
.xm input[type="datetime-local"],
|
|
.xm input[type="date"],
|
|
.xm input[type="month"],
|
|
.xm input[type="time"],
|
|
.xm input[type="week"],
|
|
.xm input[type="number"],
|
|
.xm input[type="email"],
|
|
.xm input[type="url"],
|
|
.xm input[type="search"],
|
|
.xm input[type="tel"],
|
|
.xm input[type="color"]{background-color:var(--color-gray-050);border:1px solid var(--color-gray-500);-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);-webkit-transition:border linear 0.2s, box-shadow linear 0.2s;-moz-transition:border linear 0.2s, box-shadow linear 0.2s;-o-transition:border linear 0.2s, box-shadow linear 0.2s;transition:border linear 0.2s, box-shadow linear 0.2s}
|
|
.xm textarea:focus,
|
|
.xm input[type="text"]:focus,
|
|
.xm input[type="password"]:focus,
|
|
.xm input[type="datetime"]:focus,
|
|
.xm input[type="datetime-local"]:focus,
|
|
.xm input[type="date"]:focus,
|
|
.xm input[type="month"]:focus,
|
|
.xm input[type="time"]:focus,
|
|
.xm input[type="week"]:focus,
|
|
.xm input[type="number"]:focus,
|
|
.xm input[type="email"]:focus,
|
|
.xm input[type="url"]:focus,
|
|
.xm input[type="search"]:focus,
|
|
.xm input[type="tel"]:focus,
|
|
.xm input[type="color"]:focus{border-color:rgba(82, 168, 236, 0.8);outline:0;outline:thin dotted \9;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6)}
|
|
.xm input[type="radio"],
|
|
.xm input[type="checkbox"]{margin:0;line-height:normal}
|
|
.xm input[type="file"],
|
|
.xm input[type="image"],
|
|
.xm input[type="submit"],
|
|
.xm input[type="reset"],
|
|
.xm input[type="button"],
|
|
.xm input[type="radio"],
|
|
.xm input[type="checkbox"]{width:auto}
|
|
.xm select,
|
|
.xm input[type="file"]{height:30px;*margin-top:4px;line-height:30px}
|
|
.xm select{background-color:var(--color-gray-050);border:1px solid var(--color-gray-500)}
|
|
.xm select[multiple],
|
|
.xm select[size]{height:auto}
|
|
.xm select:focus,
|
|
.xm input[type="file"]:focus,
|
|
.xm input[type="radio"]:focus,
|
|
.xm input[type="checkbox"]:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
|
|
.xm input:-moz-placeholder,
|
|
.xm textarea:-moz-placeholder {color:#999999}
|
|
.xm input:-ms-input-placeholder,
|
|
.xm textarea:-ms-input-placeholder {color:#999999}
|
|
.xm input::-webkit-input-placeholder,
|
|
.xm textarea::-webkit-input-placeholder {color:#999999}
|
|
.xm input,
|
|
.xm textarea{margin-left:0}
|
|
.xm input[disabled],
|
|
.xm select[disabled],
|
|
.xm textarea[disabled],
|
|
.xm input[readonly],
|
|
.xm select[readonly],
|
|
.xm textarea[readonly]{cursor:not-allowed; background-color:var(--color-gray-200); color: var(--color-gray-500); border-color: var(--color-gray-300);}
|
|
.xm input[type="radio"][disabled],
|
|
.xm input[type="checkbox"][disabled],
|
|
.xm input[type="radio"][readonly],
|
|
.xm input[type="checkbox"][readonly]{background-color:transparent}
|
|
.xm input:focus:invalid,
|
|
.xm textarea:focus:invalid,
|
|
.xm select:focus:invalid {color:#b94a48;border-color:#ee5f5b}
|
|
.xm input:focus:invalid:focus,
|
|
.xm textarea:focus:invalid:focus,
|
|
.xm select:focus:invalid:focus {border-color:#e9322d;-webkit-box-shadow:0 0 6px #f8b9b7;-moz-box-shadow:0 0 6px #f8b9b7;box-shadow:0 0 6px #f8b9b7}
|
|
/* Forms */
|
|
.xm .form-horizontal .control-group{margin-bottom:20px;*zoom:1}
|
|
.xm .form-horizontal .control-group:before,
|
|
.xm .form-horizontal .control-group:after{display:table;line-height:0;content:""}
|
|
.xm .form-horizontal .control-group:after{clear:both}
|
|
.xm .form-horizontal .control-label{float:left;width:160px;padding-top:5px;text-align:right}
|
|
.xm .form-horizontal .controls{*display:inline-block;*padding-left:20px;margin-left:180px;*margin-left:0}
|
|
.xm .form-horizontal .controls:first-child{*padding-left:180px}
|
|
.xm .form-horizontal .help-block{margin-bottom:0}
|
|
.xm .form-horizontal input+.help-block,
|
|
.xm .form-horizontal select+.help-block,
|
|
.xm .form-horizontal textarea+.help-block,
|
|
.xm .form-horizontal .input-prepend+.help-block,
|
|
.xm .form-horizontal .input-append+.help-block{margin-top:10px}
|
|
.xm .help-block,
|
|
.xm .help-inline{color:var(--color-gray-500);}
|
|
.xm .help-block{display:block;margin-bottom:10px}
|
|
.xm .help-inline{margin:0;display:inline-block;*display:inline;padding-left:5px;vertical-align:middle;*zoom:1}
|
|
.xm .input-append,
|
|
.xm .input-prepend{display:inline-block;margin-bottom:10px;font-size:0;white-space:nowrap;vertical-align:middle}
|
|
.xm .input-append input,
|
|
.xm .input-prepend input,
|
|
.xm .input-append select,
|
|
.xm .input-prepend select{position:relative;margin-bottom:0;*margin-left:0;vertical-align:top;-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0}
|
|
.xm .input-append input:focus,
|
|
.xm .input-prepend input:focus,
|
|
.xm .input-append select:focus,
|
|
.xm .input-prepend select:focus{z-index:2}
|
|
.xm .input-append .add-on,
|
|
.xm .input-prepend .add-on{display:inline-block;width:auto;height:20px;min-width:16px;padding:4px 5px;font-weight:normal;line-height:20px;text-align:center;text-shadow:0 1px 0 #ffffff;background-color:#eeeeee;border:1px solid #ccc}
|
|
.xm .input-append .add-on,
|
|
.xm .input-prepend .add-on,
|
|
.xm .input-append .btn,
|
|
.xm .input-prepend .btn{vertical-align:top;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}
|
|
.xm .input-append .active,
|
|
.xm .input-prepend .active{background-color:#a9dba9;border-color:#46a546}
|
|
.xm .input-prepend .add-on,
|
|
.xm .input-prepend .btn{margin-right:-1px}
|
|
.xm .input-prepend .add-on:first-child,
|
|
.xm .input-prepend .btn:first-child{-webkit-border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px}
|
|
.xm .input-append input,
|
|
.xm .input-append select{-webkit-border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px}
|
|
.xm .input-append input+.btn-group .btn:last-child,
|
|
.xm .input-append select+.btn-group .btn:last-child{-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0}
|
|
.xm .input-append .add-on,
|
|
.xm .input-append .btn,
|
|
.xm .input-append .btn-group{margin-left:-1px}
|
|
.xm .input-append .add-on:last-child,
|
|
.xm .input-append .btn:last-child,
|
|
.xm .input-append .btn-group:last-child>.dropdown-toggle{-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0}
|
|
.xm .input-prepend.input-append input,
|
|
.xm .input-prepend.input-append select{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}
|
|
.xm .input-prepend.input-append input+.btn-group .btn,
|
|
.xm .input-prepend.input-append select+.btn-group .btn{-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0}
|
|
.xm .input-prepend.input-append .add-on:first-child,
|
|
.xm .input-prepend.input-append .btn:first-child{margin-right:-1px;-webkit-border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px}
|
|
.xm .input-prepend.input-append .add-on:last-child,
|
|
.xm .input-prepend.input-append .btn:last-child{margin-left:-1px;-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0}
|
|
.xm .input-prepend.input-append .btn-group:first-child{margin-left:0}
|
|
.xm .form-horizontal input,
|
|
.xm .form-horizontal textarea,
|
|
.xm .form-horizontal select,
|
|
.xm .form-horizontal .help-inline,
|
|
.xm .form-horizontal .input-prepend,
|
|
.xm .form-horizontal .input-append{display:inline-block;*display:inline;margin-bottom:0;vertical-align:middle;*zoom:1}
|
|
.xm .form-horizontal .hide{display:none}
|
|
.xm .control-group{margin-bottom:10px}
|
|
/* Tabs */
|
|
.xm .nav{margin:0 0 20px 0;padding:0;list-style:none}
|
|
.xm .nav>li>a{display:block; color: var(--color-black); transition: ease .2s;}
|
|
.xm .nav>li>a:hover,
|
|
.xm .nav>li>a:focus{text-decoration:none;background-color:var(--color-gray-900); color: var(--color-white);}
|
|
.xm .nav-tabs{*zoom:1}
|
|
.xm .nav-tabs:before,
|
|
.xm .nav-tabs:after{display:table;line-height:0;content:""}
|
|
.xm .nav-tabs:after{clear:both}
|
|
.xm .nav-tabs>li{float:left}
|
|
.xm .nav-tabs>li>a{padding-right:12px;padding-left:12px;margin-right:2px;line-height:14px}
|
|
.xm .nav-tabs{border-bottom:1px solid #ddd}
|
|
.xm .nav-tabs>li{margin-bottom:-1px}
|
|
.xm .nav-tabs>li>a{padding-top:8px;padding-bottom:8px;line-height:20px;border:1px solid transparent;-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0}
|
|
.xm .nav-tabs>li>a:hover,
|
|
.xm .nav-tabs>li>a:focus{border-color:#eeeeee #eeeeee #dddddd}
|
|
.xm .nav-tabs>.active>a,
|
|
.xm .nav-tabs>.active>a:hover,
|
|
.xm .nav-tabs>.active>a:focus{color:#333;cursor:default;background-color:#ffffff;border:1px solid #ddd;border-bottom-color:transparent}
|
|
/* Table */
|
|
.xm .table{max-width:100%;background-color:transparent;border-collapse:collapse;border-spacing:0;width:100%;margin-bottom:20px}
|
|
.xm .table th,
|
|
.xm .table td{padding:8px;line-height:20px;text-align:left;vertical-align:top;border-top:1px solid; border-color: var(--color-gray-400); vertical-align: middle;}
|
|
.xm .table td>a {color: var(--color-black);}
|
|
.xm .table td button.delete_autologin {border-radius: 5px; transition: ease .2s; border-width: 1px;}
|
|
.xm .table td button.delete_autologin:hover {background-color: #8883; color: var(--color-black);}
|
|
.xm .table th{font-weight:bold}
|
|
.xm .table thead th{vertical-align:bottom}
|
|
.xm .table caption+thead tr:first-child th,
|
|
.xm .table caption+thead tr:first-child td,
|
|
.xm .table colgroup+thead tr:first-child th,
|
|
.xm .table colgroup+thead tr:first-child td,
|
|
.xm .table thead:first-child tr:first-child th,
|
|
.xm .table thead:first-child tr:first-child td{border-top:0}
|
|
.xm .table tbody+tbody{border-top:2px solid #dddddd}
|
|
.xm .table-striped tbody>tr:nth-child(odd)>td,
|
|
.xm .table-striped tbody>tr:nth-child(odd)>th{background-color:var(--color-gray-100); transition: ease .2s;}
|
|
.xm .table-hover tbody tr:hover>td,
|
|
.xm .table-hover tbody tr:hover>th{background-color:var(--color-gray-050);}
|
|
/* Pangination */
|
|
.xm .pagination{margin:20px 0; overflow: hidden;}
|
|
.xm .pagination ul{display:inline-block;*display:inline;margin-bottom:0;margin-left:0;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;*zoom:1;-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);box-shadow:0 1px 2px rgba(0, 0, 0, 0.05)}
|
|
.xm .pagination ul>li{display:inline}
|
|
.xm .pagination ul>li>a,
|
|
.xm .pagination ul>li>span{float:left;padding:4px 12px;line-height:20px;text-decoration:none;background-color:#ffffff;border:1px solid #dddddd;border-left-width:0}
|
|
.xm .pagination ul>li>a:hover,
|
|
.xm .pagination ul>li>a:focus,
|
|
.xm .pagination ul>.active>a,
|
|
.xm .pagination ul>.active>span{background-color:#f5f5f5}
|
|
.xm .pagination ul>.active>a,
|
|
.xm .pagination ul>.active>span{color:#333;cursor:default}
|
|
.xm .pagination ul>.disabled>span,
|
|
.xm .pagination ul>.disabled>a,
|
|
.xm .pagination ul>.disabled>a:hover,
|
|
.xm .pagination ul>.disabled>a:focus{color:#999999;cursor:default;background-color:transparent}
|
|
.xm .pagination ul>li:first-child>a,
|
|
.xm .pagination ul>li:first-child>span{border-left-width:1px;-webkit-border-bottom-left-radius:4px;border-bottom-left-radius:4px;-webkit-border-top-left-radius:4px;border-top-left-radius:4px;-moz-border-radius-bottomleft:4px;-moz-border-radius-topleft:4px; background-color: var(--color-gray-100); color: var(--color-gray-900);border-color: var(--color-gray-400); transition: ease .2s;}
|
|
.xm .pagination ul>li:last-child>a,
|
|
.xm .pagination ul>li:last-child>span{-webkit-border-top-right-radius:4px;border-top-right-radius:4px;-webkit-border-bottom-right-radius:4px;border-bottom-right-radius:4px;-moz-border-radius-topright:4px;-moz-border-radius-bottomright:4px; background-color: var(--color-gray-100); color: var(--color-gray-900); border-color: var(--color-gray-400); transition: ease .2s;}
|
|
.xm .pagination ul>li:first-child>a:hover, .xm .pagination ul>li:last-child>a:hover {background-color: var(--color-white);}
|
|
.xm .pagination-centered{text-align:center}
|
|
/* Member module customize */
|
|
.xm,
|
|
.xm input,
|
|
.xm textarea,
|
|
.xm select,
|
|
.xm button,
|
|
.xm table{font-size:13px}
|
|
.xm em{font-style:normal;color:#f00}
|
|
.xm h1{font-size:22px}
|
|
.xm .nav a,
|
|
.xm .btn{text-decoration:none}
|
|
.xm .dl-horizontal>dd{margin-bottom:10px}
|
|
.xm .table{border-top:1px solid var(--color-gray-400); border-bottom:1px solid var(--color-gray-400);}
|
|
.xm .table>caption{text-align:left;font-weight:bold}
|
|
.xm .table>caption>.pull-right{position:relative;top:-8px}
|
|
.xm .signin{width:400px;margin:30px auto;background-color:#ffffff;border:1px solid #999;border-radius:6px;box-shadow:0 3px 7px #ccc;box-sizing:border-box}
|
|
.xm .signin>.login-header{padding:9px 15px;border-bottom:1px solid #eee}
|
|
.xm .signin>.login-header>h1{margin:0;font-size:16px;line-height:1.4;font-weight:600;color:#666}
|
|
.xm .signin>.login-header>h1>i{opacity:.5;filter:alpha(opacity=50);margin:2px 0 0 0}
|
|
.xm .signin>.login-body{max-height:400px;padding:15px}
|
|
.xm .signin>.login-body>*:first-child{margin-top:0}
|
|
.xm .signin>.login-footer{padding:14px 15px 15px;margin-bottom:0;text-align:right;background-color:#f5f5f5;border-top:1px solid #ddd;-webkit-border-radius:0 0 6px 6px;-moz-border-radius:0 0 6px 6px;border-radius:0 0 6px 6px;*zoom:1;-webkit-box-shadow:inset 0 1px 0 #ffffff;-moz-box-shadow:inset 0 1px 0 #ffffff;box-shadow:inset 0 1px 0 #ffffff;color:#ccc}
|
|
.xm .signin>.login-footer:before,
|
|
.xm .signin>.login-footer:after{display:table;line-height:0;content:"";clear:both}
|
|
.xm .signin>.login-footer>a{text-decoration:none}
|
|
.xm .signin>.login-footer>a:hover,
|
|
.xm .signin>.login-footer>a:active,
|
|
.xm .signin>.login-footer>a:focus{text-decoration:underline}
|
|
.xm .signin .control-group{position:relative;padding:0 14px 0 0;margin:0;clear:both}
|
|
.xm .signin .control-group:before{content:"";display:block;clear:both}
|
|
.xm .signin .captcha{margin-bottom:10px}
|
|
.xm .signin form{margin:0}
|
|
.xm .signin fieldset{margin:0}
|
|
.xm .signin label{cursor:pointer;display:inline-block}
|
|
.xm .signin input[type="text"],
|
|
.xm .signin input[type="email"],
|
|
.xm .signin input[type="password"]{width:100%}
|
|
.xm .signin input[type="checkbox"]{margin:0}
|
|
.xm .signin .btn{border-radius:2px;overflow:visible;font-size:14px;line-height:18px;padding:3px 9px}
|
|
.xm .signin .submit{position:absolute;top:0;right:0}
|
|
.xm .signin #warning{margin-right:-14px}
|
|
.xm .signin #warning>p{margin:10px 0}
|
|
.xm .agreement{border:1px solid var(--color-gray-900);padding:15px 15px 10px 15px;border-radius:5px;background:var(--color-gray-050);margin-bottom:15px}
|
|
.xm .agreement>.title{padding: 0 0 10px 0;margin:0 0 10px 0;border-bottom:1px dotted var(--color-gray-900); font-size:16px;font-weight:bold}
|
|
.xm .agreement>.text{max-height:200px;overflow:auto}
|
|
.xm .agreement>.confirm{padding:10px 0 0 0;margin:10px 0 0 0;border-top:1px dotted var(--color-gray-900);}
|
|
@media all and (max-width:480px){.xm .signin{margin:0;width:100%}}
|
|
@media all and (min-width:768px){.xm .dl-horizontal>dt{margin-bottom:10px}}
|