1/* =Wrap Plugin 2----------------------------------------------- */ 3 4.dokuwiki { 5 6 div.wrap_info, 7 div.wrap_tip, 8 div.wrap_important, 9 div.wrap_alert, 10 div.wrap_help, 11 div.wrap_download, 12 div.wrap_todo { 13 background-image: none!important; 14 } 15 16 div.wrap_info::before, 17 div.wrap_tip::before, 18 div.wrap_important::before, 19 div.wrap_alert::before, 20 div.wrap_help::before, 21 div.wrap_download::before, 22 div.wrap_todo::before { 23 font-family: 'bootstrap-icons'; 24 position: absolute; 25 margin-left: -56px; 26 font-size: 46px; 27 margin-top: -16px; 28 } 29 30 div.wrap_info { 31 background-color: rgba(13, 202, 240, 0.25); 32 } 33 34 div.wrap_info::before { 35 content: '\F431'; 36 color: rgb(13, 202, 240); 37 } 38 39 div.wrap_tip { 40 background-color: rgba(255, 193, 7, 0.25); 41 } 42 43 div.wrap_tip::before { 44 content: '\F46B'; 45 color: rgb(255, 193, 7); 46 } 47 48 div.wrap_important { 49 background-color: rgba(253, 126, 20, 0.25); 50 } 51 52 div.wrap_important::before { 53 content: '\F33B'; 54 color: rgb(253, 126, 20); 55 } 56 57 div.wrap_alert { 58 background-color: rgba(220, 53, 69, 0.25); 59 } 60 61 div.wrap_alert::before { 62 content: '\F627'; 63 color: rgb(220, 53, 69); 64 } 65 66 div.wrap_help { 67 background-color: rgba(111, 66, 193, 0.25); 68 } 69 70 div.wrap_help::before { 71 content: '\F505'; 72 color: rgb(111, 66, 193); 73 } 74 75 div.wrap_download { 76 background-color: rgba(25, 135, 84, 0.25); 77 } 78 79 div.wrap_download::before { 80 content: '\F30A'; 81 color: rgb(25, 135, 84); 82 } 83 84 div.wrap_todo { 85 background-color: rgba(32, 201, 151, 0.25); 86 } 87 88 div.wrap_todo::before { 89 content: '\F2D2'; 90 color: rgb(32, 201, 151); 91 } 92 93 .wrap_button { 94 95 a { 96 -webkit-text-size-adjust: 100%; 97 word-wrap: break-word; 98 margin: 2px; 99 padding: 10px 20px !important; 100 border: none!important; 101 background: @ini_theme_color !important; 102 color: @ini_background !important; 103 font-size: 14px; 104 line-height: 1.5; 105 font-weight: bold; 106 text-transform: uppercase; 107 cursor: pointer; 108 -webkit-appearance: button; 109 box-sizing: border-box; 110 border-radius: 20px !important; 111 vertical-align: middle; 112 text-decoration: none; 113 } 114 } 115 116 .wrap_button a:visited, 117 .centeralign a:visited { 118 background-color: @ini_theme_color !important; 119 color: @ini_background !important; 120 border-radius: 20px !important; 121 border: none !important; 122 padding: 10px 20px !important; 123 } 124 125 .wrap_float-right { 126 float: right; 127 } 128 .wrap_float-left { 129 float: left; 130 } 131 132 .wrap_float-right { float: right; } 133 .wrap_float-left { float: left; } 134 .wrap_p-0 { padding: 0px; } 135 .wrap_p-1 { padding: 4px; } 136 .wrap_p-2 { padding: 8px; } 137 .wrap_p-3 { padding: 16px; } 138 .wrap_p-4 { padding: 32px; } 139 .wrap_p-5 { padding: 64px; } 140 .wrap_pt-0 { padding-top: 0px!important; } 141 .wrap_pt-1 { padding-top: 4px!important; } 142 .wrap_pt-2 { padding-top: 8px!important; } 143 .wrap_pt-3 { padding-top: 16px!important; } 144 .wrap_pt-4 { padding-top: 32px!important; } 145 .wrap_pt-5 { padding-top: 64px!important; } 146 .wrap_pb-0 { padding-bottom: 0px!important; } 147 .wrap_pb-1 { padding-bottom: 4px!important; } 148 .wrap_pb-2 { padding-bottom: 8px!important; } 149 .wrap_pb-3 { padding-bottom: 16px!important; } 150 .wrap_pb-4 { padding-bottom: 32px!important; } 151 .wrap_pb-5 { padding-bottom: 64px!important; } 152 .wrap_ps-0 { padding-left: 0px!important; } 153 .wrap_ps-1 { padding-left: 4px!important; } 154 .wrap_ps-2 { padding-left: 8px!important; } 155 .wrap_ps-3 { padding-left: 16px!important; } 156 .wrap_ps-4 { padding-left: 32px!important; } 157 .wrap_ps-5 { padding-left: 64px!important; } 158 .wrap_pe-0 { padding-right: 0px!important; } 159 .wrap_pe-1 { padding-right: 4px!important; } 160 .wrap_pe-2 { padding-right: 8px!important; } 161 .wrap_pe-3 { padding-right: 16px!important; } 162 .wrap_pe-4 { padding-right: 32px!important; } 163 .wrap_pe-5 { padding-right: 64px!important; } 164 .wrap_article-image { margin: 0px -40px; height: 400px; } 165 .wrap_article-image p { margin: 0px; } 166 .wrap_article-image img { 167 margin: 0px; 168 height: 400px; 169 width: 100%; 170 object-fit: cover; 171 display: block; 172 } 173} 174