1/** 2 * Styles for the QC plugin 3 */ 4 5/* + + + + + slideout output + + + + + */ 6.qc-output { 7 position: relative; 8 min-width: 100%; 9 width: auto; 10 background-color: @ini_background !important; 11 font-size: 90%; 12 box-shadow: @box-shadow-bottom; 13 border-bottom: solid 1px @ini_border_light; 14 margin-bottom: 0; 15 padding-top: 0 !important; // for JS overwrite 16 17 @media @screen_min-xxs { 18 margin-right: -(@margin-default); 19 margin-left: -(@margin-default); 20 padding-left: @margin-default; 21 padding-right: @margin-default; 22 } 23 24 @media @screen_min-md { 25 top: -(@margin-small); 26 } 27 28 @media @screen_max-md { 29 top: 0; 30 margin-top: -(@page_padding-top + 2); 31 margin-right: -(@margin-default * 1.6); 32 margin-left: -(@margin-default); 33 padding-top: @margin-default; 34 } 35 36 @media @screen_max-xxs { 37 margin-left: -(@margin-small); 38 padding-left: @margin-small; 39 padding-right: @margin-default; 40 } 41 42 h1 { 43 @media @screen_min-md { 44 padding-top: 0; 45 } 46 } 47 48 h2 { 49 font-size: 1.3rem; 50 } 51 52 h3 { 53 font-size: 1.1rem; 54 } 55 56 h4, 57 h5, 58 h6 { 59 font-size: 1rem; 60 } 61 62 div, 63 p { 64 margin-left: 0; 65 } 66 67 dl { 68 dt, 69 dd { 70 padding-bottom: @small-spacing; 71 72 @media @screen_max-xxs { 73 float: none; 74 display: inline-block; 75 width: 49%; 76 max-width: 10em; 77 vertical-align: top; 78 margin-left: 0; 79 } 80 } 81 } 82 83 .qc_icon { 84 background-color: #fff; 85 border-radius: @fix_border-radius; 86 vertical-align: top; 87 padding: .1rem; 88 } 89} 90 91/* + + + + + admin settings + + + + + */ 92.do-admin #dokuwiki__content { 93 #plugin__qc_admin { 94 table .centeralign { 95 .qc_icon svg + span { 96 min-width: 2em; 97 padding-left: .2em; 98 text-align: left; 99 display: inline-block; 100 } 101 } 102 } 103} 104