barisusakli
10 years ago
commit
2781939c50
@ -0,0 +1,607 @@
|
|||||||
|
// Paper 3.3.5
|
||||||
|
// Bootswatch
|
||||||
|
// -----------------------------------------------------
|
||||||
|
|
||||||
|
@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700");
|
||||||
|
|
||||||
|
// Navbar =====================================================================
|
||||||
|
|
||||||
|
.navbar {
|
||||||
|
border: none;
|
||||||
|
.box-shadow(0 1px 2px rgba(0,0,0,.3));
|
||||||
|
|
||||||
|
&-brand {
|
||||||
|
font-size: 24px;
|
||||||
|
}
|
||||||
|
|
||||||
|
&-inverse {
|
||||||
|
.form-control {
|
||||||
|
color: #fff;
|
||||||
|
.placeholder(@navbar-inverse-link-color);
|
||||||
|
|
||||||
|
&[type=text],
|
||||||
|
&[type=password] {
|
||||||
|
.box-shadow(inset 0 -1px 0 @navbar-inverse-link-color);
|
||||||
|
|
||||||
|
&:focus {
|
||||||
|
.box-shadow(inset 0 -2px 0 #fff);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Buttons ====================================================================
|
||||||
|
|
||||||
|
#btn(@class,@bg) {
|
||||||
|
.btn-@{class} {
|
||||||
|
background-size: 200%;
|
||||||
|
background-position: 50%;
|
||||||
|
|
||||||
|
&:focus {
|
||||||
|
background-color: @bg;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:hover,
|
||||||
|
&:active:hover {
|
||||||
|
background-color: darken(@bg, 6%);
|
||||||
|
}
|
||||||
|
|
||||||
|
&:active {
|
||||||
|
background-color: darken(@bg, 12%);
|
||||||
|
#gradient > .radial(darken(@bg, 12%) 10%, @bg 11%);
|
||||||
|
background-size: 1000%;
|
||||||
|
.box-shadow(2px 2px 4px rgba(0,0,0,.4));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
#btn(default,@btn-default-bg);
|
||||||
|
#btn(primary,@btn-primary-bg);
|
||||||
|
#btn(success,@btn-success-bg);
|
||||||
|
#btn(info,@btn-info-bg);
|
||||||
|
#btn(warning,@btn-warning-bg);
|
||||||
|
#btn(danger,@btn-danger-bg);
|
||||||
|
#btn(link,#fff);
|
||||||
|
|
||||||
|
.btn {
|
||||||
|
text-transform: uppercase;
|
||||||
|
border: none;
|
||||||
|
.box-shadow(1px 1px 4px rgba(0,0,0,.4));
|
||||||
|
.transition(all 0.4s);
|
||||||
|
|
||||||
|
&-link {
|
||||||
|
border-radius: @btn-border-radius-base;
|
||||||
|
.box-shadow(none);
|
||||||
|
color: @btn-default-color;
|
||||||
|
|
||||||
|
&:hover,
|
||||||
|
&:focus {
|
||||||
|
.box-shadow(none);
|
||||||
|
color: @btn-default-color;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&-default {
|
||||||
|
|
||||||
|
&.disabled {
|
||||||
|
background-color: rgba(0, 0, 0, 0.1);
|
||||||
|
color: rgba(0, 0, 0, 0.4);
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-group {
|
||||||
|
.btn + .btn,
|
||||||
|
.btn + .btn-group,
|
||||||
|
.btn-group + .btn,
|
||||||
|
.btn-group + .btn-group {
|
||||||
|
margin-left: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
&-vertical {
|
||||||
|
> .btn + .btn,
|
||||||
|
> .btn + .btn-group,
|
||||||
|
> .btn-group + .btn,
|
||||||
|
> .btn-group + .btn-group {
|
||||||
|
margin-top: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Typography =================================================================
|
||||||
|
|
||||||
|
body {
|
||||||
|
-webkit-font-smoothing: antialiased;
|
||||||
|
letter-spacing: .1px;
|
||||||
|
}
|
||||||
|
|
||||||
|
p {
|
||||||
|
margin: 0 0 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
input,
|
||||||
|
button {
|
||||||
|
-webkit-font-smoothing: antialiased;
|
||||||
|
letter-spacing: .1px;
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
.transition(all 0.2s);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Tables =====================================================================
|
||||||
|
|
||||||
|
.table-hover {
|
||||||
|
> tbody > tr,
|
||||||
|
> tbody > tr > th,
|
||||||
|
> tbody > tr > td {
|
||||||
|
.transition(all 0.2s);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Forms ======================================================================
|
||||||
|
|
||||||
|
label {
|
||||||
|
font-weight: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
textarea,
|
||||||
|
textarea.form-control,
|
||||||
|
input.form-control,
|
||||||
|
input[type=text],
|
||||||
|
input[type=password],
|
||||||
|
input[type=email],
|
||||||
|
input[type=number],
|
||||||
|
[type=text].form-control,
|
||||||
|
[type=password].form-control,
|
||||||
|
[type=email].form-control,
|
||||||
|
[type=tel].form-control,
|
||||||
|
[contenteditable].form-control {
|
||||||
|
padding: 0;
|
||||||
|
border: none;
|
||||||
|
border-radius: 0;
|
||||||
|
-webkit-appearance: none;
|
||||||
|
.box-shadow(inset 0 -1px 0 #ddd);
|
||||||
|
font-size: 16px;
|
||||||
|
|
||||||
|
&:focus {
|
||||||
|
.box-shadow(inset 0 -2px 0 @brand-primary);
|
||||||
|
}
|
||||||
|
|
||||||
|
&[disabled],
|
||||||
|
&[readonly] {
|
||||||
|
.box-shadow(none);
|
||||||
|
border-bottom: 1px dotted #ddd;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.input {
|
||||||
|
&-sm {
|
||||||
|
font-size: @font-size-small;
|
||||||
|
}
|
||||||
|
|
||||||
|
&-lg {
|
||||||
|
font-size: @font-size-large;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
select,
|
||||||
|
select.form-control {
|
||||||
|
border: 0;
|
||||||
|
border-radius: 0;
|
||||||
|
-webkit-appearance: none;
|
||||||
|
-moz-appearance: none;
|
||||||
|
appearance: none;
|
||||||
|
padding-left: 0;
|
||||||
|
padding-right: 0\9; // remove padding for < ie9 since default arrow can't be removed
|
||||||
|
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAMAAACelLz8AAAAJ1BMVEVmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmaP/QSjAAAADHRSTlMAAgMJC0uWpKa6wMxMdjkoAAAANUlEQVR4AeXJyQEAERAAsNl7Hf3X6xt0QL6JpZWq30pdvdadme+0PMdzvHm8YThHcT1H7K0BtOMDniZhWOgAAAAASUVORK5CYII=);
|
||||||
|
background-size: 13px;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-position: right center;
|
||||||
|
.box-shadow(inset 0 -1px 0 #ddd);
|
||||||
|
font-size: 16px;
|
||||||
|
line-height: 1.5;
|
||||||
|
|
||||||
|
&::-ms-expand {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.input {
|
||||||
|
&-sm {
|
||||||
|
font-size: @font-size-small;
|
||||||
|
}
|
||||||
|
|
||||||
|
&-lg {
|
||||||
|
font-size: @font-size-large;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&:focus {
|
||||||
|
.box-shadow(inset 0 -2px 0 @brand-primary);
|
||||||
|
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAMAAACelLz8AAAAJ1BMVEUhISEhISEhISEhISEhISEhISEhISEhISEhISEhISEhISEhISEhISF8S9ewAAAADHRSTlMAAgMJC0uWpKa6wMxMdjkoAAAANUlEQVR4AeXJyQEAERAAsNl7Hf3X6xt0QL6JpZWq30pdvdadme+0PMdzvHm8YThHcT1H7K0BtOMDniZhWOgAAAAASUVORK5CYII=);
|
||||||
|
}
|
||||||
|
|
||||||
|
&[multiple] {
|
||||||
|
background: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.radio,
|
||||||
|
.radio-inline,
|
||||||
|
.checkbox,
|
||||||
|
.checkbox-inline {
|
||||||
|
label {
|
||||||
|
padding-left: 25px;
|
||||||
|
}
|
||||||
|
|
||||||
|
input[type="radio"],
|
||||||
|
input[type="checkbox"] {
|
||||||
|
margin-left: -25px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
input[type="radio"],
|
||||||
|
.radio input[type="radio"],
|
||||||
|
.radio-inline input[type="radio"] {
|
||||||
|
position: relative;
|
||||||
|
margin-top: 6px;
|
||||||
|
margin-right: 4px;
|
||||||
|
vertical-align: top;
|
||||||
|
border: none;
|
||||||
|
background-color: transparent;
|
||||||
|
-webkit-appearance: none;
|
||||||
|
appearance: none;
|
||||||
|
cursor: pointer;
|
||||||
|
|
||||||
|
&:focus {
|
||||||
|
outline: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:before,
|
||||||
|
&:after {
|
||||||
|
content: "";
|
||||||
|
display: block;
|
||||||
|
width: 18px;
|
||||||
|
height: 18px;
|
||||||
|
border-radius: 50%;
|
||||||
|
.transition(240ms);
|
||||||
|
}
|
||||||
|
|
||||||
|
&:before {
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
top: -3px;
|
||||||
|
background-color: @brand-primary;
|
||||||
|
.scale(0);
|
||||||
|
}
|
||||||
|
|
||||||
|
&:after {
|
||||||
|
position: relative;
|
||||||
|
top: -3px;
|
||||||
|
border: 2px solid @gray;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:checked:before {
|
||||||
|
.scale(0.5);
|
||||||
|
}
|
||||||
|
|
||||||
|
&:disabled:checked:before {
|
||||||
|
background-color: @gray-light;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:checked:after {
|
||||||
|
border-color: @brand-primary;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:disabled:after,
|
||||||
|
&:disabled:checked:after {
|
||||||
|
border-color: @gray-light;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
input[type="checkbox"],
|
||||||
|
.checkbox input[type="checkbox"],
|
||||||
|
.checkbox-inline input[type="checkbox"] {
|
||||||
|
position: relative;
|
||||||
|
border: none;
|
||||||
|
margin-bottom: -4px;
|
||||||
|
-webkit-appearance: none;
|
||||||
|
appearance: none;
|
||||||
|
cursor: pointer;
|
||||||
|
|
||||||
|
&:focus {
|
||||||
|
outline: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:after {
|
||||||
|
content: "";
|
||||||
|
display: block;
|
||||||
|
width: 18px;
|
||||||
|
height: 18px;
|
||||||
|
margin-top: -2px;
|
||||||
|
margin-right: 5px;
|
||||||
|
border: 2px solid @gray;
|
||||||
|
border-radius: 2px;
|
||||||
|
.transition(240ms);
|
||||||
|
}
|
||||||
|
|
||||||
|
&:checked:before {
|
||||||
|
content: "";
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 6px;
|
||||||
|
display: table;
|
||||||
|
width: 6px;
|
||||||
|
height: 12px;
|
||||||
|
border: 2px solid #fff;
|
||||||
|
border-top-width: 0;
|
||||||
|
border-left-width: 0;
|
||||||
|
.rotate(45deg);
|
||||||
|
}
|
||||||
|
|
||||||
|
&:checked:after {
|
||||||
|
background-color: @brand-primary;
|
||||||
|
border-color: @brand-primary;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:disabled:after {
|
||||||
|
border-color: @gray-light;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:disabled:checked:after {
|
||||||
|
background-color: @gray-light;
|
||||||
|
border-color: transparent;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.has-warning {
|
||||||
|
input:not([type=checkbox]),
|
||||||
|
.form-control,
|
||||||
|
input.form-control[readonly],
|
||||||
|
input[type=text][readonly],
|
||||||
|
[type=text].form-control[readonly],
|
||||||
|
input:not([type=checkbox]):focus,
|
||||||
|
.form-control:focus {
|
||||||
|
border-bottom: none;
|
||||||
|
.box-shadow(inset 0 -2px 0 @brand-warning);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.has-error {
|
||||||
|
input:not([type=checkbox]),
|
||||||
|
.form-control,
|
||||||
|
input.form-control[readonly],
|
||||||
|
input[type=text][readonly],
|
||||||
|
[type=text].form-control[readonly],
|
||||||
|
input:not([type=checkbox]):focus,
|
||||||
|
.form-control:focus {
|
||||||
|
border-bottom: none;
|
||||||
|
.box-shadow(inset 0 -2px 0 @brand-danger);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.has-success {
|
||||||
|
input:not([type=checkbox]),
|
||||||
|
.form-control,
|
||||||
|
input.form-control[readonly],
|
||||||
|
input[type=text][readonly],
|
||||||
|
[type=text].form-control[readonly],
|
||||||
|
input:not([type=checkbox]):focus,
|
||||||
|
.form-control:focus {
|
||||||
|
border-bottom: none;
|
||||||
|
.box-shadow(inset 0 -2px 0 @brand-success);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Remove the Bootstrap feedback styles for input addons
|
||||||
|
.input-group-addon {
|
||||||
|
.has-warning &, .has-error &, .has-success & {
|
||||||
|
color: @input-color;
|
||||||
|
border-color: @input-group-addon-border-color;
|
||||||
|
background-color: @input-group-addon-bg;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Navs =======================================================================
|
||||||
|
|
||||||
|
.nav-tabs {
|
||||||
|
> li > a,
|
||||||
|
> li > a:focus {
|
||||||
|
margin-right: 0;
|
||||||
|
background-color: transparent;
|
||||||
|
border: none;
|
||||||
|
color: @navbar-default-link-color;
|
||||||
|
.box-shadow(inset 0 -1px 0 #ddd);
|
||||||
|
.transition(all 0.2s);
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
background-color: transparent;
|
||||||
|
.box-shadow(inset 0 -2px 0 @brand-primary);
|
||||||
|
color: @brand-primary;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
& > li.active > a,
|
||||||
|
& > li.active > a:focus {
|
||||||
|
border: none;
|
||||||
|
.box-shadow(inset 0 -2px 0 @brand-primary);
|
||||||
|
color: @brand-primary;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
border: none;
|
||||||
|
color: @brand-primary;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
& > li.disabled > a {
|
||||||
|
.box-shadow(inset 0 -1px 0 #ddd);
|
||||||
|
}
|
||||||
|
|
||||||
|
&.nav-justified {
|
||||||
|
|
||||||
|
& > li > a,
|
||||||
|
& > li > a:hover,
|
||||||
|
& > li > a:focus,
|
||||||
|
& > .active > a,
|
||||||
|
& > .active > a:hover,
|
||||||
|
& > .active > a:focus {
|
||||||
|
border: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.dropdown-menu {
|
||||||
|
margin-top: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.dropdown-menu {
|
||||||
|
margin-top: 0;
|
||||||
|
border: none;
|
||||||
|
.box-shadow(0 1px 4px rgba(0,0,0,.3));
|
||||||
|
}
|
||||||
|
|
||||||
|
// Indicators =================================================================
|
||||||
|
|
||||||
|
.alert {
|
||||||
|
border: none;
|
||||||
|
color: #fff;
|
||||||
|
|
||||||
|
&-success {
|
||||||
|
background-color: @brand-success;
|
||||||
|
}
|
||||||
|
|
||||||
|
&-info {
|
||||||
|
background-color: @brand-info;
|
||||||
|
}
|
||||||
|
|
||||||
|
&-warning {
|
||||||
|
background-color: @brand-warning;
|
||||||
|
}
|
||||||
|
|
||||||
|
&-danger {
|
||||||
|
background-color: @brand-danger;
|
||||||
|
}
|
||||||
|
|
||||||
|
a:not(.close),
|
||||||
|
.alert-link {
|
||||||
|
color: #fff;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
.close {
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.badge {
|
||||||
|
padding: 3px 6px 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.progress {
|
||||||
|
position: relative;
|
||||||
|
z-index: 1;
|
||||||
|
height: 6px;
|
||||||
|
border-radius: 0;
|
||||||
|
|
||||||
|
.box-shadow(none);
|
||||||
|
|
||||||
|
&-bar {
|
||||||
|
.box-shadow(none);
|
||||||
|
|
||||||
|
&:last-child {
|
||||||
|
border-radius: 0 3px 3px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:last-child {
|
||||||
|
&:before {
|
||||||
|
display: block;
|
||||||
|
content: "";
|
||||||
|
position: absolute;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
z-index: -1;
|
||||||
|
background-color: lighten(@progress-bar-bg, 35%);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&-success:last-child.progress-bar:before {
|
||||||
|
background-color: lighten(@brand-success, 35%);
|
||||||
|
}
|
||||||
|
|
||||||
|
&-info:last-child.progress-bar:before {
|
||||||
|
background-color: lighten(@brand-info, 45%);
|
||||||
|
}
|
||||||
|
&-warning:last-child.progress-bar:before {
|
||||||
|
background-color: lighten(@brand-warning, 35%);
|
||||||
|
}
|
||||||
|
|
||||||
|
&-danger:last-child.progress-bar:before {
|
||||||
|
background-color: lighten(@brand-danger, 25%);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Progress bars ==============================================================
|
||||||
|
|
||||||
|
// Containers =================================================================
|
||||||
|
|
||||||
|
.close {
|
||||||
|
font-size: 34px;
|
||||||
|
font-weight: 300;
|
||||||
|
line-height: 24px;
|
||||||
|
opacity: 0.6;
|
||||||
|
.transition(all 0.2s);
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.list-group {
|
||||||
|
|
||||||
|
&-item {
|
||||||
|
padding: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
&-item-text {
|
||||||
|
color: @gray-light;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.well {
|
||||||
|
border-radius: 0;
|
||||||
|
.box-shadow(none);
|
||||||
|
}
|
||||||
|
|
||||||
|
.panel {
|
||||||
|
border: none;
|
||||||
|
border-radius: 2px;
|
||||||
|
.box-shadow(0 1px 4px rgba(0,0,0,.3));
|
||||||
|
|
||||||
|
&-heading {
|
||||||
|
border-bottom: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
&-footer {
|
||||||
|
border-top: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.popover {
|
||||||
|
border: none;
|
||||||
|
.box-shadow(0 1px 4px rgba(0,0,0,.3));
|
||||||
|
}
|
||||||
|
|
||||||
|
.carousel {
|
||||||
|
&-caption {
|
||||||
|
h1, h2, h3, h4, h5, h6 {
|
||||||
|
color: inherit;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
@ -0,0 +1,83 @@
|
|||||||
|
.header {
|
||||||
|
position: relative;
|
||||||
|
background: #333;
|
||||||
|
width: 100%;
|
||||||
|
height: 200px;
|
||||||
|
margin-bottom: 50px;
|
||||||
|
font-size: 16px;
|
||||||
|
|
||||||
|
#main-page-title {
|
||||||
|
position: absolute;
|
||||||
|
left: 48px;
|
||||||
|
bottom: 17px;
|
||||||
|
color: #aaa;
|
||||||
|
font-size: 47px;
|
||||||
|
font-weight: 300;
|
||||||
|
}
|
||||||
|
|
||||||
|
#user_label {
|
||||||
|
position: absolute;
|
||||||
|
right: 30px;
|
||||||
|
bottom: 125px;
|
||||||
|
|
||||||
|
#user_dropdown {
|
||||||
|
font-size: 25px;
|
||||||
|
color: #eee;
|
||||||
|
|
||||||
|
i {
|
||||||
|
margin-top: 12px;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
#acp-search {
|
||||||
|
margin-top: 2px;
|
||||||
|
margin-right: 20px;
|
||||||
|
|
||||||
|
input {
|
||||||
|
padding: 10px 20px;
|
||||||
|
width: 250px;
|
||||||
|
height: 44px;
|
||||||
|
background-color: rgba(0, 0, 0, 0.2);
|
||||||
|
border-radius: 3px;
|
||||||
|
box-shadow: none;
|
||||||
|
.transition(.4s ease background-color);
|
||||||
|
|
||||||
|
&:focus {
|
||||||
|
background-color: #eee;
|
||||||
|
color: #333;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.search-match {
|
||||||
|
font-weight: 700;
|
||||||
|
color: black;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
> ul {
|
||||||
|
list-style-type: none;
|
||||||
|
padding: 0px;
|
||||||
|
position: absolute;
|
||||||
|
bottom: -11px;
|
||||||
|
left: 50px;
|
||||||
|
|
||||||
|
> li {
|
||||||
|
float: left;
|
||||||
|
margin-right: 30px;
|
||||||
|
|
||||||
|
&.active {
|
||||||
|
border-bottom: 4px solid @brand-primary;
|
||||||
|
padding-bottom: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
> a {
|
||||||
|
color: white;
|
||||||
|
text-transform: uppercase;
|
||||||
|
text-decoration: none;
|
||||||
|
outline: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1,5 @@
|
|||||||
|
.group {
|
||||||
|
.current_members {
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1,173 @@
|
|||||||
|
#mobile-menu {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 1200px) {
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 980px) {
|
||||||
|
body {
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.header {
|
||||||
|
height: 58px;
|
||||||
|
box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.26);
|
||||||
|
position: fixed;
|
||||||
|
top: 0px;
|
||||||
|
z-index: 5;
|
||||||
|
|
||||||
|
#main-page-title {
|
||||||
|
bottom: -31px;
|
||||||
|
font-size: 20px;
|
||||||
|
color: #FFF;
|
||||||
|
left: 52px;
|
||||||
|
font-weight: 400;
|
||||||
|
}
|
||||||
|
|
||||||
|
#user_label {
|
||||||
|
right: 0px;
|
||||||
|
bottom: 7px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#main-menu {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
#mobile-menu {
|
||||||
|
width: 31px;
|
||||||
|
background: none;
|
||||||
|
border: none;
|
||||||
|
vertical-align: 10%;
|
||||||
|
margin-right: 10px;
|
||||||
|
margin-left: -15px;
|
||||||
|
outline: none !important;
|
||||||
|
display: block;
|
||||||
|
|
||||||
|
position: absolute;
|
||||||
|
top: 22px;
|
||||||
|
left: 22px;
|
||||||
|
|
||||||
|
.bar {
|
||||||
|
width: 100%;
|
||||||
|
height: 2px;
|
||||||
|
background: #fff;
|
||||||
|
margin-bottom: 3px;
|
||||||
|
border-radius: 10px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
#menu {
|
||||||
|
background-color: #1D1F20;
|
||||||
|
background-image: linear-gradient(145deg, #1D1F20, #404348);
|
||||||
|
|
||||||
|
a {
|
||||||
|
color: #fff;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
a:hover {
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu-header-title {
|
||||||
|
font-weight: 400;
|
||||||
|
letter-spacing: 0.5px;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu-section {
|
||||||
|
margin: 25px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu-section-title {
|
||||||
|
text-transform: uppercase;
|
||||||
|
color: #85888d;
|
||||||
|
font-weight: 200;
|
||||||
|
font-size: 13px;
|
||||||
|
letter-spacing: 1px;
|
||||||
|
padding: 0 20px;
|
||||||
|
margin:0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu-section-list {
|
||||||
|
padding:0;
|
||||||
|
margin: 10px 0;
|
||||||
|
list-style:none;
|
||||||
|
|
||||||
|
a {
|
||||||
|
display: block;
|
||||||
|
padding: 10px 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
a:hover {
|
||||||
|
background-color: rgba(255, 255, 255, 0.1);
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
#panel {
|
||||||
|
background: white;
|
||||||
|
min-height: 100%;
|
||||||
|
padding-top: 80px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.slideout-menu {
|
||||||
|
position: fixed;
|
||||||
|
left: 0;
|
||||||
|
top: 0;
|
||||||
|
bottom: 0;
|
||||||
|
right: 0;
|
||||||
|
z-index: 0;
|
||||||
|
width: 256px;
|
||||||
|
overflow-y: auto;
|
||||||
|
-webkit-overflow-scrolling: touch;
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.slideout-panel {
|
||||||
|
position: relative;
|
||||||
|
z-index: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.slideout-open,
|
||||||
|
.slideout-open body,
|
||||||
|
.slideout-open .slideout-panel {
|
||||||
|
overflow: hidden;
|
||||||
|
overflow-y: hidden !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.slideout-open .slideout-menu {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
html {
|
||||||
|
height: 100%;
|
||||||
|
overflow-y: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.slideout-open {
|
||||||
|
overflow-y: hidden;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
overflow-y: scroll;
|
||||||
|
overflow-x: hidden;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 768px) {
|
||||||
|
.content-header, .settings-header {
|
||||||
|
font-size: 200%;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
margin-left: -2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
@ -1,18 +0,0 @@
|
|||||||
label {
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
|
|
||||||
.checkbox label {
|
|
||||||
padding-left: 2px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.admin {
|
|
||||||
.fa-toggle-on, .fa-toggle-off {
|
|
||||||
font-size: 21px;
|
|
||||||
vertical-align: -3px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.fa-toggle-on {
|
|
||||||
color: @brand-success;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -0,0 +1,65 @@
|
|||||||
|
#snackbar-container {
|
||||||
|
position:fixed;
|
||||||
|
left:20px;
|
||||||
|
bottom:0;
|
||||||
|
z-index:99999;
|
||||||
|
|
||||||
|
strong {
|
||||||
|
margin-right: 30px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.snackbar {
|
||||||
|
overflow:hidden;
|
||||||
|
clear:both;
|
||||||
|
min-width:288px;
|
||||||
|
max-width:568px;
|
||||||
|
cursor:pointer;
|
||||||
|
opacity:0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.snackbar.snackbar-opened {
|
||||||
|
height:auto;
|
||||||
|
opacity:1;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width:767px) {
|
||||||
|
#snackbar-container {
|
||||||
|
left:0!important;
|
||||||
|
right:0;
|
||||||
|
width:100%;
|
||||||
|
|
||||||
|
strong {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
#snackbar-container .snackbar {
|
||||||
|
min-width:100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
#snackbar-container [class="snackbar snackbar-opened"]~.snackbar.toast {
|
||||||
|
margin-top:20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#snackbar-container [class="snackbar snackbar-opened"] {
|
||||||
|
border-radius:0;
|
||||||
|
margin-bottom:0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.snackbar {
|
||||||
|
background-color: #323232;
|
||||||
|
color: #FFFFFF;
|
||||||
|
font-size: 14px;
|
||||||
|
border-radius: 2px;
|
||||||
|
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
|
||||||
|
height: 0;
|
||||||
|
.transition(.25s ease-in-out opacity);
|
||||||
|
}
|
||||||
|
|
||||||
|
.snackbar.snackbar-opened {
|
||||||
|
padding: 10px 15px;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
@ -0,0 +1,19 @@
|
|||||||
|
.settings {
|
||||||
|
.row {
|
||||||
|
margin-bottom: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.section-content {
|
||||||
|
border-left: 3px solid @brand-primary;
|
||||||
|
|
||||||
|
ul {
|
||||||
|
list-style-type: none;
|
||||||
|
font-size: 16px;
|
||||||
|
padding-left: 20px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
[data-action="upload"][type="text"] {
|
||||||
|
width: 95%;
|
||||||
|
}
|
||||||
|
}
|
||||||
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
@ -1,54 +0,0 @@
|
|||||||
/** initial setup **/
|
|
||||||
.nano {
|
|
||||||
position : relative;
|
|
||||||
width : 100%;
|
|
||||||
height : 100%;
|
|
||||||
overflow : hidden;
|
|
||||||
}
|
|
||||||
.nano > .nano-content {
|
|
||||||
position : absolute;
|
|
||||||
overflow : scroll;
|
|
||||||
overflow-x : hidden;
|
|
||||||
top : 0;
|
|
||||||
right : 0;
|
|
||||||
bottom : 0;
|
|
||||||
left : 0;
|
|
||||||
}
|
|
||||||
.nano > .nano-content:focus {
|
|
||||||
outline: thin dotted;
|
|
||||||
}
|
|
||||||
.nano > .nano-content::-webkit-scrollbar {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
.has-scrollbar > .nano-content::-webkit-scrollbar {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
.nano > .nano-pane {
|
|
||||||
background : rgba(0,0,0,.25);
|
|
||||||
position : absolute;
|
|
||||||
width : 10px;
|
|
||||||
right : 0;
|
|
||||||
top : 0;
|
|
||||||
bottom : 0;
|
|
||||||
visibility : hidden\9; /* Target only IE7 and IE8 with this hack */
|
|
||||||
opacity : .01;
|
|
||||||
-webkit-transition : .2s;
|
|
||||||
-moz-transition : .2s;
|
|
||||||
-o-transition : .2s;
|
|
||||||
transition : .2s;
|
|
||||||
-moz-border-radius : 5px;
|
|
||||||
-webkit-border-radius : 5px;
|
|
||||||
border-radius : 5px;
|
|
||||||
}
|
|
||||||
.nano > .nano-pane > .nano-slider {
|
|
||||||
background: rgba(255, 255, 255, 0.3);
|
|
||||||
position : relative;
|
|
||||||
margin : 0 1px;
|
|
||||||
-moz-border-radius : 3px;
|
|
||||||
-webkit-border-radius : 3px;
|
|
||||||
border-radius : 3px;
|
|
||||||
}
|
|
||||||
.nano:hover > .nano-pane, .nano-pane.active, .nano-pane.flashed {
|
|
||||||
visibility : visible\9; /* Target only IE7 and IE8 with this hack */
|
|
||||||
opacity : 0.99;
|
|
||||||
}
|
|
||||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -0,0 +1,2 @@
|
|||||||
|
/* SnackbarJS - MIT LICENSE (https://github.com/FezVrasta/snackbarjs/blob/master/LICENSE.md) */
|
||||||
|
!function(t){"function"==typeof define&&define.amd&&t(jQuery)}(function(t){function a(t){return"undefined"!=typeof t&&null!==t?!0:!1}t(document).ready(function(){t("body").append("<div id=snackbar-container/>")}),t(document).on("click","[data-toggle=snackbar]",function(){t(this).snackbar("toggle")}).on("click","#snackbar-container .snackbar",function(){t(this).snackbar("hide")}),t.snackbar=function(n){if(a(n)&&n===Object(n)){var e,o=!1;a(n.id)?t("#"+n.id).length?e=t("#"+n.id):(e=t("<div/>").attr("id",""+n.id).attr("class","snackbar"),o=!0):(e=t("<div/>").attr("id","snackbar"+Date.now()).attr("class","snackbar"),o=!0);var i=e.hasClass("snackbar-opened");a(n.style)?(i?e.attr("class","snackbar snackbar-opened "+n.style):e.attr("class","snackbar "+n.style),e.attr("data-style",n.style)):i?e.attr("class","snackbar snackbar-opened"):e.attr("class","snackbar"),n.htmlAllowed=a(n.htmlAllowed)?n.htmlAllowed:!1,n.timeout=a(n.timeout)?n.timeout:3e3,e.attr("data-timeout",n.timeout),n.content=n.htmlAllowed?n.content:t("<p>"+n.content+"</p>").text(),a(n.htmlAllowed)&&e.attr("data-html-allowed",n.htmlAllowed),a(n.content)&&(e.find(".snackbar-content").length?e.find(".snackbar-content").html(n.content):e.prepend("<span class=snackbar-content>"+n.content+"</span>"),e.attr("data-content",n.content)),o?e.appendTo("#snackbar-container"):e.insertAfter("#snackbar-container .snackbar:last-child"),a(n.action)&&"toggle"==n.action&&(n.action=i?"hide":"show");var s=Date.now();e.data("animationId1",s),setTimeout(function(){e.data("animationId1")===s&&(a(n.action)&&"show"!=n.action?a(n.action)&&"hide"==n.action&&e.removeClass("snackbar-opened"):e.addClass("snackbar-opened"))},50);var c=Date.now();return e.data("animationId2",c),0!==n.timeout&&setTimeout(function(){e.data("animationId2")===c&&e.removeClass("snackbar-opened")},n.timeout),e}return!1},t.fn.snackbar=function(n){if("undefined"!=typeof n){var e={};if(this.hasClass("snackbar"))return e={id:this.attr("id"),content:t(this).attr("data-content"),style:t(this).attr("data-style"),timeout:t(this).attr("data-timeout"),htmlAllowed:t(this).attr("data-html-allowed")},("show"===n||"hide"===n||"toggle"==n)&&(e.action=n),t.snackbar(e);a(n)&&"show"!==n&&"hide"!==n&&"toggle"!=n||(e={content:t(this).attr("data-content"),style:t(this).attr("data-style"),timeout:t(this).attr("data-timeout"),htmlAllowed:t(this).attr("data-html-allowed")}),a(n)&&(e.id=this.attr("data-snackbar-id"),("show"===n||"hide"===n||"toggle"==n)&&(e.action=n));var o=t.snackbar(e);return this.attr("data-snackbar-id",o.attr("id")),o}}});
|
||||||
@ -1,14 +1,9 @@
|
|||||||
<div id="themes" class="themes">
|
<div id="themes" class="themes">
|
||||||
<div class="panel panel-default">
|
<div class="directory row" id="installed_themes">
|
||||||
<div class="panel-heading">Installed Themes</div>
|
<i class="fa fa-refresh fa-spin"></i> Checking for installed themes...
|
||||||
<div class="panel-body">
|
|
||||||
<p>
|
|
||||||
The following themes are currently installed on your forum.
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<ul class="directory" id="installed_themes">
|
|
||||||
<li><i class="fa fa-refresh fa-spin"></i> Checking for installed themes...</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<button id="revert_theme" class="floating-button mdl-button mdl-js-button mdl-button--fab mdl-js-ripple-effect mdl-button--colored">
|
||||||
|
<i class="material-icons">undo</i>
|
||||||
|
</button>
|
||||||
@ -1,27 +1,24 @@
|
|||||||
<!-- BEGIN themes -->
|
<!-- BEGIN themes -->
|
||||||
<li data-type="{themes.type}" data-theme="{themes.id}"<!-- IF themes.css --> data-css="{themes.css}"<!-- ENDIF themes.css -->>
|
<div class="col-xs-4" data-type="{themes.type}" data-theme="{themes.id}"<!-- IF themes.css --> data-css="{themes.css}"<!-- ENDIF themes.css -->>
|
||||||
<img title="{themes.id}" src="{themes.screenshot_url}" />
|
<div class="theme-card mdl-card mdl-shadow--2dp">
|
||||||
<div>
|
<div class="mdl-card__title mdl-card--expand" style="background-image: url('{themes.screenshot_url}');"></div>
|
||||||
<div class="pull-right">
|
<div class="mdl-card__supporting-text">
|
||||||
<button class="btn btn-primary" data-action="use">Use</button>
|
<h2 class="mdl-card__title-text">{themes.name}</h2>
|
||||||
</div>
|
|
||||||
<h4>{themes.name}</h4>
|
|
||||||
<p>
|
<p>
|
||||||
{themes.description}
|
{themes.description}
|
||||||
|
</p>
|
||||||
|
|
||||||
<!-- IF themes.url -->
|
<!-- IF themes.url -->
|
||||||
(<a href="{themes.url}" target="_blank">Homepage</a>)
|
<p>
|
||||||
<!-- ENDIF themes.url -->
|
<a href="{themes.url}" target="_blank">Homepage</a>
|
||||||
</p>
|
</p>
|
||||||
|
<!-- ENDIF themes.url -->
|
||||||
|
</div>
|
||||||
|
<div class="mdl-card__actions mdl-card--border">
|
||||||
|
<a class="mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect" data-action="use">
|
||||||
|
Select Theme
|
||||||
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="clear"></div>
|
|
||||||
</li>
|
|
||||||
<!-- END themes -->
|
|
||||||
<!-- IF showRevert -->
|
|
||||||
<li data-type="bootswatch" data-theme="" data-css="">
|
|
||||||
<div class="pull-right">
|
|
||||||
<button class="btn btn-primary pull-right" data-action="use">Revert</button>
|
|
||||||
</div>
|
</div>
|
||||||
<h4>No Skin</h4>
|
</div>
|
||||||
<p>Remove applied skin and revert back to the base colours</p>
|
<!-- END themes -->
|
||||||
</li>
|
|
||||||
<!-- ENDIF showRevert -->
|
|
||||||
@ -1,17 +1,12 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="col-lg-3 acp-sidebar">
|
<button id="save" class="floating-button mdl-button mdl-js-button mdl-button--fab mdl-js-ripple-effect mdl-button--colored">
|
||||||
<div class="panel panel-default">
|
<i class="material-icons">save</i>
|
||||||
<div class="panel-heading">Save Settings</div>
|
</button>
|
||||||
<div class="panel-body">
|
|
||||||
<button class="btn btn-primary btn-md" id="save">Save Changes</button>
|
|
||||||
<button class="btn btn-warning btn-md" id="revert">Revert Changes</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
require(['admin/settings'], function(Settings) {
|
require(['admin/settings'], function(Settings) {
|
||||||
Settings.prepare();
|
Settings.init();
|
||||||
|
Settings.populateTOC();
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
|
|||||||
@ -1,38 +1,42 @@
|
|||||||
<!-- IMPORT admin/settings/header.tpl -->
|
<!-- IMPORT admin/settings/header.tpl -->
|
||||||
|
|
||||||
<div class="panel panel-default">
|
<div class="row">
|
||||||
<div class="panel-heading">Guests</div>
|
<div class="col-sm-2 col-xs-12 settings-header">Guest Handles</div>
|
||||||
<div class="panel-body">
|
<div class="col-sm-10 col-xs-12">
|
||||||
<p class="alert alert-info">
|
|
||||||
These options affect guest users as a whole. Control over which categories a guest can see or post to is handled in
|
|
||||||
the categories themselves
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<form role="form">
|
<form role="form">
|
||||||
<div class="checkbox">
|
<div class="checkbox">
|
||||||
<label>
|
<label class="mdl-switch mdl-js-switch mdl-js-ripple-effect">
|
||||||
<input type="checkbox" data-field="allowGuestHandles"> <strong>Allow guest handles</strong>
|
<input class="mdl-switch__input" type="checkbox" data-field="allowGuestHandles">
|
||||||
|
<span class="mdl-switch__label"><strong>Allow guest handles</strong></span>
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
<p class="help-block">
|
<p class="help-block">
|
||||||
This option exposes a new field that allows guests to pick a name to associate with each post they make. If disabled,
|
This option exposes a new field that allows guests to pick a name to associate with each post they make. If disabled,
|
||||||
the will simply be called "Guest" (or the equivalent in the forum's selected language)
|
the will simply be called "Guest"
|
||||||
</p>
|
</p>
|
||||||
</label>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-sm-2 col-xs-12 settings-header">Guest Privileges</div>
|
||||||
|
<div class="col-sm-10 col-xs-12">
|
||||||
|
<form role="form">
|
||||||
<div class="checkbox">
|
<div class="checkbox">
|
||||||
<label>
|
<label class="mdl-switch mdl-js-switch mdl-js-ripple-effect">
|
||||||
<input type="checkbox" data-field="allowGuestSearching"> <strong>Allow guests to search without logging in</strong>
|
<input class="mdl-switch__input" type="checkbox" data-field="allowGuestSearching">
|
||||||
|
<span class="mdl-switch__label"><strong>Allow guests to search without logging in</strong></span>
|
||||||
</label>
|
</label>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="checkbox">
|
<div class="checkbox">
|
||||||
<label>
|
<label class="mdl-switch mdl-js-switch mdl-js-ripple-effect">
|
||||||
<input type="checkbox" data-field="allowGuestUserSearching"> <strong>Allow guests to search users without logging in</strong>
|
<input class="mdl-switch__input" type="checkbox" data-field="allowGuestUserSearching">
|
||||||
|
<span class="mdl-switch__label"><strong>Allow guests to search users without logging in</strong></span>
|
||||||
</label>
|
</label>
|
||||||
</div>
|
</div>
|
||||||
</form>
|
</form>
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|||||||
@ -1 +1,11 @@
|
|||||||
<div class="col-lg-9">
|
<div class="settings">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-sm-2 col-xs-12 content-header">
|
||||||
|
Contents
|
||||||
|
</div>
|
||||||
|
<div class="col-sm-10 col-xs-12">
|
||||||
|
<nav class="section-content">
|
||||||
|
<ul></ul>
|
||||||
|
</nav>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
Loading…
Reference in New Issue