/* Minify_CSS_UriRewriter::$debugText docRoot : /home/forge/eternalwars.org/htdocs currentDir : /home/forge/eternalwars.org/htdocs/style/compte file-relative URI : ../../images/parch.jpg path prepended : /home/forge/eternalwars.org/htdocs/style/compte/../../images/parch.jpg docroot stripped : /style/compte/../../images/parch.jpg traversals removed : /images/parch.jpg */ /* pass_perdu.css */ /* 1 */ /* ============================================================ /* 2 *| compte/pass_perdu.css — lost-password page (loaded only here, /* 3 *| so rules on #message are safely scoped to this page). /* 4 *| Mirrors the login page's premium card. /* 5 *| ============================================================ */ /* 6 */ /* 7 */ /* Renders without .princ (MENU_PUBLIC); centre direct children /* 8 *| without flexing (which would shrink the full-width logo bar). */ /* 9 */ #message { /* 10 */ max-width: 520px; /* 11 */ width: 100%; /* 12 */ margin: 24px auto 0; /* 13 */ -webkit-box-sizing: border-box; /* 14 */ box-sizing: border-box; /* 15 */ } /* 16 */ /* 17 */ #passPerduPage { /* 18 */ width: 100%; /* 19 */ min-height: 58vh; /* 20 */ -webkit-box-sizing: border-box; /* 21 */ box-sizing: border-box; /* 22 */ padding: 34px 16px 60px; /* 23 */ display: -webkit-box; /* 24 */ display: -ms-flexbox; /* 25 */ display: flex; /* 26 */ -webkit-box-align: center; /* 27 */ -ms-flex-align: center; /* 28 */ align-items: center; /* 29 */ -webkit-box-pack: center; /* 30 */ -ms-flex-pack: center; /* 31 */ justify-content: center; /* 32 */ } /* 33 */ /* 34 */ /* ---- Premium card ---- */ /* 35 */ #passPerduCard { /* 36 */ position: relative; /* 37 */ width: 100%; /* 38 */ max-width: 520px; /* 39 */ -webkit-box-sizing: border-box; /* 40 */ box-sizing: border-box; /* 41 */ text-align: center; /* 42 */ padding: 34px 40px 30px; /* 43 */ background-image: /* 44 */ linear-gradient(160deg, rgba(58,55,46,0.96), rgba(34,32,28,0.98)), /* 45 */ url(/images/parch.jpg); /* 46 */ background-size: cover, 260px 242px; /* 47 */ background-blend-mode: normal, soft-light; /* 48 */ border: 1px solid #6b5a2e; /* 49 */ border-radius: 5px; /* 50 */ box-shadow: /* pass_perdu.css */ /* 51 */ inset 0 0 0 1px rgba(255,226,109,0.14), /* 52 */ inset 0 0 50px rgba(0,0,0,0.5), /* 53 */ 0 8px 30px rgba(0,0,0,0.6); /* 54 */ } /* 55 */ /* 56 */ #passPerduCard:before, /* 57 */ #passPerduCard:after { /* 58 */ content: ""; /* 59 */ position: absolute; /* 60 */ width: 22px; /* 61 */ height: 22px; /* 62 */ pointer-events: none; /* 63 */ } /* 64 */ #passPerduCard:before { /* 65 */ top: 8px; /* 66 */ left: 8px; /* 67 */ border-top: 2px solid #c9a400; /* 68 */ border-left: 2px solid #c9a400; /* 69 */ } /* 70 */ #passPerduCard:after { /* 71 */ bottom: 8px; /* 72 */ right: 8px; /* 73 */ border-bottom: 2px solid #c9a400; /* 74 */ border-right: 2px solid #c9a400; /* 75 */ } /* 76 */ /* 77 */ #passPerduCard h1 { /* 78 */ font-family: Georgia, "Times New Roman", serif; /* 79 */ color: #ffe370; /* 80 */ font-size: 23px; /* 81 */ font-weight: bold; /* 82 */ line-height: 1.25; /* 83 */ margin: 0 0 2px 0; /* 84 */ letter-spacing: 0.5px; /* 85 */ text-shadow: 0 2px 0 #5a4a18, 0 3px 8px rgba(0,0,0,0.7); /* 86 */ } /* 87 */ /* 88 */ .passPerduFlourish { /* 89 */ display: -webkit-box; /* 90 */ display: -ms-flexbox; /* 91 */ display: flex; /* 92 */ -webkit-box-align: center; /* 93 */ -ms-flex-align: center; /* 94 */ align-items: center; /* 95 */ -webkit-box-pack: center; /* 96 */ -ms-flex-pack: center; /* 97 */ justify-content: center; /* 98 */ margin: 8px 0 18px; /* 99 */ } /* 100 */ .passPerduFlourish:before, /* pass_perdu.css */ /* 101 */ .passPerduFlourish:after { /* 102 */ content: ""; /* 103 */ width: 55px; /* 104 */ height: 1px; /* 105 */ background: linear-gradient(90deg, rgba(201,164,0,0), #c9a400); /* 106 */ } /* 107 */ .passPerduFlourish:after { /* 108 */ background: linear-gradient(90deg, #c9a400, rgba(201,164,0,0)); /* 109 */ } /* 110 */ .passPerduFlourish span { /* 111 */ color: #c9a400; /* 112 */ font-size: 13px; /* 113 */ margin: 0 12px; /* 114 */ text-shadow: 0 0 8px rgba(255,226,109,0.5); /* 115 */ } /* 116 */ /* 117 */ .passPerduIntro { /* 118 */ color: #d8d2c4; /* 119 */ font-size: 13px; /* 120 */ line-height: 1.6; /* 121 */ margin: 0 0 22px 0; /* 122 */ } /* 123 */ /* 124 */ /* ---- Form ---- */ /* 125 */ #passPerduForm { /* 126 */ text-align: left; /* 127 */ } /* 128 */ /* 129 */ #passPerduForm p { /* 130 */ margin: 0 0 14px 0; /* 131 */ } /* 132 */ /* 133 */ #passPerduForm label { /* 134 */ display: block; /* 135 */ color: #d8c98a; /* 136 */ font-size: 13px; /* 137 */ font-weight: bold; /* 138 */ margin: 0 0 5px 2px; /* 139 */ } /* 140 */ /* 141 */ #passPerduForm input[type="text"] { /* 142 */ display: block; /* 143 */ width: 100%; /* 144 */ -webkit-box-sizing: border-box; /* 145 */ box-sizing: border-box; /* 146 */ padding: 9px 11px; /* 147 */ background: #1f1d18; /* 148 */ border: 1px solid #6b5a2e; /* 149 */ border-radius: 3px; /* 150 */ color: #fff; /* pass_perdu.css */ /* 151 */ font-size: 14px; /* 152 */ -webkit-transition: border-color 0.15s ease, box-shadow 0.15s ease; /* 153 */ transition: border-color 0.15s ease, box-shadow 0.15s ease; /* 154 */ } /* 155 */ /* 156 */ #passPerduForm input[type="text"]:focus { /* 157 */ outline: none; /* 158 */ border-color: #ffe26d; /* 159 */ box-shadow: 0 0 8px rgba(255,226,109,0.3); /* 160 */ } /* 161 */ /* 162 */ /* Buttons row */ /* 163 */ .passPerduButtons { /* 164 */ display: -webkit-box; /* 165 */ display: -ms-flexbox; /* 166 */ display: flex; /* 167 */ -webkit-box-pack: end; /* 168 */ -ms-flex-pack: end; /* 169 */ justify-content: flex-end; /* 170 */ -webkit-box-align: center; /* 171 */ -ms-flex-align: center; /* 172 */ align-items: center; /* 173 */ gap: 10px; /* 174 */ margin-top: 22px !important; /* 175 */ } /* 176 */ /* 177 */ #passPerduForm button { /* 178 */ padding: 11px 22px; /* 179 */ border-radius: 4px; /* 180 */ font-weight: bold; /* 181 */ font-size: 13px; /* 182 */ text-transform: uppercase; /* 183 */ letter-spacing: 0.5px; /* 184 */ cursor: pointer; /* 185 */ -webkit-transition: all 0.18s ease; /* 186 */ transition: all 0.18s ease; /* 187 */ } /* 188 */ /* 189 */ /* Primary "Valider" — struck-metal gold */ /* 190 */ #passPerduForm button.btnPrimary { /* 191 */ background: linear-gradient(180deg, #ffd34d 0%, #c9a400 45%, #9c7e00 100%); /* 192 */ border: 1px solid #ffe9a0; /* 193 */ color: #2a1d05; /* 194 */ text-shadow: 0 1px 0 rgba(255,240,190,0.5); /* 195 */ box-shadow: /* 196 */ inset 0 1px 0 rgba(255,255,255,0.45), /* 197 */ inset 0 -2px 4px rgba(90,60,0,0.5), /* 198 */ 0 2px 5px rgba(0,0,0,0.5), /* 199 */ 0 0 14px rgba(255,226,109,0.25); /* 200 */ } /* pass_perdu.css */ /* 201 */ #passPerduForm button.btnPrimary:hover { /* 202 */ background: linear-gradient(180deg, #ffe9a0 0%, #ffd34d 50%, #c9a400 100%); /* 203 */ box-shadow: /* 204 */ inset 0 1px 0 rgba(255,255,255,0.55), /* 205 */ 0 2px 6px rgba(0,0,0,0.5), /* 206 */ 0 0 22px rgba(255,226,109,0.6); /* 207 */ } /* 208 */ #passPerduForm button.btnPrimary:active { /* 209 */ -webkit-transform: translateY(1px); /* 210 */ transform: translateY(1px); /* 211 */ } /* 212 */ /* 213 */ /* Secondary "Cancel" — quiet stone button */ /* 214 */ #passPerduForm button.btnSecondary { /* 215 */ background: linear-gradient(180deg, #44403a, #2c2925); /* 216 */ border: 1px solid #6b5a2e; /* 217 */ color: #d8c98a; /* 218 */ box-shadow: inset 0 1px 0 rgba(255,255,255,0.08); /* 219 */ } /* 220 */ #passPerduForm button.btnSecondary:hover { /* 221 */ border-color: #bcab75; /* 222 */ color: #ffe370; /* 223 */ } /* 224 */ /* 225 */ @media (max-width: 540px) { /* 226 */ #passPerduCard { /* 227 */ padding: 26px 22px 24px; /* 228 */ } /* 229 */ .passPerduButtons { /* 230 */ -webkit-box-pack: center; /* 231 */ -ms-flex-pack: center; /* 232 */ justify-content: center; /* 233 */ } /* 234 */ } /* 235 */ /* Minify_CSS_UriRewriter::$debugText docRoot : /home/forge/eternalwars.org/htdocs currentDir : /home/forge/eternalwars.org/htdocs/style */ /* devel.css */ /* 1 */ #debug { /* 2 */ position: fixed; /* 3 */ bottom: 0; /* 4 */ right: 0; /* 5 */ /* 6 */ max-height: 100%; /* 7 */ max-width: 100%; /* 8 */ overflow: auto; /* 9 */ /* 10 */ padding: 2px; /* 11 */ /* 12 */ background: gray; /* 13 */ border: 1px solid black; /* 14 */ /* 15 */ z-index: 999; /* 16 */ } /* 17 */ /* 18 */ #debug .inner:hover { /* 19 */ cursor: pointer; /* 20 */ background: #999; /* 21 */ } /* 22 */ /* 23 */ #debug .contents { /* 24 */ display: none; /* 25 */ } /* 26 */ /* 27 */ /* Rapport historique de mise au point. */ /* 28 */ span.dvlp, tr.dvlp { /* 29 */ display: none; /* 30 */ font-style: italic; /* 31 */ color: #EE8800; /* 32 */ } /* 33 */ /* 34 */ #tabsDevels { /* 35 */ float: right; /* 36 */ } /* 37 */ /* Minify_CSS_UriRewriter::$debugText docRoot : /home/forge/eternalwars.org/htdocs currentDir : /home/forge/eternalwars.org/htdocs/style/ext */ /* tabs.css */ /* 1 */ /* Caution! Ensure accessibility in print and other media types... */ /* 2 */ @media projection, /* 3 */ screen { /* 4 */ /* 5 */ /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */ /* 6 */ .ui-tabs-hide { /* 7 */ display: none; /* 8 */ } /* 9 */ } /* 10 */ /* 11 */ /* Hide useless elements in print layouts... */ /* 12 */ @media print { /* 13 */ .ui-tabs-nav { /* 14 */ display: none; /* 15 */ } /* 16 */ } /* 17 */ /* 18 */ /* Skin */ /* 19 */ .ui-tabs-nav { /* 20 */ list-style: none; /* 21 */ margin: 0; /* 22 */ padding: 0; /* 23 */ } /* 24 */ /* 25 */ .ui-tabs-nav:after { /* 26 */ /* clearing without presentational markup, IE gets extra treatment */ /* 27 */ display: block; /* 28 */ clear: both; /* 29 */ content: " "; /* 30 */ } /* 31 */ /* 32 */ .ui-tabs-nav li.autreCote { /* 33 */ float: right; /* 34 */ margin: 4px 0 0 4px; /* 35 */ } /* 36 */ /* 37 */ .ui-tabs-nav li.ui-tabs-selected.autreCote { /* 38 */ margin: 0 0 0 4px; /* 39 */ } /* 40 */ /* 41 */ .ui-tabs-nav li { /* 42 */ background-color: #7E7A73; /* 43 */ /* Add gradient for depth */ /* 44 */ background: linear-gradient(to bottom, #8A8680 0%, #7E7A73 50%, #6E6A63 100%); /* 45 */ border: 1px solid #464440; /* 46 */ border-bottom: 0px; /* 47 */ float: left; /* 48 */ margin: 4px 4px 0 0; /* 49 */ padding: 0 0 0 12px; /* 50 */ font-weight: bold; /* tabs.css */ /* 51 */ height: 20px; /* 52 */ line-height: 20px; /* 53 */ list-style-type: none; /* 54 */ /* Add rounded top corners */ /* 55 */ border-radius: 4px 4px 0 0; /* 56 */ /* Add subtle shadow for depth */ /* 57 */ box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.2); /* 58 */ } /* 59 */ /* 60 */ .ui-tabs-nav a, /* 61 */ .ui-tabs-nav a span { /* 62 */ float: left; /* 63 */ /* fixes dir=ltr problem and other quirks IE */ /* 64 */ padding: 0 12px; /* 65 */ } /* 66 */ /* 67 */ .ui-tabs-nav a, /* 68 */ .ui-tabs-nav a:hover { /* 69 */ margin: 0; /* 70 */ /* position: relative makes opacity fail for disabled tab in IE */ /* 71 */ padding-left: 0; /* 72 */ text-decoration: none; /* 73 */ white-space: nowrap; /* 74 */ /* @ IE 6 */ /* 75 */ outline: 0; /* 76 */ /* @ Firefox, prevent dotted border after click */ /* 77 */ } /* 78 */ /* 79 */ .ui-tabs-nav a:link, /* 80 */ .ui-tabs-nav a:visited { /* 81 */ color: #fff; /* 82 */ /* Add text shadow for depth */ /* 83 */ text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); /* 84 */ } /* 85 */ /* 86 */ .ui-tabs-nav a.highlight { /* 87 */ color: #FFE370; /* 88 */ } /* 89 */ /* 90 */ .ui-tabs-nav .ui-tabs-selected a { /* 91 */ position: relative; /* 92 */ z-index: 2; /* 93 */ margin-top: 0; /* 94 */ } /* 95 */ /* 96 */ .ui-tabs-nav li.ui-tabs-selected { /* 97 */ position: relative; /* 98 */ height: 24px; /* 99 */ line-height: 24px; /* 100 */ margin: 0 4px 0 0; /* tabs.css */ /* 101 */ background-color: #585550; /* 102 */ /* Add gradient for selected state */ /* 103 */ background: linear-gradient(to bottom, #656260 0%, #585550 50%, #4E4B48 100%); /* 104 */ /* Stronger shadow for selected tab */ /* 105 */ box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.1); /* 106 */ } /* 107 */ /* 108 */ .ui-tabs-nav a span { /* 109 */ padding-top: 1px; /* 110 */ padding-right: 0; /* 111 */ height: 20px; /* 112 */ line-height: 20px; /* 113 */ } /* 114 */ /* 115 */ .ui-tabs-nav .ui-tabs-selected a span { /* 116 */ padding-top: 0; /* 117 */ height: 27px; /* 118 */ line-height: 27px; /* 119 */ } /* 120 */ /* 121 */ .ui-tabs-nav .ui-tabs-selected a:link, /* 122 */ .ui-tabs-nav .ui-tabs-selected a:visited, /* 123 */ .ui-tabs-nav .ui-tabs-disabled a:link, /* 124 */ .ui-tabs-nav .ui-tabs-disabled a:visited { /* 125 */ /* @ Opera, use pseudo classes otherwise it confuses cursor... */ /* 126 */ cursor: text; /* 127 */ } /* 128 */ /* 129 */ .ui-tabs-nav a:hover, /* 130 */ .ui-tabs-nav a:focus, /* 131 */ .ui-tabs-nav a:active, /* 132 */ .ui-tabs-nav .ui-tabs-unselect a:hover, /* 133 */ .ui-tabs-nav .ui-tabs-unselect a:focus, /* 134 */ .ui-tabs-nav .ui-tabs-unselect a:active { /* 135 */ /* @ Opera, we need to be explicit again here now... */ /* 136 */ cursor: pointer; /* 137 */ } /* 138 */ /* 139 */ .ui-tabs-nav .ui-tabs-disabled a:link, /* 140 */ .ui-tabs-nav .ui-tabs-disabled a:visited { /* 141 */ color: #000; /* 142 */ } /* 143 */ /* 144 */ .ui-tabs-panel { /* 145 */ /* Internal padding so tab content doesn't touch the panel borders. /* 146 *| Pages that need their own spacing (e.g. #soutienPage #stripe) override /* 147 *| this with a more specific id selector. */ /* 148 */ padding: 12px 14px; /* 149 */ margin: 0; /* 150 */ border: 1px solid #38352E; /* tabs.css */ /* 151 */ background-color: rgba(33, 34, 27, 0.3); /* 152 */ /* Add rounded corners to match tabs */ /* 153 */ border-radius: 0 4px 4px 4px; /* 154 */ /* Add subtle shadow for depth */ /* 155 */ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); /* 156 */ } /* 157 */ /* 158 */ /* Additional IE specific bug fixes... */ /* 159 */ * html .ui-tabs-nav { /* 160 */ /* auto clear @ IE 6 & IE 7 Quirks Mode */ /* 161 */ display: inline-block; /* 162 */ } /* 163 */ /* 164 */ *:first-child+html .ui-tabs-nav { /* 165 */ /* auto clear @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */ /* 166 */ display: inline-block; /* 167 */ } /* 168 */ /* 169 */ *.ui-tabs-nav .ui-tabs-selected a:hover span { /* 170 */ padding-top: 0; /* 171 */ height: 27px; /* 172 */ background-position: 0 -23px; /* 173 */ line-height: 27px; /* 174 */ } /* 175 */ /* 176 */ /* ===== Mobile Responsive Tabs ===== */ /* 177 */ /* 178 */ @media screen and (max-width: 768px) { /* 179 */ .ui-tabs-nav { /* 180 */ display: flex; /* 181 */ flex-wrap: nowrap; /* 182 */ overflow-x: auto; /* 183 */ -webkit-overflow-scrolling: touch; /* 184 */ scrollbar-width: none; /* Firefox */ /* 185 */ padding-bottom: 2px; /* 186 */ } /* 187 */ /* 188 */ .ui-tabs-nav::-webkit-scrollbar { /* 189 */ display: none; /* Chrome/Safari */ /* 190 */ } /* 191 */ /* 192 */ /* Override float-based layout */ /* 193 */ .ui-tabs-nav li { /* 194 */ float: none; /* 195 */ flex-shrink: 0; /* 196 */ margin: 4px 2px 0 0; /* 197 */ } /* 198 */ /* 199 */ .ui-tabs-nav li.autreCote { /* 200 */ float: none; /* tabs.css */ /* 201 */ margin: 4px 0 0 2px; /* 202 */ } /* 203 */ /* 204 */ .ui-tabs-nav li.ui-tabs-selected { /* 205 */ margin: 0 2px 0 0; /* 206 */ } /* 207 */ /* 208 */ .ui-tabs-nav li.ui-tabs-selected.autreCote { /* 209 */ margin: 0 0 0 2px; /* 210 */ } /* 211 */ /* 212 */ /* Links: override floats, tighter padding */ /* 213 */ .ui-tabs-nav a, /* 214 */ .ui-tabs-nav a span { /* 215 */ float: none; /* 216 */ padding: 0 10px; /* 217 */ font-size: 12px; /* 218 */ } /* 219 */ /* 220 */ /* Panel gets rounded corners on both sides */ /* 221 */ .ui-tabs-panel { /* 222 */ border-radius: 4px; /* 223 */ } /* 224 */ } /* 225 */ /* 226 */ /* Tab AJAX loading spinner */ /* 227 */ .tab-loading { /* 228 */ display: -webkit-box; /* 229 */ display: -ms-flexbox; /* 230 */ display: flex; /* 231 */ -webkit-box-pack: center; /* 232 */ -ms-flex-pack: center; /* 233 */ justify-content: center; /* 234 */ -webkit-box-align: center; /* 235 */ -ms-flex-align: center; /* 236 */ align-items: center; /* 237 */ padding: 40px 0; /* 238 */ min-height: 80px; /* 239 */ } /* 240 */ /* 241 */ .tab-loading-spinner { /* 242 */ width: 32px; /* 243 */ height: 32px; /* 244 */ border: 3px solid rgba(255, 255, 255, 0.12); /* 245 */ border-top-color: rgba(255, 255, 255, 0.65); /* 246 */ border-radius: 50%; /* 247 */ -webkit-animation: tab-spin 0.7s linear infinite; /* 248 */ animation: tab-spin 0.7s linear infinite; /* 249 */ } /* 250 */ /* tabs.css */ /* 251 */ @-webkit-keyframes tab-spin { /* 252 */ to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } /* 253 */ } /* 254 */ @keyframes tab-spin { /* 255 */ to { transform: rotate(360deg); } /* 256 */ }