/* CSS für Moodle Mobile * * Ralf Krause * cc by-sa * 20180808 * * https://docs.moodle.org/dev/Moodle_Mobile_Themes */ /* body { direction: rtl; text-align: right; } */ .bar-side-menu { background-color: #22A0D1; } .bar-content { background-color: #22A0D1; } .button.button-positive { border-color: #22A0D1; background-color: #22A0D1; color: #fff; } .item-divider { background-color: #fafafa; } .bar-header { background-color: #22A0D1; } ion-side-menu li .item { background-color: #313848; border-color: #4F5865; color: #BCC3CF; } ion-side-menu li.item { border-color: #4F5865; } ion-side-menu li.item.item-divider { background-color: #3E4755; } .ion-ionic { color: orange; } .ion-home { color: blue; } .ion-ios-bell { color: yellow; } .ion-chatbox { color: green; } .ion-calendar { color: white; } .ion-folder { color: purple; } .ion-earth { color: maroon; } .ion-help-buoy { color: orange; } .ion-gear-b { color: dimgray; } .ion-log-out { color: red; } .ion-ionic:before { content: "\f3ea"; } .mm-site_mm_courses .tabs-icon-left { background-color: #EBEFF8; } .mm-site_mm_courses section h2 span { font-weight: bold; } /* 3.5 styles */ /** Header color */ .toolbar-background-md, .toolbar-background-ios, .toolbar-background-wp { background: #22A0D1; } /* Bottom tabs selected color */ .tabs-md .tab-button[aria-selected=true] .tab-button-icon, .tabs-md .core-tabs-bar a[aria-selected=true].tab-slide .tab-button-icon, .core-tabs-bar .tabs-md a[aria-selected=true].tab-slide .tab-button-icon, .tabs-ios .tab-button[aria-selected=true] .tab-button-icon, .tabs-md .core-tabs-bar a[aria-selected=true].tab-slide .tab-button-icon, .core-tabs-bar .tabs-ios a[aria-selected=true].tab-slide .tab-button-icon, .tabs-wp .tab-button[aria-selected=true] .tab-button-icon, .tabs-wp .core-tabs-bar a[aria-selected=true].tab-slide .tab-button-icon, .core-tabs-bar .tabs-wp a[aria-selected=true].tab-slide .tab-button-icon { color: #EBEFF8; } /* Tabs color*/ .core-tabs-bar .slides a.tab-slide[aria-selected=true] { color: #22A0D1 !important; border-bottom-color: #22A0D1 !important; } core-split-view .split-pane-visible .split-pane-side .core-split-item-selected { background-color: #f5f5f5; border-left: 5px solid #22A0D1 !important; } /* Links */ a { color: #22A0D1 !important; text-decoration: none !important; } /* Loading spinner */ .spinner circle, .spinner line { stroke: #22A0D1; } /* Buttons */ .button-md, .button-ios, .button-wp, .fab-ios, .fab-md, .fab-wp { background-color: #22A0D1; } .button-outline-md, .button-outline-ios, .button-outline-wp { border-color: #22A0D1; background-color: #ffffff; color: #22A0D1; } .button-clear-md, .button-clear-ios, .button-clear-wp { background-color: transparent; color: #22A0D1; } /* More icon colors */ page-core-mainmenu-more .ion-md-notifications, page-core-mainmenu-more .ion-ios-notifications, page-core-mainmenu-more .ion-md-notifications { color: yellow; } page-core-mainmenu-more .ion-md-stats, page-core-mainmenu-more .ion-ios-stats, page-core-mainmenu-more .ion-md-stats { color: yellow; } page-core-mainmenu-more .ion-md-map, page-core-mainmenu-more .ion-ios-map, page-core-mainmenu-more .ion-wp-map { color: green; } page-core-mainmenu-more .ion-md-folder, page-core-mainmenu-more .ion-ios-folder, page-core-mainmenu-more .ion-wp-folder { color: purple; } page-core-mainmenu-more .ion-md-link, page-core-mainmenu-more .ion-ios-link, page-core-mainmenu-more .ion-wp-link { color: maroon; } page-core-mainmenu-more .ion-md-globe, page-core-mainmenu-more .ion-ios-globe, page-core-mainmenu-more .ion-wp-globe { color: maroon; } page-core-mainmenu-more .ion-md-qr-scanner, page-core-mainmenu-more .ion-ios-qr-scanner, page-core-mainmenu-more .ion-wp-qr-scanner { color: orange; } page-core-mainmenu-more .ion-md-help-buoy, page-core-mainmenu-more .ion-ios-help-buoy, page-core-mainmenu-more .ion-wp-help-buoy { color: orange; } page-core-mainmenu-more .ion-md-cog, page-core-mainmenu-more .ion-ios-cog, page-core-mainmenu-more .ion-wp-cog { color: dimgray; } page-core-mainmenu-more .ion-md-log-out, page-core-mainmenu-more .ion-ios-log-out, page-core-mainmenu-more .ion-wp-log-out { color: red; }