Ruud
10 years ago
12 changed files with 181 additions and 246 deletions
@ -1,197 +1,152 @@ |
|||||
|
@import "couchpotato/static/style/_mixins"; |
||||
|
|
||||
.add_new_profile { |
.add_new_profile { |
||||
padding: 20px; |
padding: 20px; |
||||
display: block; |
display: block; |
||||
text-align: center; |
text-align: center; |
||||
font-size: 20px; |
font-size: 20px; |
||||
border-bottom: 1px solid rgba(255,255,255,0.2); |
border-bottom: 1px solid $theme_off; |
||||
} |
} |
||||
|
|
||||
.profile { |
.profile { |
||||
border-bottom: 1px solid rgba(255,255,255,0.2); |
margin-bottom: 20px; |
||||
position: relative; |
|
||||
} |
|
||||
|
|
||||
.profile > .delete { |
.quality_label input { |
||||
position: absolute; |
font-weight: bold; |
||||
padding: 16px; |
|
||||
right: 0; |
|
||||
cursor: pointer; |
|
||||
opacity: 0.6; |
|
||||
color: #fd5353; |
|
||||
} |
} |
||||
.profile > .delete:hover { |
|
||||
opacity: 1; |
|
||||
} |
|
||||
|
|
||||
.profile .ctrlHolder:hover { |
.ctrlHolder { |
||||
background: none; |
|
||||
} |
|
||||
|
|
||||
.profile .qualities { |
.types { |
||||
min-height: 80px; |
flex: 1 1 auto; |
||||
} |
min-width: 360px; |
||||
|
|
||||
.profile .formHint { |
.type { |
||||
width: 210px !important; |
display: flex; |
||||
vertical-align: top !important; |
flex-row: row nowrap; |
||||
margin: 0 !important; |
align-items: center; |
||||
padding-left: 3px !important; |
padding: 2px 0; |
||||
opacity: 0.1; |
|
||||
} |
|
||||
.profile:hover .formHint { |
|
||||
opacity: 1; |
|
||||
} |
|
||||
|
|
||||
.profile .wait_for { |
label { |
||||
padding-top: 0; |
min-width: 0; |
||||
padding-bottom: 20px; |
margin-left: $padding/2; |
||||
} |
|
||||
|
|
||||
.profile .wait_for input { |
span { |
||||
margin: 0 5px !important; |
font-size: .9em; |
||||
} |
} |
||||
|
} |
||||
.profile .wait_for .minimum_score_input { |
|
||||
width: 40px !important; |
|
||||
text-align: left; |
|
||||
} |
|
||||
|
|
||||
.profile .types { |
|
||||
padding: 0; |
|
||||
margin: 0 20px 0 -4px; |
|
||||
display: inline-block; |
|
||||
} |
|
||||
|
|
||||
.profile .types li { |
input[type=checkbox] { |
||||
padding: 3px 5px; |
margin-right: 3px; |
||||
border-bottom: 1px solid rgba(255,255,255,0.2); |
} |
||||
list-style: none; |
|
||||
} |
|
||||
.profile .types li:last-child { border: 0; } |
|
||||
|
|
||||
.profile .types li > * { |
.delete, .handle { |
||||
display: inline-block; |
margin-left: $padding/4; |
||||
vertical-align: middle; |
width: 20px; |
||||
line-height: 0; |
font-size: 20px; |
||||
margin-right: 10px; |
opacity: .1; |
||||
} |
text-align: center; |
||||
|
cursor: pointer; |
||||
|
|
||||
|
&.handle { |
||||
|
cursor: -webkit-grab; |
||||
|
cursor: -moz-grab; |
||||
|
cursor: grab; |
||||
|
} |
||||
|
|
||||
|
&:hover { |
||||
|
opacity: 1; |
||||
|
} |
||||
|
} |
||||
|
|
||||
.profile .type .check { |
&.is_empty { |
||||
margin-top: -1px; |
.delete, .handle { |
||||
|
display: none; |
||||
|
} |
||||
|
} |
||||
} |
} |
||||
|
|
||||
.profile .quality_type select { |
} |
||||
width: 120px; |
|
||||
margin-left: -1px; |
|
||||
} |
|
||||
|
|
||||
.profile .types li.is_empty .check, |
&.wait_for.wait_for { |
||||
.profile .types li.is_empty .delete, |
display: block; |
||||
.profile .types li.is_empty .handle, |
|
||||
.profile .types li.is_empty .check_label { |
|
||||
visibility: hidden; |
|
||||
} |
|
||||
|
|
||||
.profile .types .type label { |
input { |
||||
display: inline-block; |
min-width: 0; |
||||
width: auto; |
width: 40px; |
||||
float: none; |
text-align: center; |
||||
text-transform: uppercase; |
margin: 0 2px; |
||||
font-size: 11px; |
|
||||
font-weight: normal; |
|
||||
margin-right: 20px; |
|
||||
text-shadow: none; |
|
||||
vertical-align: bottom; |
|
||||
padding: 0; |
|
||||
height: 17px; |
|
||||
} |
} |
||||
.profile .types .type label .check { |
|
||||
margin-right: 5px; |
|
||||
} |
|
||||
.profile .types .type label .check_label { |
|
||||
display: inline-block; |
|
||||
vertical-align: top; |
|
||||
height: 16px; |
|
||||
line-height: 13px; |
|
||||
} |
|
||||
|
|
||||
.profile .types .type .threed { |
.advanced { |
||||
display: none; |
display: none; |
||||
} |
color: $primary_color; |
||||
|
|
||||
.profile .types .type.allow_3d .threed { |
.show_advanced & { |
||||
display: inline-block; |
display: inline; |
||||
} |
} |
||||
|
} |
||||
|
|
||||
.profile .types .type .handle { |
|
||||
background: url('../../images/handle.png') center; |
|
||||
display: inline-block; |
|
||||
height: 20px; |
|
||||
width: 20px; |
|
||||
cursor: -moz-grab; |
|
||||
cursor: -webkit-grab; |
|
||||
cursor: grab; |
|
||||
margin: 0; |
|
||||
} |
|
||||
|
|
||||
.profile .types .type .delete { |
|
||||
height: 20px; |
|
||||
width: 20px; |
|
||||
line-height: 20px; |
|
||||
visibility: hidden; |
|
||||
cursor: pointer; |
|
||||
font-size: 13px; |
|
||||
color: #fd5353; |
|
||||
} |
|
||||
.profile .types .type:not(.allow_3d) .delete { |
|
||||
margin-left: 55px; |
|
||||
} |
} |
||||
|
|
||||
.profile .types .type:hover:not(.is_empty) .delete { |
.formHint { |
||||
visibility: visible; |
|
||||
} |
} |
||||
|
|
||||
#profile_ordering { |
} |
||||
|
|
||||
} |
} |
||||
|
|
||||
#profile_ordering ul { |
#profile_ordering { |
||||
float: left; |
ul { |
||||
|
list-style: none; |
||||
margin: 0; |
margin: 0; |
||||
width: 275px; |
width: 275px; |
||||
padding: 0; |
padding: 0; |
||||
} |
} |
||||
|
|
||||
#profile_ordering li { |
li { |
||||
border-bottom: 1px solid rgba(255,255,255,0.2); |
border-bottom: 1px solid $theme_off; |
||||
padding: 0 5px; |
padding: 5px; |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
|
||||
|
&:hover { |
||||
|
background: $theme_off; |
||||
} |
} |
||||
#profile_ordering li:last-child { border: 0; } |
|
||||
|
|
||||
#profile_ordering li .check { |
&:last-child { border: 0; } |
||||
margin: 2px 10px 0 0; |
|
||||
vertical-align: top; |
|
||||
} |
|
||||
|
|
||||
#profile_ordering li > span { |
input[type=checkbox] { |
||||
display: inline-block; |
margin: 2px 10px 0 0; |
||||
height: 20px; |
vertical-align: top; |
||||
vertical-align: top; |
} |
||||
line-height: 20px; |
|
||||
|
> span { |
||||
|
display: inline-block; |
||||
|
height: 20px; |
||||
|
vertical-align: top; |
||||
|
line-height: 20px; |
||||
|
|
||||
|
&.profile_label { |
||||
|
flex: 1 1 auto; |
||||
} |
} |
||||
|
} |
||||
|
|
||||
#profile_ordering li .handle { |
.handle { |
||||
background: url('../../images/handle.png') center; |
font-size: 20px; |
||||
width: 20px; |
width: 20px; |
||||
float: right; |
float: right; |
||||
cursor: -webkit-grab; |
cursor: -webkit-grab; |
||||
cursor: -moz-grab; |
cursor: -moz-grab; |
||||
cursor: grab; |
cursor: grab; |
||||
|
opacity: .5; |
||||
|
text-align: center; |
||||
|
|
||||
|
&:hover { |
||||
|
opacity: 1; |
||||
} |
} |
||||
|
} |
||||
|
} |
||||
|
|
||||
#profile_ordering .formHint { |
.formHint { |
||||
clear: none; |
|
||||
float: right; |
|
||||
width: 250px; |
|
||||
margin: 0; |
|
||||
} |
} |
||||
|
} |
||||
@ -1,26 +1,19 @@ |
|||||
.group_sizes { |
@import "couchpotato/static/style/_mixins"; |
||||
|
|
||||
} |
|
||||
|
|
||||
.group_sizes .head { |
.group_sizes { |
||||
font-weight: bold; |
|
||||
} |
|
||||
|
|
||||
.group_sizes .ctrlHolder { |
.item { |
||||
padding-top: 4px !important; |
.label { |
||||
padding-bottom: 4px !important; |
min-width: 150px; |
||||
font-size: 12px; |
|
||||
} |
} |
||||
|
|
||||
.group_sizes .label { |
.min, .max { |
||||
max-width: 120px; |
display: inline-block; |
||||
|
width: 70px !important; |
||||
|
min-width: 0 !important; |
||||
|
margin-right: $padding/2; |
||||
|
text-align: center; |
||||
} |
} |
||||
|
} |
||||
|
|
||||
.group_sizes .min, .group_sizes .max { |
} |
||||
text-align: center; |
|
||||
width: 50px; |
|
||||
max-width: 50px; |
|
||||
margin: 0 5px !important; |
|
||||
padding: 0 3px; |
|
||||
display: inline-block; |
|
||||
} |
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 12 KiB After Width: | Height: | Size: 13 KiB |
Binary file not shown.
Binary file not shown.
Loading…
Reference in new issue