libreoffice-online/loleaflet/css/mobilewizard.css
Pedro 4d377c47bf mobilewizard: improved lists (style selected vs unseleced items)
Change-Id: Id1f3bf534a7f3769949cdf868e4ae8fcc3d08662
Reviewed-on: https://gerrit.libreoffice.org/81511
Reviewed-by: Szymon Kłos <szymon.klos@collabora.com>
Tested-by: Szymon Kłos <szymon.klos@collabora.com>
2019-10-29 12:07:20 +01:00

230 lines
5.4 KiB
CSS

span.menu-entry-icon img {
width: 24px !important;
margin: 4px !important;
}
#mobile-wizard.menuwizard #mobile-wizard-content{
overflow: hidden !important;
}
#mobile-wizard.menuwizard{
top: 0px !important;
height: 100% !important;
z-index: 1500 !important;
}
#mobile-wizard.menuwizard #mobile-wizard-back.close-button{
visibility: hidden !important;
}
#toolbar-hamburger.menuwizard-opened{
z-index: 1501 !important;
position: relative !important;
background-color: #dae6f3 !important;
padding-left: 8px !important;
border-radius: 0 0 0 100px !important;
}
#mobile-wizard.menuwizard #mobile-wizard-titlebar{
border: none !important;
}
span#main-menu-btn-icon {
filter: none !important;
}
#leadingzeroes .spinfieldimage, #decimalplaces .spinfieldimage{
display: none;
}
.ui-header.level-1.mobile-wizard.ui-widget img[src^='images/lc_downloadas-doc'], .ui-header.level-1.mobile-wizard.ui-widget img[src^='images/lc_downloadas-pp'],.ui-header.level-1.mobile-wizard.ui-widget img[src^='images/lc_downloadas-xls'], .ui-header.level-2.mobile-wizard.ui-widget img[src='images/lc_deleterowbreak.svg'], .ui-header.level-2.mobile-wizard.ui-widget img[src='images/lc_deletecolumnbreak.svg']{
visibility: hidden;
}
.menu-entry-icon.deleterowbreak, .menu-entry-icon.deletecolumnbreak, .menu-entry-icon.downloadas-xls, .menu-entry-icon.downloadas-xlsx, .menu-entry-icon.downloadas-doc, .menu-entry-icon.downloadas-docx, .menu-entry-icon.downloadas-ppt, .menu-entry-icon.downloadas-pptx{
background-color: #eeeeee;
border-radius: 100px;
box-shadow: inset 0 0px 0 8px white;
}
.ui-header.level-1.mobile-wizard.ui-widget img[src='images/lc_downloadas-pdf.svg']{
visibility: visible;
}
.layout {
height: 60px;
width: 60px;
overflow: hidden;
margin: 2px 2px !important;
display: inline-block;
}
.layout.layout_empty {
background: url('images/layout_empty.svg') no-repeat center !important;
}
.layout.layout_head03 {
background: url('images/layout_head03.svg') no-repeat center !important;
}
.layout.layout_head02 {
background: url('images/layout_head02.svg') no-repeat center !important;
}
.layout.layout_head02a {
background: url('images/layout_head02a.svg') no-repeat center !important;
}
.layout.layout_head01 {
background: url('images/layout_head01.svg') no-repeat center !important;
}
.layout.layout_textonly {
background: url('images/layout_textonly.svg') no-repeat center !important;
}
.layout.layout_head03b {
background: url('images/layout_head03b.svg') no-repeat center !important;
}
.layout.layout_head03c {
background: url('images/layout_head03c.svg') no-repeat center !important;
}
.layout.layout_head03a {
background: url('images/layout_head0a.svg') no-repeat center !important;
}
.layout.layout_head02b {
background: url('images/layout_head02b.svg') no-repeat center !important;
}
.layout.layout_head04 {
background: url('images/layout_head04.svg') no-repeat center !important;
}
.layout.layout_head06 {
background: url('images/layout_head06.svg') no-repeat center !important;
}
.layout.layout_vertical02 {
background: url('images/layout_vertical02.svg') no-repeat center !important;
}
.layout.layout_vertical01 {
background: url('images/layout_vertical01.svg') no-repeat center !important;
}
.layout.layout_head02 {
background: url('images/layout_head02.svg') no-repeat center !important;
}
.layout.layout_head02a {
background: url('images/layout_head02a.svg') no-repeat center !important;
}
/*Color-picker*/
.color-sample-selected {
height: 32px !important;
width: 32px !important;
border: 1px solid #8A8A8A;
border-radius: 100px;
}
.no-color-selected {
text-align: center;
font-size: 30pt;
line-height: 32px;
font-weight: 300;
color: #ff0000 !important;
background-color: #fff !important;
}
.colors-container-selected-basic-color{
box-shadow: 0 2px 3px -2px #0b87e7;
border-radius: 4px;
}
.color-sample-small {
border: 2px solid #fff;
width: 28px;
height: 28px;
color: #f0f8ff;
text-align: center;
vertical-align: bottom;
display: table-cell;
}
.color-sample-big {
padding: 5px;
width: 118px;
height: 42px;
color: #f0f8ff;
text-align: right;
vertical-align: bottom;
display: table-cell;
box-shadow: 0px 0px 0px 1px #dddddd, 1px 1px 0 3px #ffffff;
}
.colors-container {
display: table;
}
.colors-container-no-color-row {
display: flex;
justify-content: space-between;
height: 50px;
}
.colors-container-basic-colors-row {
padding-bottom: 20px;
}
.colors-container-tints {
padding-bottom: 0px;
}
.no-color-control-label {
display:table-cell;
padding-left: 4px;
vertical-align: middle;
}
.no-color-control-mark {
color: #0b87e7 !important;
font-size: larger;
line-height: 0;
}
.no-color-control-icon {
display: table-cell;
height: 32px !important;
width: 32px !important;
text-align: center;
font-size: 26pt;
line-height: 28px;
font-weight: 300;
color: #ff0000 !important;
background: url(images/lc_square_rounded_unfilled.svg) no-repeat center;
}
.colors-container-basic-color-mark {
border: 4px solid transparent;
border-top: 5px solid #0b87e7;
margin-top: 2px;
position: absolute;
margin-left: 10px
}
.colors-container-tint-mark {
width: 20px;
height: 20px;
background-image: url('images/lc_color-picker-selected.svg');
margin-left: auto;
background-repeat: no-repeat;
background-size: auto;
}
p.mobile-wizard.ui-combobox-text:not(.selected) {
color: #333333 !important;
}
p.mobile-wizard.ui-combobox-text.selected {
background: url(images/lc_listitem-selected.svg) no-repeat right;
color: #0867af !important;
}