1/* 插件或 jquery 相关的 2********************************************************************/ 3// jquery-ui-theme 弹出层背景 4.ui-widget-overlay { 5 background: rgba(0,0,0,.4); 6 backface-visibility: hidden; 7 visibility: hidden; 8 opacity: 0; 9 transition-duration: .3s; 10 transition-property: opacity, visibility; 11 will-change: opacity; 12} 13.ui-front { 14 visibility: visible; 15 opacity: 1; 16} 17.ui-widget, 18.ui-widget .ui-widget { 19 font-size: 1rem; 20} 21.ui-widget-header { 22 background-color: transparent; 23 background-image: none; 24} 25.ui-widget.ui-widget-content { 26 border: 0; 27} 28.ui-dialog { 29 width: 85%; 30 min-width: 180px; 31 max-width: 500px; 32 padding: 0; 33 overflow: hidden; 34 box-shadow: 0 11px 15px -7px rgba(0,0,0,.2), 0 24px 38px 3px rgba(0,0,0,.14), 0 9px 46px 8px rgba(0,0,0,.12); 35 36 .ui-dialog-title { 37 margin: 0; 38 } 39 40 .ui-dialog-titlebar { 41 padding: 12px; 42 border: 0; 43 background-color: @ini_background_alt; 44 background-image: none; 45 font-size: 1rem; 46 line-height: 24px; 47 text-align: left; 48 border-radius: 0; 49 } 50 51 .ui-dialog-titlebar-close { 52 right: 24px; 53 width: 24px; 54 height: 24px; 55 border: 0; 56 box-shadow: none; 57 background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAtElEQVQ4T62T4RHCMAiFHxs4QkfoCI7ACI7QURzBDWATdRM3wCNnvDSF2LvKz1z4eDyAcDDoYD6+AGaeHaaqjxGUmRdVvdY/KwARqZlxBmHmGxHNIlKKeaxacBUZpCab2VlVXyHAHyNIlrxRUKktBMDisvvKqYIOcgfwzJJTBZ9WimEATiNjwz1oewYwjaazAUSGjabTj7HIjnrOIO0iuduXkWEVIiLTzynsvZH/HdPeiv2/N0rkiRGIW6CFAAAAAElFTkSuQmCC") center center no-repeat; 58 } 59 60 .ui-dialog-content { 61 padding: 1rem !important; 62 font-size: .9375rem; 63 height: auto !important; 64 overflow-y: auto; 65 } 66 67 .ui-dialog-buttonpane { 68 margin: 0; 69 padding: 8px; 70 } 71 72 .ui-dialog-buttonpane button { 73 margin: 0 0 0 8px; 74 } 75} 76 77// discussion 78div.dokuwiki { 79 80 div.comment_wrapper { 81 padding: 0; 82 background-color: @ini_background; 83 border: 2px solid @ini_background_alt; 84 border-radius: 8px; 85 86 h2 { 87 margin: 0; 88 padding: 1rem; 89 font-size: 18px; 90 background-color: @ini_background_alt; 91 } 92 93 .hentry { 94 position: relative; 95 padding: 8px 1rem; 96 border-bottom: 1px solid @ini_background_alt; 97 } 98 } 99 100 .comment_head { 101 font-size: .875rem; 102 padding-top: 0; 103 margin-top: 0; 104 105 span.author, 106 abbr.published { 107 padding: 0; 108 color: #5B7083; 109 background-image: none; 110 } 111 112 span.author { 113 color: @ini_text; 114 font-weight: 700; 115 } 116 117 abbr { 118 border-bottom: none; 119 cursor: default; 120 text-decoration: none; 121 } 122 123 img { 124 width: 28px; 125 height: 28px; 126 border-radius: 28px; 127 } 128 } 129 130 .comment_body { 131 margin-left: 0 !important; 132 padding-left: 33px; 133 padding-top: .25rem; 134 padding-bottom: .5rem; 135 border: 0; 136 137 p { 138 padding-bottom: 0; 139 } 140 } 141 142 .comment_buttons { 143 display: flex; 144 position: absolute; 145 right: 8px; 146 top: 4px; 147 margin-top: 0 !important; 148 padding-bottom: 0 !important; 149 } 150 151 .comment_replies { 152 margin-left: 0 !important; 153 padding-left: 33px; 154 } 155 156 .comment_form { 157 margin-top: 0 !important; 158 padding: 1rem; 159 } 160 161 .comment_text { 162 padding: 0; 163 text-align: left; 164 165 textarea { 166 height: 8rem; 167 } 168 } 169 170} 171 172// edittable 173.dokuwiki div.editbutton_table form div.no button, 174.dokuwiki div.editbutton_table form div.no input.button { 175 margin-left: 8px; 176 padding: .3125rem 1rem; 177 height: auto; 178 line-height: 1.5; 179 font-size: .9375rem; 180} 181 182// nspages 183.nspagesPicturesModeMain { 184 display: flex; 185 -ms-flex-pack: justify !important; 186 justify-content: space-between !important; 187 188 a { 189 display: block; 190 width: 24%; 191 height: 168px; 192 -webkit-transition: all .2s linear; 193 transition: all .2s linear; 194 } 195 196 a:hover { 197 -webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, .1); 198 box-shadow: 0 8px 16px rgba(0, 0, 0, .1); 199 -webkit-transform: translate3d(0, -2px, 0); 200 transform: translate3d(0, -2px, 0); 201 } 202 203 .nspagesPicturesModeImg { 204 position: relative; 205 width: 100%; 206 height: 168px; 207 border-radius: 4px; 208 border: 1px solid transparent; 209 background-repeat: no-repeat; 210 background-position: center center; 211 212 .nspagesPicturesModeTitle { 213 position: absolute; 214 bottom: 0; 215 width: 100%; 216 padding: 4px 8px; 217 font-size: 15px; 218 color: #fff; 219 background-color: rgba(0, 0, 0, .25); 220 border-radius: 0 0 4px 4px; 221 } 222 } 223} 224 225.catpageheadline { 226 display: none; 227} 228 229.addnewpage select { 230 vertical-align: baseline !important; 231}