Skip to content
GitLab
Explore
Sign in
Primary navigation
Search or go to…
Project
Memorekall Member New
Manage
Activity
Members
Labels
Plan
Issues
Issue boards
Milestones
Wiki
Code
Merge requests
Repository
Branches
Commits
Tags
Repository graph
Compare revisions
Snippets
Build
Pipelines
Jobs
Pipeline schedules
Artifacts
Deploy
Releases
Package registry
Container registry
Model registry
Operate
Environments
Terraform modules
Monitor
Incidents
Service Desk
Analyze
Value stream analytics
Contributor analytics
CI/CD analytics
Repository analytics
Model experiments
Help
Help
Support
GitLab documentation
Compare GitLab plans
GitLab community forum
Contribute to GitLab
Provide feedback
Keyboard shortcuts
?
Snippets
Groups
Projects
Show more breadcrumbs
Rekall
Memorekall Member New
Commits
49e6e75b
Commit
49e6e75b
authored
Mar 2, 2022
by
Loïs Poujade
Browse files
Options
Downloads
Patches
Plain Diff
whitespaces/line return cleaning
parent
d2ddf70b
Branches
Branches containing commit
Tags
Tags containing commit
1 merge request
!72
tuleap-166 show mosaic in a tab
Changes
1
Show whitespace changes
Inline
Side-by-side
Showing
1 changed file
capsule-prototype/css/online-theme.css
+1041
-978
1041 additions, 978 deletions
capsule-prototype/css/online-theme.css
with
1041 additions
and
978 deletions
capsule-prototype/css/online-theme.css
+
1041
−
978
View file @
49e6e75b
...
@@ -5,9 +5,13 @@
...
@@ -5,9 +5,13 @@
}
}
.flex-col
,
.flex-row
{
display
:
flex
;
}
.flex-col
,
.flex-row
{
display
:
flex
;
}
.flex-col
{
flex-direction
:
column
;
}
.flex-col
{
flex-direction
:
column
;
}
.flex-row
{
flex-direction
:
row
;
}
.flex-row
{
flex-direction
:
row
;
}
.flex-center
{
justify-content
:
center
;
align-items
:
center
;
}
.flex-center
{
justify-content
:
center
;
align-items
:
center
;
}
.flex
{
flex
:
1
;
}
.flex
{
flex
:
1
;
}
html
,
body
{
html
,
body
{
...
@@ -140,6 +144,7 @@ background: #243538;
...
@@ -140,6 +144,7 @@ background: #243538;
border
:
1px
solid
rgba
(
255
,
255
,
255
,
.15
);
border
:
1px
solid
rgba
(
255
,
255
,
255
,
.15
);
}
}
.popupSettingsBtn
:hover
{
.popupSettingsBtn
:hover
{
background
:
rgba
(
255
,
255
,
255
,
.05
);
/*rgba(20,46,51,.75);/*rgba(20,46,51,.75); */
background
:
rgba
(
255
,
255
,
255
,
.05
);
/*rgba(20,46,51,.75);/*rgba(20,46,51,.75); */
color
:
#fff
;
color
:
#fff
;
...
@@ -159,6 +164,7 @@ background: #243538;
...
@@ -159,6 +164,7 @@ background: #243538;
padding
:
1.2em
0
;
padding
:
1.2em
0
;
width
:
9vw
;
width
:
9vw
;
}
}
.popupSettingsA
:hover
{
.popupSettingsA
:hover
{
color
:
rgba
(
255
,
255
,
255
,
.75
);
color
:
rgba
(
255
,
255
,
255
,
.75
);
}
}
...
@@ -174,6 +180,7 @@ background: #243538;
...
@@ -174,6 +180,7 @@ background: #243538;
padding
:
.5vh
0
.5vh
0
;
padding
:
.5vh
0
.5vh
0
;
cursor
:
pointer
;
cursor
:
pointer
;
}
}
.popupSettingsLabel
{
.popupSettingsLabel
{
color
:
rgba
(
255
,
255
,
255
,
.25
);
color
:
rgba
(
255
,
255
,
255
,
.25
);
font-size
:
.9em
;
font-size
:
.9em
;
...
@@ -202,9 +209,11 @@ background: #243538;
...
@@ -202,9 +209,11 @@ background: #243538;
font-size
:
1.2em
;
font-size
:
1.2em
;
padding
:
0
0
1vh
0
;
padding
:
0
0
1vh
0
;
}
}
#popupSettingsTitleInput
{
#popupSettingsTitleInput
{
font-size
:
1.2em
;
font-size
:
1.2em
;
}
}
#popupSettingsCredits
,
#popupSettingsCreationDate
{
#popupSettingsCredits
,
#popupSettingsCreationDate
{
}
}
...
@@ -221,6 +230,7 @@ background: #243538;
...
@@ -221,6 +230,7 @@ background: #243538;
text-align
:
center
;
text-align
:
center
;
color
:
rgba
(
255
,
255
,
255
,
.75
);
color
:
rgba
(
255
,
255
,
255
,
.75
);
}
}
#popupAlertMessage
{
#popupAlertMessage
{
font-size
:
.9em
;
font-size
:
.9em
;
font-weight
:
200
;
font-weight
:
200
;
...
@@ -246,10 +256,12 @@ background: #243538;
...
@@ -246,10 +256,12 @@ background: #243538;
margin
:
3vh
0
1.5vh
0
;
margin
:
3vh
0
1.5vh
0
;
}
}
#popupAlertButtons
,
#popupAddLinkButtons
{
#popupAlertButtons
,
#popupAddLinkButtons
{
width
:
100%
;
width
:
100%
;
text-align
:
center
;
text-align
:
center
;
}
}
.popupAlertButton
,
.popupAddLinkButton
,
.popupSettingsButton
{
.popupAlertButton
,
.popupAddLinkButton
,
.popupSettingsButton
{
width
:
9vw
;
width
:
9vw
;
...
@@ -273,10 +285,12 @@ background: #243538;
...
@@ -273,10 +285,12 @@ background: #243538;
margin
:
3vh
1vw
0vh
1vw
!important
;
margin
:
3vh
1vw
0vh
1vw
!important
;
font-family
:
'OpenSans'
!important
;
font-family
:
'OpenSans'
!important
;
}
}
.popupAlertButton
:hover
,
.popupAddLinkButton
:hover
,
.popupSettingsButton
:hover
{
.popupAlertButton
:hover
,
.popupAddLinkButton
:hover
,
.popupSettingsButton
:hover
{
background
:
rgba
(
255
,
255
,
255
,
.05
);
background
:
rgba
(
255
,
255
,
255
,
.05
);
color
:
#fff
color
:
#fff
}
}
#popupAlertButtonOk
,
#popupAlertButtonYesdelete
,
#popupAlertButtonCancel
,
#popupAlertButtonYesdeleteproject
{
#popupAlertButtonOk
,
#popupAlertButtonYesdelete
,
#popupAlertButtonCancel
,
#popupAlertButtonYesdeleteproject
{
display
:
inline-block
;
display
:
inline-block
;
}
}
...
@@ -302,6 +316,7 @@ background: #243538;
...
@@ -302,6 +316,7 @@ background: #243538;
/*box-shadow: 0px 0px 2px 3px rgba(255,255,255,.1) inset; */
/*box-shadow: 0px 0px 2px 3px rgba(255,255,255,.1) inset; */
}
}
#popupAddLinkMessage
,
#popupMosaicMessage
{
#popupAddLinkMessage
,
#popupMosaicMessage
{
font-weight
:
100
;
font-weight
:
100
;
color
:
rgba
(
255
,
255
,
255
,
.75
);
color
:
rgba
(
255
,
255
,
255
,
.75
);
...
@@ -311,6 +326,7 @@ background: #243538;
...
@@ -311,6 +326,7 @@ background: #243538;
width
:
30vw
;
width
:
30vw
;
margin
:
0vh
0vw
2vh
0vw
!important
;
margin
:
0vh
0vw
2vh
0vw
!important
;
}
}
#popupAddLinkInput
{
#popupAddLinkInput
{
background
:
rgba
(
0
,
0
,
0
,
.05
);
/*gba(255,255,255,.15);*/
background
:
rgba
(
0
,
0
,
0
,
.05
);
/*gba(255,255,255,.15);*/
box-shadow
:
0
1px
3px
rgba
(
0
,
0
,
0
,
.2
)
inset
;
box-shadow
:
0
1px
3px
rgba
(
0
,
0
,
0
,
.2
)
inset
;
...
@@ -348,18 +364,22 @@ background: #243538;
...
@@ -348,18 +364,22 @@ background: #243538;
display
:
grid
;
display
:
grid
;
grid-template-columns
:
repeat
(
auto-fit
,
minmax
(
125px
,
1fr
));
grid-template-columns
:
repeat
(
auto-fit
,
minmax
(
125px
,
1fr
));
}
}
.mosaic_filter_item
{
.mosaic_filter_item
{
padding
:
1.0em
1vw
;
padding
:
1.0em
1vw
;
margin
:
2vh
0.5vw
1.5vh
0.5vw
;
margin
:
2vh
0.5vw
1.5vh
0.5vw
;
border-radius
:
3px
;
border-radius
:
3px
;
cursor
:
pointer
;
cursor
:
pointer
;
}
}
.mosaic_filter_disabled
{
.mosaic_filter_disabled
{
opacity
:
0.5
;
opacity
:
0.5
;
}
}
.mosaic_filter_disabled
>
h2
:after
{
.mosaic_filter_disabled
>
h2
:after
{
background-image
:
url
(
'images/icn-menu-filter.png'
);
background-image
:
url
(
'images/icn-menu-filter.png'
);
}
}
.mosaic_filter_item
>
h2
,
.mosaic_category
h2
{
.mosaic_filter_item
>
h2
,
.mosaic_category
h2
{
text-transform
:
capitalize
;
text-transform
:
capitalize
;
}
}
...
@@ -367,6 +387,7 @@ background: #243538;
...
@@ -367,6 +387,7 @@ background: #243538;
.mosaic_filter_item
:not
(
.mosaic_filter_disabled
)>
h2
:after
{
.mosaic_filter_item
:not
(
.mosaic_filter_disabled
)>
h2
:after
{
background-image
:
url
(
'images/icn-menu-preview.png'
);
background-image
:
url
(
'images/icn-menu-preview.png'
);
}
}
.mosaic_filter_item
>
h2
:after
{
.mosaic_filter_item
>
h2
:after
{
display
:
inline-block
;
display
:
inline-block
;
height
:
20px
;
height
:
20px
;
...
@@ -377,6 +398,7 @@ background: #243538;
...
@@ -377,6 +398,7 @@ background: #243538;
padding-top
:
3px
;
padding-top
:
3px
;
background-repeat
:
no-repeat
;
background-repeat
:
no-repeat
;
}
}
.mosaic_filter_item_all
>
h2
:after
{
.mosaic_filter_item_all
>
h2
:after
{
background-image
:
url
(
'images/icn-reload.png'
)
!important
;
background-image
:
url
(
'images/icn-reload.png'
)
!important
;
}
}
...
@@ -392,6 +414,7 @@ background: #243538;
...
@@ -392,6 +414,7 @@ background: #243538;
margin
:
2vh
0
1.5vh
0
;
margin
:
2vh
0
1.5vh
0
;
cursor
:
pointer
;
cursor
:
pointer
;
}
}
.mosaic_item
.caption
{
.mosaic_item
.caption
{
display
:
block
;
display
:
block
;
}
}
...
@@ -416,6 +439,7 @@ background: #243538;
...
@@ -416,6 +439,7 @@ background: #243538;
background
:
rgba
(
0
,
0
,
0
,
.15
);
background
:
rgba
(
0
,
0
,
0
,
.15
);
border-radius
:
2px
0
0
2px
;
border-radius
:
2px
0
0
2px
;
}
}
#popupRight
{
#popupRight
{
width
:
25vw
;
width
:
25vw
;
min-height
:
50vh
;
min-height
:
50vh
;
...
@@ -433,6 +457,7 @@ background: #243538;
...
@@ -433,6 +457,7 @@ background: #243538;
text-align
:
center
;
text-align
:
center
;
display
:
inline-block
;
display
:
inline-block
;
}
}
.popupLeftButton
{
.popupLeftButton
{
font-weight
:
400
;
font-weight
:
400
;
color
:
rgba
(
0
,
0
,
0
,
.35
);
color
:
rgba
(
0
,
0
,
0
,
.35
);
...
@@ -447,6 +472,7 @@ background: #243538;
...
@@ -447,6 +472,7 @@ background: #243538;
display
:
inline-block
;
display
:
inline-block
;
margin-top
:
1vh
;
margin-top
:
1vh
;
}
}
.popupLeftButton
:hover
{
.popupLeftButton
:hover
{
background
:
rgba
(
255
,
255
,
255
,
.35
);
background
:
rgba
(
255
,
255
,
255
,
.35
);
}
}
...
@@ -456,6 +482,7 @@ background: #243538;
...
@@ -456,6 +482,7 @@ background: #243538;
cursor
:
pointer
;
cursor
:
pointer
;
height
:
100%
;
height
:
100%
;
}
}
#popupImg
{
#popupImg
{
max-width
:
15vw
;
max-width
:
15vw
;
max-height
:
15vw
;
max-height
:
15vw
;
...
@@ -496,6 +523,7 @@ background: #243538;
...
@@ -496,6 +523,7 @@ background: #243538;
right
:
34vw
;
right
:
34vw
;
z-index
:
110
;
z-index
:
110
;
}
}
#closePopupEdit
:hover
,
#closePopupMosaic
:hover
{
#closePopupEdit
:hover
,
#closePopupMosaic
:hover
{
color
:
rgba
(
255
,
255
,
255
,
.75
);
color
:
rgba
(
255
,
255
,
255
,
.75
);
}
}
...
@@ -508,6 +536,7 @@ background: #243538;
...
@@ -508,6 +536,7 @@ background: #243538;
line-height
:
1.2em
;
line-height
:
1.2em
;
color
:
rgba
(
255
,
255
,
255
,
.75
);
color
:
rgba
(
255
,
255
,
255
,
.75
);
}
}
.popupInput
{
.popupInput
{
background
:
rgba
(
0
,
0
,
0
,
.25
);
background
:
rgba
(
0
,
0
,
0
,
.25
);
box-shadow
:
0
1px
3px
rgba
(
0
,
0
,
0
,
.5
)
inset
;
box-shadow
:
0
1px
3px
rgba
(
0
,
0
,
0
,
.5
)
inset
;
...
@@ -519,6 +548,7 @@ background: #243538;
...
@@ -519,6 +548,7 @@ background: #243538;
display
:
inline-block
;
display
:
inline-block
;
display
:
none
;
display
:
none
;
}
}
#popupType
{
#popupType
{
font-size
:
0.8em
;
font-size
:
0.8em
;
font-weight
:
400
;
font-weight
:
400
;
...
@@ -537,6 +567,7 @@ background: #243538;
...
@@ -537,6 +567,7 @@ background: #243538;
text-transform
:
uppercase
;
text-transform
:
uppercase
;
margin-bottom
:
1.5vh
;
margin-bottom
:
1.5vh
;
}
}
#popupNomInput
{
#popupNomInput
{
font-weight
:
200
;
font-weight
:
200
;
font-size
:
1.2em
;
font-size
:
1.2em
;
...
@@ -556,20 +587,24 @@ background: #243538;
...
@@ -556,20 +587,24 @@ background: #243538;
margin-bottom
:
3vh
;
margin-bottom
:
3vh
;
font-weight
:
600
;
font-weight
:
600
;
}
}
#popupTCin
{
#popupTCin
{
float
:
left
;
float
:
left
;
color
:
#142E33
;
color
:
#142E33
;
margin-left
:
3%
;
margin-left
:
3%
;
}
}
#popupTCout
{
#popupTCout
{
float
:
right
;
float
:
right
;
color
:
#142E33
;
color
:
#142E33
;
margin-right
:
3%
;
margin-right
:
3%
;
}
}
#popupTC
:hover
{
#popupTC
:hover
{
/*background: rgba(255,255,255,.25);*/
/*background: rgba(255,255,255,.25);*/
background
:
rgba
(
255
,
255
,
255
,
.1
);
background
:
rgba
(
255
,
255
,
255
,
.1
);
}
}
.popupTClabel
{
.popupTClabel
{
width
:
4vw
;
width
:
4vw
;
padding-right
:
0.5vw
;
padding-right
:
0.5vw
;
...
@@ -578,6 +613,7 @@ background: #243538;
...
@@ -578,6 +613,7 @@ background: #243538;
font-size
:
0.8em
;
font-size
:
0.8em
;
text-transform
:
uppercase
;
text-transform
:
uppercase
;
}
}
#popupTCedit
{
#popupTCedit
{
font-size
:
1.0em
;
font-size
:
1.0em
;
line-height
:
1.2em
;
line-height
:
1.2em
;
...
@@ -591,6 +627,7 @@ background: #243538;
...
@@ -591,6 +627,7 @@ background: #243538;
color
:
rgba
(
255
,
255
,
255
,
.5
);
color
:
rgba
(
255
,
255
,
255
,
.5
);
display
:
none
;
display
:
none
;
}
}
.popupTCeditfield
{
.popupTCeditfield
{
background
:
rgba
(
0
,
0
,
0
,
.25
);
/*gba(255,255,255,.15);*/
background
:
rgba
(
0
,
0
,
0
,
.25
);
/*gba(255,255,255,.15);*/
box-shadow
:
0
1px
3px
rgba
(
0
,
0
,
0
,
.5
)
inset
;
box-shadow
:
0
1px
3px
rgba
(
0
,
0
,
0
,
.5
)
inset
;
...
@@ -604,6 +641,7 @@ background: #243538;
...
@@ -604,6 +641,7 @@ background: #243538;
line-height
:
1.8em
;
line-height
:
1.8em
;
text-align
:
center
;
text-align
:
center
;
}
}
.nowTCbtn
{
.nowTCbtn
{
text-decoration
:
underline
;
text-decoration
:
underline
;
padding
:
0
1%
;
padding
:
0
1%
;
...
@@ -613,6 +651,7 @@ background: #243538;
...
@@ -613,6 +651,7 @@ background: #243538;
font-size
:
0.8em
;
font-size
:
0.8em
;
font-weight
:
500
;
font-weight
:
500
;
}
}
.TCvalidBtn
{
.TCvalidBtn
{
padding
:
0
1%
;
padding
:
0
1%
;
margin
:
0
1%
;
margin
:
0
1%
;
...
@@ -665,6 +704,7 @@ background: #243538;
...
@@ -665,6 +704,7 @@ background: #243538;
margin
:
0
0
2vh
0
;
margin
:
0
0
2vh
0
;
color
:
rgba
(
255
,
255
,
255
,
.5
);
color
:
rgba
(
255
,
255
,
255
,
.5
);
}
}
#popupLink
a
:hover
{
#popupLink
a
:hover
{
color
:
#fff
;
color
:
#fff
;
text-decoration
:
underline
;
text-decoration
:
underline
;
...
@@ -694,18 +734,21 @@ background: #243538;
...
@@ -694,18 +734,21 @@ background: #243538;
padding
:
.8em
1.8em
.8em
1.8em
;
padding
:
.8em
1.8em
.8em
1.8em
;
border-radius
:
2px
0
0
0
;
border-radius
:
2px
0
0
0
;
}
}
#popupSetHighlight
.selected
{
#popupSetHighlight
.selected
{
/*color: rgba(255,255,255,.75);
/*color: rgba(255,255,255,.75);
background: rgba(0,0,0,.15); */
background: rgba(0,0,0,.15); */
/* background: rgba(255,255,255,.15); */
/* background: rgba(255,255,255,.15); */
color
:
#FFF
;
color
:
#FFF
;
}
}
#popupSetHighlight
:hover
{
#popupSetHighlight
:hover
{
/*background: rgba(0,0,0,.25);
/*background: rgba(0,0,0,.25);
color: #FFF; */
color: #FFF; */
/*background: rgba(255,255,255,.2); */
/*background: rgba(255,255,255,.2); */
color
:
rgba
(
255
,
255
,
255
,
.25
);
/*#142E33; */
color
:
rgba
(
255
,
255
,
255
,
.25
);
/*#142E33; */
}
}
#popupSetHighlight
.selected
:hover
{
#popupSetHighlight
.selected
:hover
{
/*color: rgba(255,255,255,.75);
/*color: rgba(255,255,255,.75);
background: rgba(0,0,0,.15); */
background: rgba(0,0,0,.15); */
...
@@ -734,6 +777,7 @@ color: rgba(255,255,255,.75); /*#FFF; */
...
@@ -734,6 +777,7 @@ color: rgba(255,255,255,.75); /*#FFF; */
border
:
1px
solid
rgba
(
255
,
255
,
255
,
.15
);
border
:
1px
solid
rgba
(
255
,
255
,
255
,
.15
);
/*border-bottom: 1px solid #142E33; */
/*border-bottom: 1px solid #142E33; */
}
}
#popupEditSupprimer
:hover
{
#popupEditSupprimer
:hover
{
background
:
rgba
(
255
,
255
,
255
,
.05
);
/*rgba(20,46,51,.75);/*rgba(20,46,51,.75); */
background
:
rgba
(
255
,
255
,
255
,
.05
);
/*rgba(20,46,51,.75);/*rgba(20,46,51,.75); */
color
:
#fff
color
:
#fff
...
@@ -828,25 +872,43 @@ color: rgba(255,255,255,.75); /*#FFF; */
...
@@ -828,25 +872,43 @@ color: rgba(255,255,255,.75); /*#FFF; */
display: inline-block;
display: inline-block;
*/
*/
}
}
.left_menu_item
:hover
{
background
:
rgba
(
0
,
0
,
0
,
.1
);
}
.left_menu_item
:hover
{
background
:
rgba
(
0
,
0
,
0
,
.1
);
}
.left_menu_item.selected
{
background
:
rgba
(
0
,
0
,
0
,
.15
);
}
.left_menu_item.selected
{
background
:
rgba
(
0
,
0
,
0
,
.15
);
}
.left_menu_item
:first-child
{
margin-bottom
:
10px
;
}
.left_menu_item
:first-child
{
margin-bottom
:
10px
;
}
.left_menu_item_icn
{
width
:
40px
;
height
:
40px
;
}
.left_menu_item_icn
{
width
:
40px
;
height
:
40px
;
}
#left_menu_item_icn_presets
{
background
:
url
(
"images/icn-menu-presets.png"
);
}
#left_menu_item_icn_presets
{
background
:
url
(
"images/icn-menu-presets.png"
);
}
#left_menu_item_icn_horizontal
{
background
:
url
(
"images/icn-menu-horizontal.png"
);
}
#left_menu_item_icn_horizontal
{
background
:
url
(
"images/icn-menu-horizontal.png"
);
}
#left_menu_item_icn_vertical
{
background
:
url
(
"images/icn-menu-vertical.png"
);
}
#left_menu_item_icn_vertical
{
background
:
url
(
"images/icn-menu-vertical.png"
);
}
#left_menu_item_icn_groups
{
background
:
url
(
"images/icn-menu-groups.png"
);
}
#left_menu_item_icn_groups
{
background
:
url
(
"images/icn-menu-groups.png"
);
}
#left_menu_item_icn_colors
{
background
:
url
(
"images/icn-menu-colors.png"
);
}
#left_menu_item_icn_colors
{
background
:
url
(
"images/icn-menu-colors.png"
);
}
#left_menu_item_icn_filter
{
background
:
url
(
"images/icn-menu-filter.png"
);
}
#left_menu_item_icn_filter
{
background
:
url
(
"images/icn-menu-filter.png"
);
}
#left_menu_item_icn_highlight
{
background
:
url
(
"images/icn-menu-highlight.png"
);
}
#left_menu_item_icn_highlight
{
background
:
url
(
"images/icn-menu-highlight.png"
);
}
#left_menu_item_icn_search
{
background
:
url
(
"images/icn-menu-search.png"
);
}
#left_menu_item_icn_search
{
background
:
url
(
"images/icn-menu-search.png"
);
}
#left_menu_item_icn_keywords
{
background
:
url
(
"images/icn-menu-keywords.png"
);
}
#left_menu_item_icn_keywords
{
background
:
url
(
"images/icn-menu-keywords.png"
);
}
#left_menu_item_icn_mosaic
{
background
:
url
(
"images/icn-menu-mosaic.png"
);
}
#left_menu_item_icn_mosaic
{
background
:
url
(
"images/icn-menu-mosaic.png"
);
}
#left_menu_item_icn_preview
{
background
:
url
(
"images/icn-menu-preview.png"
);
}
#left_menu_item_icn_preview
{
background
:
url
(
"images/icn-menu-preview.png"
);
}
#left_menu_item_icn_settings
{
background
:
url
(
"images/icn-menu-settings.png"
);
}
#left_menu_item_icn_settings
{
background
:
url
(
"images/icn-menu-settings.png"
);
}
#left_menu_item_icn_addfile
{
background
:
url
(
"images/icn-menu-addfile.png"
);
}
#left_menu_item_icn_addfile
{
background
:
url
(
"images/icn-menu-addfile.png"
);
}
#left_menu_item_icn_addnote
{
background
:
url
(
"images/icn-menu-addnote.png"
);
}
#left_menu_item_icn_addnote
{
background
:
url
(
"images/icn-menu-addnote.png"
);
}
#left_menu_item_icn_addlink
{
background
:
url
(
"images/icn-menu-addlink.png"
);
}
#left_menu_item_icn_addlink
{
background
:
url
(
"images/icn-menu-addlink.png"
);
}
.left_menu_item_title
{
.left_menu_item_title
{
...
@@ -884,10 +946,12 @@ color: rgba(255,255,255,.75); /*#FFF; */
...
@@ -884,10 +946,12 @@ color: rgba(255,255,255,.75); /*#FFF; */
overflow-x
:
hidden
;
overflow-x
:
hidden
;
overflow-y
:
scroll
;
overflow-y
:
scroll
;
}
}
#flattentimeline
.drag
{
#flattentimeline
.drag
{
/*background: rgba(2,212,255,.5);*/
/*background: rgba(2,212,255,.5);*/
box-shadow
:
0
0
20px
20px
rgba
(
63
,
223
,
255
,
.45
)
inset
;
box-shadow
:
0
0
20px
20px
rgba
(
63
,
223
,
255
,
.45
)
inset
;
}
}
.flattentimeline_item.draggable
{
.flattentimeline_item.draggable
{
background
:
rgba
(
63
,
223
,
255
,
.25
);
background
:
rgba
(
63
,
223
,
255
,
.25
);
}
}
...
@@ -914,6 +978,7 @@ color: rgba(255,255,255,.75); /*#FFF; */
...
@@ -914,6 +978,7 @@ color: rgba(255,255,255,.75); /*#FFF; */
font-size
:
18px
;
font-size
:
18px
;
border-bottom
:
2px
solid
#1B1D1E
;
border-bottom
:
2px
solid
#1B1D1E
;
}
}
#flattentimeline_settings
{
#flattentimeline_settings
{
font-weight
:
200
;
font-weight
:
200
;
height
:
240px
;
height
:
240px
;
...
@@ -926,6 +991,7 @@ color: rgba(255,255,255,.75); /*#FFF; */
...
@@ -926,6 +991,7 @@ color: rgba(255,255,255,.75); /*#FFF; */
margin-top
:
4px
;
margin-top
:
4px
;
display
:
none
;
display
:
none
;
}
}
#flattentimeline_items
{
#flattentimeline_items
{
width
:
100%
;
width
:
100%
;
height
:
100%
;
height
:
100%
;
...
@@ -933,6 +999,7 @@ color: rgba(255,255,255,.75); /*#FFF; */
...
@@ -933,6 +999,7 @@ color: rgba(255,255,255,.75); /*#FFF; */
overflow-y
:
auto
;
overflow-y
:
auto
;
background-color
:
rgba
(
255
,
255
,
255
,
.05
);
background-color
:
rgba
(
255
,
255
,
255
,
.05
);
}
}
.flattentimeline_item
{
.flattentimeline_item
{
position
:
relative
;
position
:
relative
;
height
:
40px
;
height
:
40px
;
...
@@ -992,6 +1059,7 @@ color: rgba(255,255,255,.75); /*#FFF; */
...
@@ -992,6 +1059,7 @@ color: rgba(255,255,255,.75); /*#FFF; */
/*border-radius: 3px;
/*border-radius: 3px;
/*mix-blend-mode: overlay;*/
/*mix-blend-mode: overlay;*/
}
}
.flattentimeline_title
,
.flattentimeline_subtitle
,
.flattentimeline_counter
{
.flattentimeline_title
,
.flattentimeline_subtitle
,
.flattentimeline_counter
{
top
:
0px
;
top
:
0px
;
left
:
0px
;
left
:
0px
;
...
@@ -1064,6 +1132,7 @@ height: 100%;
...
@@ -1064,6 +1132,7 @@ height: 100%;
top: 0px;
top: 0px;
opacity: .25; */
opacity: .25; */
}
}
.flattentimeline_highlightitem
.flattentimeline_bar
,
.flattentimeline_highlightitem
.flattentimeline_opacifiant
{
.flattentimeline_highlightitem
.flattentimeline_bar
,
.flattentimeline_highlightitem
.flattentimeline_opacifiant
{
top
:
auto
;
top
:
auto
;
display
:
block
;
display
:
block
;
...
@@ -1123,6 +1192,7 @@ height: 100%;
...
@@ -1123,6 +1192,7 @@ height: 100%;
font-style
:
italic
;
font-style
:
italic
;
/*text-transform: uppercase; */
/*text-transform: uppercase; */
}
}
.flattentimeline_highlightitem
.flattentimeline_author
{
.flattentimeline_highlightitem
.flattentimeline_author
{
font-style
:
normal
;
font-style
:
normal
;
}
}
...
@@ -1180,6 +1250,7 @@ margin:20px 15px 20px 0;
...
@@ -1180,6 +1250,7 @@ margin:20px 15px 20px 0;
float
:
right
;
float
:
right
;
margin
:
22px
5px
;
margin
:
22px
5px
;
}
}
.flattentimeline_counter
{
.flattentimeline_counter
{
font-weight
:
600
;
font-weight
:
600
;
top
:
5px
;
top
:
5px
;
...
@@ -1195,6 +1266,7 @@ margin:20px 15px 20px 0;
...
@@ -1195,6 +1266,7 @@ margin:20px 15px 20px 0;
text-align
:
center
;
text-align
:
center
;
display
:
none
;
display
:
none
;
}
}
.flattentimeline_bar
{
.flattentimeline_bar
{
/*width: 0%;*/
/*width: 0%;*/
background-color
:
#26292B
;
/*#2DCAE1;*/
background-color
:
#26292B
;
/*#2DCAE1;*/
...
@@ -1239,10 +1311,12 @@ margin:20px 15px 20px 0;
...
@@ -1239,10 +1311,12 @@ margin:20px 15px 20px 0;
width
:
2px
!important
;
width
:
2px
!important
;
margin
:
0
!important
;
margin
:
0
!important
;
}
}
.vjs-tip
{
.vjs-tip
{
margin-bottom
:
40px
!important
;
margin-bottom
:
40px
!important
;
font-weight
:
500
!important
;
font-weight
:
500
!important
;
}
}
.vjs-mouse-display
{
.vjs-mouse-display
{
/*z-index: 1 !important; */
/*z-index: 1 !important; */
}
}
...
@@ -1319,6 +1393,7 @@ cursor: pointer;
...
@@ -1319,6 +1393,7 @@ cursor: pointer;
line-height
:
30px
;
line-height
:
30px
;
cursor
:
pointer
;
cursor
:
pointer
;
}
}
#projectInfoBtn
:hover
{
#projectInfoBtn
:hover
{
opacity
:
.5
;
opacity
:
.5
;
}
}
...
@@ -1335,6 +1410,7 @@ cursor: pointer;
...
@@ -1335,6 +1410,7 @@ cursor: pointer;
opacity
:
.5
;
opacity
:
.5
;
display
:
none
;
display
:
none
;
}
}
#openFullScreen
:hover
{
#openFullScreen
:hover
{
opacity
:
1
;
opacity
:
1
;
}
}
...
@@ -1344,16 +1420,3 @@ cursor: pointer;
...
@@ -1344,16 +1420,3 @@ cursor: pointer;
.displayMode
{
.displayMode
{
/* display: none; */
/* display: none; */
}
}
/*
.video-js
:not
(
.resized
)
{
width
:
100vw
;
height
:
100vh
;
}
This diff is collapsed.
Click to expand it.
Preview
0%
Loading
Try again
or
attach a new file
.
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Save comment
Cancel
Please
register
or
sign in
to comment