1/** 2 * This file provides styles for do-task plugin 3 */ 4 5 6/* + + + + + usertool icon in header + + + + + */ 7#dokuwiki__usertools.nav-usertools { 8 ul { 9 li { 10 &.user-task { 11 .btn-usertools-wrapper(); 12 .btn-usertools-num(); 13 14 position: relative; 15 16 .plugin__do_usertasks { 17 width: 100%; 18 min-width: (@toggle-size + .25); 19 min-height: @toggle-size; 20 border-radius: @ini_default_border_radius; 21 border: 1px solid @wikiicons-border; 22 padding: .14rem 0 0 0; 23 24 &::before { 25 content: ''; // remove when fontello is removed from usertools 26 } 27 28 &:hover, 29 &:focus, 30 &:active { 31 background-color: @ini_nav_menu_hover_color; 32 border: none; 33 34 svg path { 35 fill: @ini_nav_menu_hover_bg; 36 } 37 } 38 } 39 40 button { 41 background-color: @ini_nav_menu_hover_bg; 42 } 43 44 svg { 45 width: 1.2rem; 46 height: 1.2rem; // for IE 11 47 margin-bottom: 2px; 48 49 path { 50 fill: @ini_nav_menu_hover_color; 51 } 52 } 53 54 .noopentasks { 55 span { 56 background-color: @ini_background_site; 57 border-color: @noopentasks-border; 58 color: @ini_text_webframe; 59 } 60 61 svg path { 62 fill: @ini_text_webframe; 63 } 64 65 .num { 66 background-color: @noopentasks-border; // fix 67 color: @noopentasks-color; // fix 68 margin-top: 1px; 69 } 70 } 71 72 @media @screen_max-xs { 73 display: none; 74 } 75 } // user-task 76 } // li 77 } // ul 78} 79 80.plugin__do_usertasks_list { 81 background-color: transparent; 82 83 @media @screen_max-sm { 84 right: 1.25rem !important; 85 left: 1.25rem !important; 86 } 87 88 table.inline { 89 background-color: #FFF; 90 margin-top: .5rem; 91 92 @media @screen_max-sm { 93 width: 100%; 94 } 95 } 96} 97