1/* =Wrap Plugin 2----------------------------------------------- */ 3 4.wrap_button a { 5 -webkit-text-size-adjust: 100%; 6 word-wrap: break-word; 7 margin: 0; 8 padding: 10px 20px !important; 9 border: none!important; 10 background: @ini_theme_color !important; 11 color: @ini_background !important; 12 font-size: 14px; 13 line-height: 1.5; 14 font-weight: bold; 15 text-transform: uppercase; 16 cursor: pointer; 17 -webkit-appearance: button; 18 box-sizing: border-box; 19 border-radius: 20px !important; 20 vertical-align: middle; 21 text-decoration: none; 22} 23 24.wrap_button a:visited, 25.centeralign a:visited { 26 background-color: @ini_theme_color !important; 27 color: @ini_background !important; 28 border-radius: 20px !important; 29 border: none !important; 30 padding: 10px 20px !important; 31} 32 33.dokuwiki { 34 35 div.wrap_info, 36 div.wrap_tip, 37 div.wrap_important, 38 div.wrap_alert, 39 div.wrap_help, 40 div.wrap_download, 41 div.wrap_todo { 42 background-image: none!important; 43 } 44 45 div.wrap_info::before, 46 div.wrap_tip::before, 47 div.wrap_important::before, 48 div.wrap_alert::before, 49 div.wrap_help::before, 50 div.wrap_download::before, 51 div.wrap_todo::before { 52 font-family: 'bootstrap-icons'; 53 position: absolute; 54 margin-left: -56px; 55 font-size: 46px; 56 margin-top: -16px; 57 } 58 59 div.wrap_info { 60 background-color: rgba(13, 202, 240, 0.25); 61 } 62 63 div.wrap_info::before { 64 content: '\F431'; 65 color: rgb(13, 202, 240); 66 } 67 68 div.wrap_tip { 69 background-color: rgba(255, 193, 7, 0.25); 70 } 71 72 div.wrap_tip::before { 73 content: '\F46B'; 74 color: rgb(255, 193, 7); 75 } 76 77 div.wrap_important { 78 background-color: rgba(253, 126, 20, 0.25); 79 } 80 81 div.wrap_important::before { 82 content: '\F33B'; 83 color: rgb(253, 126, 20); 84 } 85 86 div.wrap_alert { 87 background-color: rgba(220, 53, 69, 0.25); 88 } 89 90 div.wrap_alert::before { 91 content: '\F627'; 92 color: rgb(220, 53, 69); 93 } 94 95 div.wrap_help { 96 background-color: rgba(111, 66, 193, 0.25); 97 } 98 99 div.wrap_help::before { 100 content: '\F505'; 101 color: rgb(111, 66, 193); 102 } 103 104 div.wrap_download { 105 background-color: rgba(25, 135, 84, 0.25); 106 } 107 108 div.wrap_download::before { 109 content: '\F30A'; 110 color: rgb(25, 135, 84); 111 } 112 113 div.wrap_todo { 114 background-color: rgba(32, 201, 151, 0.25); 115 } 116 117 div.wrap_todo::before { 118 content: '\F2D2'; 119 color: rgb(32, 201, 151); 120 } 121} 122