Changeset 12819 for extensions/PHP_Optimisateur/template
- Timestamp:
- Jan 1, 2012, 10:09:17 PM (12 years ago)
- Location:
- extensions/PHP_Optimisateur/template
- Files:
-
- 1 deleted
- 3 edited
Legend:
- Unmodified
- Added
- Removed
-
extensions/PHP_Optimisateur/template/css/colorpicker.css
r9201 r12819 1 1 .colorpicker { 2 3 4 5 6 7 8 2 width: 286px; 3 height: 176px; 4 overflow: hidden; 5 position: absolute; 6 background: url(../images/colorpicker_background.png); 7 font-family: Arial, Helvetica, sans-serif; 8 display: none; 9 9 } 10 10 .colorpicker_color { 11 12 13 14 15 16 17 18 11 width: 150px; 12 height: 150px; 13 left: 14px; 14 top: 13px; 15 position: absolute; 16 background: #f00; 17 overflow: hidden; 18 cursor: crosshair; 19 19 } 20 20 .colorpicker_color div { 21 22 23 24 25 26 21 position: absolute; 22 top: 0; 23 left: 0; 24 width: 150px; 25 height: 150px; 26 background: url(../images/colorpicker_overlay.png); 27 27 } 28 28 .colorpicker_color div div { 29 30 31 32 33 34 35 36 29 position: absolute; 30 top: 0; 31 left: 0; 32 width: 11px; 33 height: 11px; 34 overflow: hidden; 35 background: url(../images/colorpicker_select.gif); 36 margin: -5px 0 0 -5px; 37 37 } 38 38 .colorpicker_hue { 39 40 41 42 43 44 39 position: absolute; 40 top: 13px; 41 left: 171px; 42 width: 35px; 43 height: 150px; 44 cursor: n-resize; 45 45 } 46 46 .colorpicker_hue div { 47 48 49 50 51 52 53 47 position: absolute; 48 width: 35px; 49 height: 9px; 50 overflow: hidden; 51 background: url(../images/colorpicker_indic.gif) left top; 52 margin: -4px 0 0 0; 53 left: 0px; 54 54 } 55 55 .colorpicker_new_color { 56 57 58 59 60 61 56 position: absolute; 57 width: 60px; 58 height: 30px; 59 left: 213px; 60 top: 13px; 61 background: #f00; 62 62 } 63 63 .colorpicker_current_color { 64 64 display:none; 65 65 } 66 66 .colorpicker input { 67 68 69 70 71 72 73 74 75 76 77 78 67 background-color: transparent; 68 border: 1px solid transparent; 69 position: absolute; 70 font-size: 10px; 71 font-family: Arial, Helvetica, sans-serif; 72 color: #898989; 73 top: 4px; 74 right: 11px; 75 text-align: right; 76 margin: 0; 77 padding: 0; 78 height: 11px; 79 79 } 80 80 /* annulation des styles généraux */ 81 81 .colorpicker input:hover, .colorpicker input:focus { 82 83 84 85 82 border:none; 83 background:none; 84 -moz-box-shadow:none; 85 -webkit-box-shadow:none; 86 86 } 87 87 .colorpicker_hex { 88 88 display:none; 89 89 } 90 90 .colorpicker_field { 91 92 93 94 91 height: 22px; 92 width: 62px; 93 background-position: top; 94 position: absolute; 95 95 } 96 96 .colorpicker_field span { 97 98 99 100 101 102 103 97 position: absolute; 98 width: 12px; 99 height: 22px; 100 overflow: hidden; 101 top: 0; 102 right: 0; 103 cursor: n-resize; 104 104 } 105 105 .colorpicker_rgb_r { 106 107 108 106 background-image: url(../images/colorpicker_rgb_r.png); 107 top: 52px; 108 left: 212px; 109 109 } 110 110 .colorpicker_rgb_g { 111 112 113 111 background-image: url(../images/colorpicker_rgb_g.png); 112 top: 82px; 113 left: 212px; 114 114 } 115 115 .colorpicker_rgb_b { 116 117 118 116 background-image: url(../images/colorpicker_rgb_b.png); 117 top: 112px; 118 left: 212px; 119 119 } 120 120 .colorpicker_hsb_h, .colorpicker_hsb_s, .colorpicker_hsb_b { 121 121 display:none; 122 122 } 123 123 .colorpicker_submit { 124 125 126 127 128 129 130 124 position: absolute; 125 width: 22px; 126 height: 22px; 127 background: url(../images/colorpicker_submit.png) top; 128 right: 6px; 129 bottom: 6px; 130 overflow: hidden; 131 131 } 132 132 .colorpicker_focus { 133 133 background-position: center; 134 134 } 135 135 .colorpicker_hex.colorpicker_focus { 136 136 background-position: bottom; 137 137 } 138 138 .colorpicker_submit.colorpicker_focus { 139 139 background-position: bottom; 140 140 } 141 141 .colorpicker_slider { 142 142 background-position: bottom; 143 143 } -
extensions/PHP_Optimisateur/template/css/jqtransform.css
r9201 r12819 1 1 form.jqtransformdone label{ 2 3 2 display:block; 3 float:left; 4 4 } 5 5 .jqTransformRadioWrapper { 6 7 8 6 display:block; 7 float:left; 8 margin:2px 4px -2px 4px; 9 9 } 10 10 .jqTransformRadio { 11 12 13 14 15 11 background:url(../images/radio.png) no-repeat center top; 12 vertical-align:middle; 13 height:12px; 14 width:12px; 15 display:block; 16 16 } 17 17 .jqTransformCheckboxWrapper{ 18 19 20 18 display:block; 19 float:left; 20 margin:2px 4px -2px 4px; 21 21 } 22 22 .jqTransformCheckbox { 23 24 25 26 27 23 background:url(../images/checkbox.png) no-repeat center top; 24 vertical-align:middle; 25 height:12px; 26 width:12px; 27 display:block; 28 28 } 29 29 .jqTransformChecked { background-position:center bottom; } -
extensions/PHP_Optimisateur/template/css/screen.css
r10337 r12819 1 1 * { 2 3 4 2 margin:0px; 3 padding:0px; 4 border:0px; 5 5 } 6 6 7 7 body { 8 9 10 11 12 13 8 font-size:13px; 9 font-family:"Calibri",sans-serif; 10 background:#0a0a0a; 11 color:#777; 12 width:990px; 13 margin:0 auto; 14 14 } 15 15 16 16 #overlay { 17 18 19 20 21 22 23 24 25 17 position:fixed; 18 z-index:9999; 19 top:0; 20 left:0; 21 width:100%; 22 height:100%; 23 background:#000; 24 opacity:0.3; 25 filter:alpha(opacity=30); 26 26 } 27 27 28 28 div.generic { 29 width:450px; 30 margin:10px; 31 padding:10px; 32 border:1px solid #333; 33 float:left; 34 -moz-border-radius:3px; 35 -webkit-border-radius:3px; 36 } 37 div.title { 38 float:none; 39 width:942px; 40 text-align:center; 41 font-weight:bold; 42 font-size:1.5em; 43 color:#eee; 44 text-shadow:0 0 4px #07f; 45 border-color:#07F; 46 -moz-box-shadow:0 0 6px #07F, inset 0 0 5px #07F; 47 -webkit-box-shadow:0 0 6px #07F, inset 0 0 5px #07F; 48 background-color:#222; 49 background-image:-moz-linear-gradient(center bottom, #111, #333); 50 background-image:-webkit-gradient(linear,center bottom,center top,color-stop(0, #111),color-stop(1, #333)); 51 } 52 div.footer { 53 clear:both; 54 width:942px; 55 text-align:center; 56 border:none; 57 } 58 div.files li { 59 margin-top:0; 60 } 61 62 div.finish { 63 background:#030; 64 color:#eee; 65 text-shadow:0 0 4px #0b0; 66 border-color:#0b0; 67 -moz-box-shadow:0 0 6px #0b0, inset 0 0 5px #0b0; 68 -webkit-box-shadow:0 0 6px #0b0, inset 0 0 5px #0b0; 69 font-weight:bold; 70 font-size:1.2em; 71 } 72 73 div.error { 74 background:#300; 75 color:#eee; 76 text-shadow:0 0 4px #B00; 77 border-color:#B00; 78 -moz-box-shadow:0 0 6px #B00, inset 0 0 5px #B00; 79 -webkit-box-shadow:0 0 6px #B00, inset 0 0 5px #B00; 80 font-weight:bold; 81 font-size:1.2em; 82 } 83 div.notice { 84 background:#440; 85 color:#eee; 86 text-shadow:0 0 4px #ff0; 87 border-color:#ff0; 88 -moz-box-shadow:0 0 6px #ff0, inset 0 0 5px #ff0; 89 -webkit-box-shadow:0 0 6px #ff0, inset 0 0 5px #ff0; 90 font-weight:bold; 91 font-size:1.2em; 92 } 93 div.notice.conf { 94 font-weight:normal; 95 font-size:1em; 96 } 97 div.link { 98 float:right; 99 font-size:1.1em; 100 border:none; 101 text-align:center; 102 } 103 29 width:450px; 30 margin:10px; 31 padding:10px; 32 border:1px solid #333; 33 float:left; 34 -moz-border-radius:3px; 35 -webkit-border-radius:3px; 36 overflow-x:hidden; 37 } 38 div.title { 39 float:none; 40 width:942px; 41 text-align:center; 42 font-weight:bold; 43 font-size:1.5em; 44 color:#eee; 45 text-shadow:0 0 4px #07f; 46 border-color:#07F; 47 -moz-box-shadow:0 0 6px #07F, inset 0 0 5px #07F; 48 -webkit-box-shadow:0 0 6px #07F, inset 0 0 5px #07F; 49 background-color:#222; 50 background-image:-moz-linear-gradient(center bottom, #111, #333); 51 background-image:-webkit-gradient(linear,center bottom,center top,color-stop(0, #111),color-stop(1, #333)); 52 } 53 div.footer { 54 clear:both; 55 width:942px; 56 text-align:center; 57 border:none; 58 } 59 div.files li { 60 margin-top:0; 61 } 62 63 div.finish { 64 background:#030; 65 color:#eee; 66 text-shadow:0 0 4px #0b0; 67 border-color:#0b0; 68 -moz-box-shadow:0 0 6px #0b0, inset 0 0 5px #0b0; 69 -webkit-box-shadow:0 0 6px #0b0, inset 0 0 5px #0b0; 70 font-weight:bold; 71 font-size:1.2em; 72 } 73 74 div.error { 75 background:#300; 76 color:#eee; 77 text-shadow:0 0 4px #B00; 78 border-color:#B00; 79 -moz-box-shadow:0 0 6px #B00, inset 0 0 5px #B00; 80 -webkit-box-shadow:0 0 6px #B00, inset 0 0 5px #B00; 81 font-weight:bold; 82 font-size:1.2em; 83 } 84 div.notice { 85 background:#440; 86 color:#eee; 87 text-shadow:0 0 4px #ff0; 88 border-color:#ff0; 89 -moz-box-shadow:0 0 6px #ff0, inset 0 0 5px #ff0; 90 -webkit-box-shadow:0 0 6px #ff0, inset 0 0 5px #ff0; 91 font-weight:bold; 92 font-size:1.2em; 93 } 94 div.notice.conf { 95 font-weight:normal; 96 font-size:1em; 97 } 98 div.link { 99 float:right; 100 font-size:1.1em; 101 border:none; 102 text-align:center; 103 } 104 104 105 a { 105 106 107 108 109 110 } 111 112 113 114 115 116 117 118 119 } 106 text-decoration:none; 107 font-style:italic; 108 font-family:"Consolas"; 109 color:#e80; 110 text-shadow:0 0 4px #f70; 111 } 112 a:hover { 113 color:#07F; 114 text-shadow:0 0 4px #07f; 115 } 116 .link a { 117 margin:0 10px; 118 float:right; 119 margin-bottom:1px; 120 } 120 121 121 122 h2 { 122 123 124 123 margin-top:-5px; 124 color:#eee; 125 text-shadow:0 0 5px #ddd; 125 126 } 126 127 127 128 ul { 128 margin:0 0 0 20px; 129 } 130 li { 131 margin-top:5px; 132 } 133 li ul li { 134 margin-top:0; 135 } 136 137 input[type="submit"], input[type="reset"], input[type="text"], a.input-submit { 138 color:#666; 139 border:1px solid #555; 140 -moz-border-radius:3px; 141 -webkit-border-radius:3px; 142 background:#111; 143 font-family:"Calibri",sans-serif; 144 } 145 input[type="submit"]:hover, input[type="reset"]:hover, input[type="text"]:hover, a.input-submit:hover { 146 border-color:#07f; 147 -moz-box-shadow:0 0 3px #07f; 148 -webkit-box-shadow:0 0 3px #07f; 149 } 150 input[type="submit"]:focus, input[type="reset"]:focus, input[type="text"]:focus { 151 color:#999; 152 background:#222; 153 border-color:#f70; 154 -moz-box-shadow:0 0 3px #F70; 155 -webkit-box-shadow:0 0 3px #F70; 156 } 157 input[type="submit"], input[type="reset"], a.input-submit { 158 margin:-5px 10px 0 10px; 159 padding:3px 8px 3px 6px; 160 color:#777; 161 font-size:1.1em; 162 font-style:italic; 163 -moz-border-radius:20px; 164 -webkit-border-radius:20px; 165 background-image:-moz-linear-gradient(center bottom, #111, #333); 166 background-image:-webkit-gradient(linear,center bottom,center top,color-stop(0, #111),color-stop(1, #333)); 167 } 168 input[type="submit"]:hover, input[type="reset"]:hover, a.input-submit:hover { 169 color:#07f; 170 text-shadow:0 0 3px #07f; 171 background-image:-moz-linear-gradient(center top, #111, #222); 172 background-image:-webkit-gradient(linear,center top,center bottom,color-stop(0, #111),color-stop(1, #222)); 173 } 174 129 margin:0 0 0 20px; 130 } 131 li { 132 margin-top:5px; 133 } 134 li ul li { 135 margin-top:0; 136 } 137 138 input[type="submit"], input[type="reset"], input[type="text"], a.input-submit, textarea { 139 color:#666; 140 border:1px solid #555; 141 -moz-border-radius:3px; 142 -webkit-border-radius:3px; 143 background:#111; 144 font-family:"Calibri",sans-serif; 145 font-size:12px; 146 line-height:1em; 147 } 148 input[type="submit"]:hover, input[type="reset"]:hover, input[type="text"]:hover, a.input-submit:hover, textarea:hover { 149 border-color:#07f; 150 -moz-box-shadow:0 0 3px #07f; 151 -webkit-box-shadow:0 0 3px #07f; 152 } 153 input[type="submit"]:focus, input[type="reset"]:focus, input[type="text"]:focus, textarea:focus { 154 color:#999; 155 background:#222; 156 border-color:#f70; 157 -moz-box-shadow:0 0 3px #F70; 158 -webkit-box-shadow:0 0 3px #F70; 159 } 160 input[type="submit"], input[type="reset"], a.input-submit { 161 margin:-5px 10px 0 10px; 162 padding:3px 8px 3px 6px; 163 color:#777; 164 font-size:1.1em; 165 font-style:italic; 166 -moz-border-radius:20px; 167 -webkit-border-radius:20px; 168 background-image:-moz-linear-gradient(center bottom, #111, #333); 169 background-image:-webkit-gradient(linear,center bottom,center top,color-stop(0, #111),color-stop(1, #333)); 170 } 171 input[type="submit"]:hover, input[type="reset"]:hover, a.input-submit:hover { 172 color:#07f; 173 text-shadow:0 0 3px #07f; 174 background-image:-moz-linear-gradient(center top, #111, #222); 175 background-image:-webkit-gradient(linear,center top,center bottom,color-stop(0, #111),color-stop(1, #222)); 176 } 177 175 178 a.input-submit { 176 177 178 179 180 179 float:none; 180 display:inline-block; 181 margin-top:1px; 182 padding:3px 10px 5px 10px; 183 text-shadow:none; 181 184 } 182 185 183 186 184 187 b.new { 185 186 188 color:#0b0; 189 font-style:italic; 187 190 } 188 191 b.miss { 189 190 192 color:#B00; 193 font-style:italic; 191 194 } 192 195 193 196 span.title { 194 195 196 197 198 197 font-weight:bold; 198 text-decoration:underline; 199 font-size:1.1em; 200 color:#eee; 201 text-shadow:0 0 3px #ddd; 199 202 } 200 203 201 204 table { 202 min-width:50%; 203 } 204 tr td:first-child { 205 text-align:right; 206 padding-right:5px; 207 font-weight:bold; 208 } 209 tr td.legend { 210 font-weight:normal; 211 text-align:left; 212 } 213 205 min-width:50%; 206 } 207 tr td:first-child { 208 text-align:right; 209 padding-right:5px; 210 font-weight:bold; 211 min-width:100px; 212 } 213 tr td.legend { 214 font-weight:normal; 215 text-align:left; 216 } 217 214 218 #loader { 215 216 219 float:right; 220 margin:-8px 0 -10px 0; 217 221 } 218 222 219 223 .plugin-title .plugin-active { 220 224 float:right; 221 225 } 222 226 223 227 .color-display { 224 225 226 227 228 229 230 231 232 233 228 width:30px; 229 height:15px; 230 margin:-10px 0; 231 display:inline-block; 232 vertical-align:middle; 233 border:1px solid #888; 234 -moz-border-radius:3px; 235 -webkit-border-radius:3px; 236 -moz-box-shadow: 0 0 2px #888, inset 0 0 2px #888; 237 -webkit-box-shadow: 0 0 2px #888, inset 0 0 2px #888; 234 238 } 235 239 236 240 #languageSwitchLink { 237 238 239 240 241 float:right; 242 width:100px; 243 padding:0 5px; 244 text-align:left; 241 245 } 242 246 243 247 #languageSwitchBox { 244 245 246 247 248 249 250 251 252 253 254 255 256 248 position:absolute; 249 top:5px; 250 right:50%; 251 margin-right:-470px; 252 width:100px; 253 z-index:99; 254 padding:5px; 255 background:#0a0a0a; 256 -moz-box-shadow:0 0 5px #000; 257 -webkit-box-shadow:0 0 5px #000; 258 text-align:left; 259 opacity:0.8; 260 filter:alpha(opacity=80); 257 261 } 258 262 259 263 #languageSwitchBox *, #languageSwitchLink * { 260 261 262 263 264 font-size:13px; 265 text-shadow:none; 266 font-weight:normal; 267 color:#eee; 264 268 } 265 269 266 270 #languageSwitchBox ul, #languageSwitchLink ul { 267 268 269 } 271 list-style:none; 272 margin:0 5px 0 5px; 273 }
Note: See TracChangeset
for help on using the changeset viewer.