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 { |
|||
padding: 20px; |
|||
display: block; |
|||
text-align: center; |
|||
font-size: 20px; |
|||
border-bottom: 1px solid rgba(255,255,255,0.2); |
|||
border-bottom: 1px solid $theme_off; |
|||
} |
|||
|
|||
.profile { |
|||
border-bottom: 1px solid rgba(255,255,255,0.2); |
|||
position: relative; |
|||
} |
|||
margin-bottom: 20px; |
|||
|
|||
.profile > .delete { |
|||
position: absolute; |
|||
padding: 16px; |
|||
right: 0; |
|||
cursor: pointer; |
|||
opacity: 0.6; |
|||
color: #fd5353; |
|||
.quality_label input { |
|||
font-weight: bold; |
|||
} |
|||
.profile > .delete:hover { |
|||
opacity: 1; |
|||
} |
|||
|
|||
.profile .ctrlHolder:hover { |
|||
background: none; |
|||
} |
|||
.ctrlHolder { |
|||
|
|||
.profile .qualities { |
|||
min-height: 80px; |
|||
} |
|||
.types { |
|||
flex: 1 1 auto; |
|||
min-width: 360px; |
|||
|
|||
.profile .formHint { |
|||
width: 210px !important; |
|||
vertical-align: top !important; |
|||
margin: 0 !important; |
|||
padding-left: 3px !important; |
|||
opacity: 0.1; |
|||
} |
|||
.profile:hover .formHint { |
|||
opacity: 1; |
|||
} |
|||
.type { |
|||
display: flex; |
|||
flex-row: row nowrap; |
|||
align-items: center; |
|||
padding: 2px 0; |
|||
|
|||
.profile .wait_for { |
|||
padding-top: 0; |
|||
padding-bottom: 20px; |
|||
} |
|||
label { |
|||
min-width: 0; |
|||
margin-left: $padding/2; |
|||
|
|||
.profile .wait_for input { |
|||
margin: 0 5px !important; |
|||
} |
|||
|
|||
.profile .wait_for .minimum_score_input { |
|||
width: 40px !important; |
|||
text-align: left; |
|||
} |
|||
|
|||
.profile .types { |
|||
padding: 0; |
|||
margin: 0 20px 0 -4px; |
|||
display: inline-block; |
|||
} |
|||
span { |
|||
font-size: .9em; |
|||
} |
|||
} |
|||
|
|||
.profile .types li { |
|||
padding: 3px 5px; |
|||
border-bottom: 1px solid rgba(255,255,255,0.2); |
|||
list-style: none; |
|||
} |
|||
.profile .types li:last-child { border: 0; } |
|||
input[type=checkbox] { |
|||
margin-right: 3px; |
|||
} |
|||
|
|||
.profile .types li > * { |
|||
display: inline-block; |
|||
vertical-align: middle; |
|||
line-height: 0; |
|||
margin-right: 10px; |
|||
} |
|||
.delete, .handle { |
|||
margin-left: $padding/4; |
|||
width: 20px; |
|||
font-size: 20px; |
|||
opacity: .1; |
|||
text-align: center; |
|||
cursor: pointer; |
|||
|
|||
&.handle { |
|||
cursor: -webkit-grab; |
|||
cursor: -moz-grab; |
|||
cursor: grab; |
|||
} |
|||
|
|||
&:hover { |
|||
opacity: 1; |
|||
} |
|||
} |
|||
|
|||
.profile .type .check { |
|||
margin-top: -1px; |
|||
&.is_empty { |
|||
.delete, .handle { |
|||
display: none; |
|||
} |
|||
} |
|||
} |
|||
|
|||
.profile .quality_type select { |
|||
width: 120px; |
|||
margin-left: -1px; |
|||
} |
|||
} |
|||
|
|||
.profile .types li.is_empty .check, |
|||
.profile .types li.is_empty .delete, |
|||
.profile .types li.is_empty .handle, |
|||
.profile .types li.is_empty .check_label { |
|||
visibility: hidden; |
|||
} |
|||
&.wait_for.wait_for { |
|||
display: block; |
|||
|
|||
.profile .types .type label { |
|||
display: inline-block; |
|||
width: auto; |
|||
float: none; |
|||
text-transform: uppercase; |
|||
font-size: 11px; |
|||
font-weight: normal; |
|||
margin-right: 20px; |
|||
text-shadow: none; |
|||
vertical-align: bottom; |
|||
padding: 0; |
|||
height: 17px; |
|||
input { |
|||
min-width: 0; |
|||
width: 40px; |
|||
text-align: center; |
|||
margin: 0 2px; |
|||
} |
|||
.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 { |
|||
display: none; |
|||
} |
|||
.advanced { |
|||
display: none; |
|||
color: $primary_color; |
|||
|
|||
.profile .types .type.allow_3d .threed { |
|||
display: inline-block; |
|||
.show_advanced & { |
|||
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 { |
|||
visibility: visible; |
|||
.formHint { |
|||
} |
|||
|
|||
#profile_ordering { |
|||
|
|||
} |
|||
} |
|||
|
|||
#profile_ordering ul { |
|||
float: left; |
|||
#profile_ordering { |
|||
ul { |
|||
list-style: none; |
|||
margin: 0; |
|||
width: 275px; |
|||
padding: 0; |
|||
} |
|||
|
|||
#profile_ordering li { |
|||
border-bottom: 1px solid rgba(255,255,255,0.2); |
|||
padding: 0 5px; |
|||
li { |
|||
border-bottom: 1px solid $theme_off; |
|||
padding: 5px; |
|||
display: flex; |
|||
align-items: center; |
|||
|
|||
&:hover { |
|||
background: $theme_off; |
|||
} |
|||
#profile_ordering li:last-child { border: 0; } |
|||
|
|||
#profile_ordering li .check { |
|||
margin: 2px 10px 0 0; |
|||
vertical-align: top; |
|||
} |
|||
&:last-child { border: 0; } |
|||
|
|||
#profile_ordering li > span { |
|||
display: inline-block; |
|||
height: 20px; |
|||
vertical-align: top; |
|||
line-height: 20px; |
|||
input[type=checkbox] { |
|||
margin: 2px 10px 0 0; |
|||
vertical-align: top; |
|||
} |
|||
|
|||
> span { |
|||
display: inline-block; |
|||
height: 20px; |
|||
vertical-align: top; |
|||
line-height: 20px; |
|||
|
|||
&.profile_label { |
|||
flex: 1 1 auto; |
|||
} |
|||
} |
|||
|
|||
#profile_ordering li .handle { |
|||
background: url('../../images/handle.png') center; |
|||
width: 20px; |
|||
float: right; |
|||
cursor: -webkit-grab; |
|||
cursor: -moz-grab; |
|||
cursor: grab; |
|||
.handle { |
|||
font-size: 20px; |
|||
width: 20px; |
|||
float: right; |
|||
cursor: -webkit-grab; |
|||
cursor: -moz-grab; |
|||
cursor: grab; |
|||
opacity: .5; |
|||
text-align: center; |
|||
|
|||
&:hover { |
|||
opacity: 1; |
|||
} |
|||
} |
|||
} |
|||
|
|||
#profile_ordering .formHint { |
|||
clear: none; |
|||
float: right; |
|||
width: 250px; |
|||
margin: 0; |
|||
.formHint { |
|||
} |
|||
} |
|||
@ -1,26 +1,19 @@ |
|||
.group_sizes { |
|||
|
|||
} |
|||
@import "couchpotato/static/style/_mixins"; |
|||
|
|||
.group_sizes .head { |
|||
font-weight: bold; |
|||
} |
|||
.group_sizes { |
|||
|
|||
.group_sizes .ctrlHolder { |
|||
padding-top: 4px !important; |
|||
padding-bottom: 4px !important; |
|||
font-size: 12px; |
|||
.item { |
|||
.label { |
|||
min-width: 150px; |
|||
} |
|||
|
|||
.group_sizes .label { |
|||
max-width: 120px; |
|||
.min, .max { |
|||
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