Delete attract main.sass, attract has its own
This commit is contained in:
parent
ae723b1655
commit
87f3093503
@ -1,617 +0,0 @@
|
||||
@import url(../css/font_attract.css)
|
||||
|
||||
$color_text-default: #444
|
||||
$color_link-default: #337ab7
|
||||
$color_link-accent: lighten($color_link-default, 20%)
|
||||
|
||||
/* Label Status */
|
||||
$color_status-todo: lightgray
|
||||
$color_status-on_hold: #fff2cc /* UNUSED */
|
||||
$color_status-in_progress: #fff2cc
|
||||
$color_status-review: #e4f5f9
|
||||
$color_status-final: #e7f5d3
|
||||
|
||||
$color_status-active: #E6F3FD
|
||||
$color_status-updated: #e7f5d3
|
||||
|
||||
=text-overflow-ellipsis
|
||||
overflow: hidden
|
||||
white-space: nowrap
|
||||
text-overflow: ellipsis
|
||||
|
||||
body
|
||||
padding-top: 50px
|
||||
|
||||
|
||||
$color-link-default: #337ab7
|
||||
$color-link-accent: lighten($color-link-default, 20%)
|
||||
|
||||
.list-group
|
||||
margin-top: 20px
|
||||
|
||||
|
||||
.panel .list-group
|
||||
margin-top: 0
|
||||
|
||||
|
||||
.list-group.list-shots a.list-group-item
|
||||
padding: 0
|
||||
|
||||
|
||||
.list-group-item img
|
||||
width: 80px
|
||||
|
||||
|
||||
.stats-knobs div
|
||||
text-align: center
|
||||
|
||||
|
||||
input.dial
|
||||
box-shadow: none
|
||||
transition: none
|
||||
border-radius: auto
|
||||
height: auto
|
||||
cursor: default
|
||||
|
||||
|
||||
input.dial:focus
|
||||
box-shadow: none
|
||||
|
||||
|
||||
.btn-group-cell .btn
|
||||
/*width: 80px*/
|
||||
|
||||
|
||||
.btn-group-cell a.btn
|
||||
/*text-align: left*/
|
||||
|
||||
|
||||
.btn-group-cell a.btn span
|
||||
text-align: right
|
||||
|
||||
|
||||
.expanded-edit input[type="text"]
|
||||
height: 14px
|
||||
font-size: 10px
|
||||
line-height: 14px
|
||||
width: 90%
|
||||
|
||||
|
||||
.expanded-edit textarea
|
||||
width: 90%
|
||||
height: 99px
|
||||
|
||||
|
||||
|
||||
/* Edit shot page */
|
||||
|
||||
.row-task
|
||||
margin-bottom: 10px
|
||||
|
||||
|
||||
|
||||
/* Stats page */
|
||||
|
||||
.row.status-progress
|
||||
margin-bottom: 10px
|
||||
margin-top: 10px
|
||||
|
||||
|
||||
.progress-bar
|
||||
&.progress-bar-todo
|
||||
background-color: #CCC
|
||||
|
||||
&.progress-bar-on_hold
|
||||
background-color: #D9534F
|
||||
|
||||
&.progress-bar-final
|
||||
background-color: #5CB85C
|
||||
|
||||
&.progress-bar-review,
|
||||
&.progress-bar-review_required
|
||||
background-color: #5BC0DE
|
||||
|
||||
&.progress-bar-in_progress
|
||||
background-color: #F0AD4E
|
||||
|
||||
.stats-legend
|
||||
position: relative
|
||||
display: inline-block
|
||||
text-align: center
|
||||
margin: 20px auto
|
||||
|
||||
.stats-legend_item
|
||||
text-align: center
|
||||
background-color: #ddd
|
||||
border-radius: 50%
|
||||
height: 80px
|
||||
width: 80px
|
||||
display: inline-block
|
||||
float: left
|
||||
margin: 0 15px
|
||||
color: white
|
||||
font-size: .8em
|
||||
|
||||
span
|
||||
position: absolute
|
||||
top: 50%
|
||||
transform: translateY(-50%)
|
||||
width: 80px
|
||||
display: block
|
||||
text-align: center
|
||||
|
||||
&.in_progress
|
||||
background-color: #F0AD4E
|
||||
&.review,
|
||||
&.review_required
|
||||
background-color: #5BC0DE
|
||||
&.final
|
||||
background-color: #5CB85C
|
||||
|
||||
&.on_hold
|
||||
background-color: #D9534F
|
||||
|
||||
&.todo
|
||||
background-color: #CCC
|
||||
|
||||
#shots tbody
|
||||
font-size: 12px
|
||||
|
||||
& td
|
||||
position: relative
|
||||
padding: 0
|
||||
vertical-align: middle
|
||||
border: none
|
||||
box-shadow: 0 1px 0 rgba(black, .1)
|
||||
|
||||
|
||||
h3.stats-title
|
||||
display: inline
|
||||
|
||||
|
||||
ul.files
|
||||
list-style-type: none
|
||||
margin: 0
|
||||
|
||||
|
||||
.file.active
|
||||
background: #DDD
|
||||
|
||||
|
||||
tr.success .make-current
|
||||
display: none
|
||||
|
||||
|
||||
.table-thumbnail
|
||||
max-width: 120px
|
||||
// height: auto
|
||||
// width: 100%
|
||||
|
||||
textarea#description.form-control
|
||||
min-height: 150px !important
|
||||
|
||||
textarea#notes.form-control
|
||||
min-height: 200px !important
|
||||
|
||||
table td:nth-child(2)
|
||||
+text-overflow-ellipsis
|
||||
|
||||
table td:nth-child(3)
|
||||
//max-width: 300px
|
||||
+text-overflow-ellipsis
|
||||
|
||||
|
||||
/* Shots Main */
|
||||
#shots-main
|
||||
background-color: white
|
||||
border-left: thin solid #dcdcdc
|
||||
position: fixed
|
||||
left: 0
|
||||
top: 50px
|
||||
bottom: 0
|
||||
overflow: auto
|
||||
|
||||
padding: 15px
|
||||
|
||||
/* Table Shots (DataTable) */
|
||||
#shots
|
||||
.shots-shot_thumbnail
|
||||
text-align: center
|
||||
.shots-shot_name
|
||||
font-weight: 500
|
||||
& a
|
||||
padding: 12px 8px
|
||||
|
||||
.table.dataTable tbody tr a
|
||||
color: $color-text-dark
|
||||
|
||||
& a
|
||||
color: $color-text-dark
|
||||
|
||||
/* Style active rows */
|
||||
.table.dataTable tbody tr.active:nth-child(odd) td,
|
||||
.table.dataTable tbody tr.active:nth-child(odd):hover td,
|
||||
.table.dataTable tbody tr.active:nth-child(even) td,
|
||||
.table.dataTable tbody tr.active:nth-child(even):hover td,
|
||||
.table.dataTable tbody tr.active:nth-child(odd) th,
|
||||
.table.dataTable tbody tr.active:nth-child(odd):hover th,
|
||||
.table.dataTable tbody tr.active:nth-child(even) th,
|
||||
.table.dataTable tbody tr.active:nth-child(even):hover th
|
||||
background-color: inherit !important
|
||||
color: $color-link-accent !important
|
||||
font-weight: 600
|
||||
|
||||
& a
|
||||
color: $color-link-accent !important
|
||||
font-weight: 600
|
||||
|
||||
.table.dataTable tbody tr.updated:nth-child(odd) td,
|
||||
.table.dataTable tbody tr.updated:nth-child(odd) th
|
||||
animation: fx-updated-row-odd 1.5s ease forwards
|
||||
|
||||
.table.dataTable tbody tr.updated:nth-child(even) td,
|
||||
.table.dataTable tbody tr.updated:nth-child(even) th
|
||||
animation: fx-updated-row-even 8s ease forwards
|
||||
|
||||
$table_row_background_odd: #f9f9f9
|
||||
$table_row_background_even: white
|
||||
|
||||
@-webkit-keyframes fx-updated-row-even
|
||||
0%
|
||||
background-color: $table_row_background_even
|
||||
10%
|
||||
background-color: $color-status-updated
|
||||
40%
|
||||
background-color: $color-status-updated
|
||||
100%
|
||||
background-color: $table_row_background_even
|
||||
|
||||
@keyframes fx-updated-row-even
|
||||
0%
|
||||
background-color: $table_row_background_even
|
||||
10%
|
||||
background-color: $color-status-updated
|
||||
40%
|
||||
background-color: $color-status-updated
|
||||
100%
|
||||
background-color: $table_row_background_even
|
||||
|
||||
@-webkit-keyframes fx-updated-row-odd
|
||||
0%
|
||||
background-color: $table_row_background_odd
|
||||
10%
|
||||
background-color: $color-status-updated
|
||||
40%
|
||||
background-color: $color-status-updated
|
||||
100%
|
||||
background-color: $table_row_background_odd
|
||||
|
||||
@keyframes fx-updated-row-odd
|
||||
0%
|
||||
background-color: $table_row_background_odd
|
||||
10%
|
||||
background-color: $color-status-updated
|
||||
40%
|
||||
background-color: $color-status-updated
|
||||
100%
|
||||
background-color: $table_row_background_odd
|
||||
|
||||
|
||||
/* Shots Sidebar */
|
||||
#shots-sidebar
|
||||
background-color: white
|
||||
border-left: thin solid #dcdcdc
|
||||
position: fixed
|
||||
right: 0
|
||||
top: 50px
|
||||
bottom: 0
|
||||
position: fixed
|
||||
overflow-y: auto
|
||||
overflow-x: hidden
|
||||
padding: 15px 0 15px 0
|
||||
|
||||
#shots-sidebar
|
||||
|
||||
/* First hide everything */
|
||||
& [id^="field_"]
|
||||
display: none
|
||||
|
||||
/* then show some fields */
|
||||
& #field_status,
|
||||
& #field_cut_in,
|
||||
& #field_cut_out,
|
||||
& #field_description,
|
||||
& #field_notes,
|
||||
& #field_revision,
|
||||
& #field_filepath,
|
||||
& #field_owners__users,
|
||||
display: block
|
||||
|
||||
& .action_submit,
|
||||
& .action_cancel
|
||||
display: none
|
||||
|
||||
#field_status
|
||||
& .form-control
|
||||
text-transform: capitalize
|
||||
&:focus
|
||||
box-shadow: none !important
|
||||
|
||||
&.todo
|
||||
background-color: lightgray
|
||||
border: thin solid darken(lightgray, 10%)
|
||||
color: #444
|
||||
|
||||
&.in-progress,
|
||||
&.in_progress,
|
||||
&.on_hold
|
||||
background-color: $color-status-in_progress
|
||||
border: thin solid darken($color-status-in_progress, 20%)
|
||||
color: #b86811
|
||||
|
||||
&.review
|
||||
background-color: $color-status-review
|
||||
border: thin solid darken($color-status-review, 10%)
|
||||
color: #174773
|
||||
|
||||
&.done,
|
||||
&.approved,
|
||||
&.final,
|
||||
&.final1,
|
||||
&.final2
|
||||
background-color: $color-status-final
|
||||
border: thin solid darken($color-status-final, 10%)
|
||||
color: #38761d
|
||||
|
||||
&.cbb
|
||||
border: thin solid #A7CA98
|
||||
color: #38761d
|
||||
|
||||
&.conflict
|
||||
border: thin solid crimson !important
|
||||
color: crimson !important
|
||||
font-weight: bold
|
||||
background-color: white !important
|
||||
|
||||
#field_owners__users
|
||||
.form-control
|
||||
min-height: 150px
|
||||
|
||||
#shots-sidebar_edit
|
||||
h2
|
||||
text-transform: capitalize
|
||||
#field_description
|
||||
display: none
|
||||
|
||||
#description_print
|
||||
font-size: 1.2em
|
||||
padding: 2px
|
||||
margin: 0
|
||||
border: 1px solid transparent
|
||||
color: lighten(black, 40%)
|
||||
min-height: 100px
|
||||
cursor: text
|
||||
|
||||
#description_form
|
||||
& textarea
|
||||
font-size: 1.2em
|
||||
width: 100%
|
||||
min-height: 100px
|
||||
margin: 0
|
||||
|
||||
#description_container
|
||||
position: relative
|
||||
min-height: 120px
|
||||
|
||||
&:hover
|
||||
.description_toggle
|
||||
opacity: 1.0
|
||||
|
||||
.node__image_preview
|
||||
width: 100%
|
||||
|
||||
.task-update,
|
||||
.task-success,
|
||||
.task-error
|
||||
min-width: 150px
|
||||
position: absolute
|
||||
bottom: 0
|
||||
right: 15px
|
||||
display: block
|
||||
|
||||
.task-success,
|
||||
.task-error
|
||||
user-select: none
|
||||
pointer-events: none
|
||||
cursor: default
|
||||
visible: hidden
|
||||
|
||||
.task-success
|
||||
color: #398439
|
||||
border-color: #398439
|
||||
|
||||
.task-error, .task-delete
|
||||
color: #d9534f
|
||||
border-color: #d43f3a
|
||||
|
||||
.task-delete:hover
|
||||
background-color: #d9534f
|
||||
color: white
|
||||
|
||||
.task-edit
|
||||
color: lightblue
|
||||
border-color: lightblue
|
||||
|
||||
&:hover
|
||||
background-color: CornflowerBlue
|
||||
color: white
|
||||
|
||||
/* Shots List */
|
||||
.table td
|
||||
position: relative
|
||||
|
||||
.task-add
|
||||
display: block
|
||||
visibility: hidden
|
||||
margin: 0 auto
|
||||
text-align: center
|
||||
width: 90%
|
||||
cursor: pointer
|
||||
border: thin dashed gray
|
||||
|
||||
position: absolute
|
||||
top: 50%
|
||||
transform: translateY(-50%)
|
||||
|
||||
&:hover
|
||||
background-color: white
|
||||
border: thin dashed gray
|
||||
|
||||
.table td:hover
|
||||
.task-add
|
||||
visibility: visible
|
||||
|
||||
.load-task-view
|
||||
cursor: pointer
|
||||
display: block
|
||||
width: 90%
|
||||
font-size: .9em
|
||||
font-weight: 400
|
||||
line-height: 1.5em
|
||||
margin: 0 auto
|
||||
user-select: none
|
||||
|
||||
position: absolute
|
||||
top: 50%
|
||||
transform: translateY(-50%)
|
||||
|
||||
&:hover
|
||||
opacity: .8
|
||||
|
||||
.table td.shots-shot_name a
|
||||
display: block
|
||||
width: auto
|
||||
margin: 0 auto
|
||||
visibility: visible
|
||||
|
||||
color: $color-link-default !important
|
||||
position: relative
|
||||
top: 17px
|
||||
transform: translateY(-15px)
|
||||
|
||||
.table tr:hover
|
||||
.load-shot-view
|
||||
visibility: visible
|
||||
|
||||
.node_title
|
||||
.parent_name
|
||||
color: lighten($color-text-default, 30%)
|
||||
border-right: 2px solid lighten($color-text-default, 60%)
|
||||
padding-right: 15px
|
||||
margin-right: 5px
|
||||
|
||||
|
||||
.status
|
||||
.label
|
||||
display: block
|
||||
width: 90%
|
||||
font-size: .9em
|
||||
font-weight: 400
|
||||
line-height: 1.5em
|
||||
margin: 0 auto
|
||||
|
||||
.table
|
||||
tr
|
||||
color: $color_text-default
|
||||
tr:hover
|
||||
opacity: 0.9
|
||||
cursor: pointer
|
||||
color: $color-link-accent
|
||||
a
|
||||
color: $color-link-accent
|
||||
|
||||
tr[data-shot-status ~= "final"]
|
||||
background-color: $color-status-final !important
|
||||
// tr[data-shot-status ~= "in_progress"]
|
||||
// background-color: $color-status-in_progress
|
||||
tr[data-shot-status ~= "review"],
|
||||
tr[data-shot-status ~= "review_required"]
|
||||
background-color: $color-status-review !important
|
||||
tr[data-shot-status ~= "todo"]
|
||||
background-color: $color-status-todo !important
|
||||
|
||||
tr[data-shot-status ~= "in-progress"],
|
||||
tr[data-shot-status ~= "in_progress"]
|
||||
background-color: $color_status-in_progress !important
|
||||
|
||||
tr[data-shot-status ~= "on_hold"]
|
||||
//background-color: $color_status-on_hold !important
|
||||
color: crimson
|
||||
|
||||
tr.active
|
||||
color: #08C
|
||||
a
|
||||
color: #08C !important
|
||||
|
||||
.table tr.review_required
|
||||
background-color: $color-status-review
|
||||
|
||||
/* Labels */
|
||||
.label-todo
|
||||
background-color: lightgray
|
||||
border: thin solid darken(lightgray, 10%)
|
||||
color: #444
|
||||
|
||||
&.active
|
||||
border: 2px dashed darken(lightgray, 15%)
|
||||
|
||||
.label-in-progress, .label-in_progress, .label-on_hold
|
||||
background-color: $color-status-in_progress
|
||||
border: thin solid darken($color-status-in_progress, 20%)
|
||||
color: #b86811
|
||||
|
||||
&.active
|
||||
border: 2px dashed darken($color-status-in_progress, 25%)
|
||||
|
||||
.label-review
|
||||
background-color: $color-status-review
|
||||
border: thin solid darken($color-status-review, 10%)
|
||||
color: #174773
|
||||
|
||||
&.active
|
||||
border: 2px dashed darken($color-status-review, 25%)
|
||||
|
||||
.label-done,
|
||||
.label-approved,
|
||||
.label-final,
|
||||
.label-final1,
|
||||
.label-final2
|
||||
background-color: $color-status-final
|
||||
border: thin solid darken($color-status-final, 10%)
|
||||
color: #38761d
|
||||
|
||||
&.active
|
||||
border: 2px dashed darken($color-status-final, 15%)
|
||||
|
||||
.label-cbb
|
||||
border: thin solid #A7CA98
|
||||
color: #38761d
|
||||
|
||||
&.active
|
||||
border: 2px dashed darken(#A7CA98, 5%)
|
||||
|
||||
.label-conflict
|
||||
border: thin solid crimson !important
|
||||
color: crimson !important
|
||||
font-weight: bold
|
||||
background-color: white !important
|
||||
|
||||
&:hover
|
||||
opacity: 1.0 !important
|
||||
|
||||
&.active
|
||||
border: 2px dashed crimson !important
|
||||
|
||||
|
||||
.shots-shot_notes
|
||||
max-width: 300px
|
||||
@ -1,7 +1,6 @@
|
||||
@import _normalize
|
||||
@import _config
|
||||
@import _utils
|
||||
// @import attract/_main
|
||||
|
||||
@import _comments
|
||||
@import _project
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user