/* Minify_CSS_UriRewriter::$debugText docRoot : /home/forge/eternalwars.org/htdocs currentDir : /home/forge/eternalwars.org/htdocs/style file-relative URI : ../images/parch.jpg path prepended : /home/forge/eternalwars.org/htdocs/style/../images/parch.jpg docroot stripped : /style/../images/parch.jpg traversals removed : /images/parch.jpg */ /* identification.css */ /* 1 */ /* ============================================================ /* 2 *| identification.css — login / welcome page (loaded only here, /* 3 *| so rules on .princ / #message are safely scoped to this page). /* 4 *| Palette: golds #ffe26d #ffe370 #ffd34d #c9a400 #9c7e00 /* 5 *| dark panels #3a3730 #2a2825 #1f1d18 stone gold #6b5a2e /* 6 *| ============================================================ */ /* 7 */ /* 8 */ /* This page renders without the usual .princ wrapper (MENU_PUBLIC), so the /* 9 *| error box and login card are direct children. Centre them directly /* 10 *| (without flexing , which would shrink the full-width logo bar). */ /* 11 */ /* 12 */ /* The login error ("Nom ou Mot de Passe incorrects.") sits above the card */ /* 13 */ #message { /* 14 */ max-width: 430px; /* 15 */ width: 100%; /* 16 */ margin: 24px auto 0; /* 17 */ -webkit-box-sizing: border-box; /* 18 */ box-sizing: border-box; /* 19 */ } /* 20 */ /* 21 */ /* Centre the login card in a tall region below the header */ /* 22 */ #loginPage { /* 23 */ width: 100%; /* 24 */ min-height: 58vh; /* 25 */ -webkit-box-sizing: border-box; /* 26 */ box-sizing: border-box; /* 27 */ padding: 34px 16px 60px; /* 28 */ display: -webkit-box; /* 29 */ display: -ms-flexbox; /* 30 */ display: flex; /* 31 */ -webkit-box-align: center; /* 32 */ -ms-flex-align: center; /* 33 */ align-items: center; /* 34 */ -webkit-box-pack: center; /* 35 */ -ms-flex-pack: center; /* 36 */ justify-content: center; /* 37 */ } /* 38 */ /* 39 */ /* ---- The premium login card ---- */ /* 40 */ #loginCard { /* 41 */ position: relative; /* 42 */ width: 100%; /* 43 */ max-width: 430px; /* 44 */ -webkit-box-sizing: border-box; /* 45 */ box-sizing: border-box; /* 46 */ text-align: center; /* 47 */ padding: 34px 38px 30px; /* 48 */ /* Parchment grain blended into a warm dark panel */ /* 49 */ background-image: /* 50 */ linear-gradient(160deg, rgba(58,55,46,0.96), rgba(34,32,28,0.98)), /* identification.css */ /* 51 */ url(/images/parch.jpg); /* 52 */ background-size: cover, 260px 242px; /* 53 */ background-blend-mode: normal, soft-light; /* 54 */ border: 1px solid #6b5a2e; /* 55 */ border-radius: 5px; /* 56 */ box-shadow: /* 57 */ inset 0 0 0 1px rgba(255,226,109,0.14), /* 58 */ inset 0 0 50px rgba(0,0,0,0.5), /* 59 */ 0 8px 30px rgba(0,0,0,0.6); /* 60 */ } /* 61 */ /* 62 */ /* Engraved gold corner brackets */ /* 63 */ #loginCard:before, /* 64 */ #loginCard:after { /* 65 */ content: ""; /* 66 */ position: absolute; /* 67 */ width: 22px; /* 68 */ height: 22px; /* 69 */ pointer-events: none; /* 70 */ } /* 71 */ #loginCard:before { /* 72 */ top: 8px; /* 73 */ left: 8px; /* 74 */ border-top: 2px solid #c9a400; /* 75 */ border-left: 2px solid #c9a400; /* 76 */ } /* 77 */ #loginCard:after { /* 78 */ bottom: 8px; /* 79 */ right: 8px; /* 80 */ border-bottom: 2px solid #c9a400; /* 81 */ border-right: 2px solid #c9a400; /* 82 */ } /* 83 */ /* 84 */ #loginCard h1 { /* 85 */ font-family: Georgia, "Times New Roman", serif; /* 86 */ color: #ffe370; /* 87 */ font-size: 23px; /* 88 */ font-weight: bold; /* 89 */ line-height: 1.25; /* 90 */ margin: 0 0 2px 0; /* 91 */ letter-spacing: 0.5px; /* 92 */ text-shadow: 0 2px 0 #5a4a18, 0 3px 8px rgba(0,0,0,0.7); /* 93 */ } /* 94 */ /* 95 */ /* Title flourish: gold rule with a centred ornament */ /* 96 */ .loginFlourish { /* 97 */ display: -webkit-box; /* 98 */ display: -ms-flexbox; /* 99 */ display: flex; /* 100 */ -webkit-box-align: center; /* identification.css */ /* 101 */ -ms-flex-align: center; /* 102 */ align-items: center; /* 103 */ -webkit-box-pack: center; /* 104 */ -ms-flex-pack: center; /* 105 */ justify-content: center; /* 106 */ margin: 8px 0 22px; /* 107 */ } /* 108 */ .loginFlourish:before, /* 109 */ .loginFlourish:after { /* 110 */ content: ""; /* 111 */ width: 55px; /* 112 */ height: 1px; /* 113 */ background: linear-gradient(90deg, rgba(201,164,0,0), #c9a400); /* 114 */ } /* 115 */ .loginFlourish:after { /* 116 */ background: linear-gradient(90deg, #c9a400, rgba(201,164,0,0)); /* 117 */ } /* 118 */ .loginFlourish span { /* 119 */ color: #c9a400; /* 120 */ font-size: 13px; /* 121 */ margin: 0 12px; /* 122 */ text-shadow: 0 0 8px rgba(255,226,109,0.5); /* 123 */ } /* 124 */ /* 125 */ /* ---- Login form (scoped; the connect widget is shared elsewhere) ---- */ /* 126 */ #loginForm label { /* 127 */ display: block; /* 128 */ text-align: left; /* 129 */ color: #d8c98a; /* 130 */ font-size: 13px; /* 131 */ font-weight: bold; /* 132 */ margin: 0 0 5px 2px; /* 133 */ } /* 134 */ /* 135 */ #loginForm input[type="text"], /* 136 */ #loginForm input[type="password"] { /* 137 */ display: block; /* 138 */ width: 100%; /* 139 */ -webkit-box-sizing: border-box; /* 140 */ box-sizing: border-box; /* 141 */ padding: 9px 11px; /* 142 */ margin: 0 0 14px 0; /* 143 */ background: #1f1d18; /* 144 */ border: 1px solid #6b5a2e; /* 145 */ border-radius: 3px; /* 146 */ color: #fff; /* 147 */ font-size: 14px; /* 148 */ -webkit-transition: border-color 0.15s ease, box-shadow 0.15s ease; /* 149 */ transition: border-color 0.15s ease, box-shadow 0.15s ease; /* 150 */ } /* identification.css */ /* 151 */ /* 152 */ #loginForm input[type="text"]:focus, /* 153 */ #loginForm input[type="password"]:focus { /* 154 */ outline: none; /* 155 */ border-color: #ffe26d; /* 156 */ box-shadow: 0 0 8px rgba(255,226,109,0.3); /* 157 */ } /* 158 */ /* 159 */ /* Remember-me row */ /* 160 */ #loginForm label[for="memoriser"] { /* 161 */ display: inline-block; /* 162 */ margin: 0 0 0 6px; /* 163 */ font-weight: normal; /* 164 */ color: #b8af8a; /* 165 */ cursor: help; /* 166 */ } /* 167 */ #loginForm input[type="checkbox"] { /* 168 */ display: inline-block; /* 169 */ width: auto; /* 170 */ margin: 0; /* 171 */ vertical-align: middle; /* 172 */ } /* 173 */ /* 174 */ #loginForm button { /* 175 */ display: block; /* 176 */ width: 100%; /* 177 */ margin: 20px 0 0 0; /* 178 */ padding: 12px; /* 179 */ background: linear-gradient(180deg, #ffd34d 0%, #c9a400 45%, #9c7e00 100%); /* 180 */ border: 1px solid #ffe9a0; /* 181 */ border-radius: 4px; /* 182 */ color: #2a1d05; /* 183 */ font-weight: bold; /* 184 */ font-size: 14px; /* 185 */ text-transform: uppercase; /* 186 */ letter-spacing: 1px; /* 187 */ cursor: pointer; /* 188 */ text-shadow: 0 1px 0 rgba(255,240,190,0.5); /* 189 */ box-shadow: /* 190 */ inset 0 1px 0 rgba(255,255,255,0.45), /* 191 */ inset 0 -2px 4px rgba(90,60,0,0.5), /* 192 */ 0 2px 5px rgba(0,0,0,0.5), /* 193 */ 0 0 14px rgba(255,226,109,0.25); /* 194 */ -webkit-transition: all 0.18s ease; /* 195 */ transition: all 0.18s ease; /* 196 */ } /* 197 */ #loginForm button:hover { /* 198 */ background: linear-gradient(180deg, #ffe9a0 0%, #ffd34d 50%, #c9a400 100%); /* 199 */ box-shadow: /* 200 */ inset 0 1px 0 rgba(255,255,255,0.55), /* identification.css */ /* 201 */ inset 0 -2px 4px rgba(90,60,0,0.4), /* 202 */ 0 2px 6px rgba(0,0,0,0.5), /* 203 */ 0 0 22px rgba(255,226,109,0.6); /* 204 */ } /* 205 */ #loginForm button:active { /* 206 */ -webkit-transform: translateY(1px); /* 207 */ transform: translateY(1px); /* 208 */ box-shadow: inset 0 2px 4px rgba(90,60,0,0.6), 0 1px 2px rgba(0,0,0,0.5); /* 209 */ } /* 210 */ /* 211 */ /* "Lost your login informations?" line */ /* 212 */ .loginLost { /* 213 */ margin: 18px 0 0 0; /* 214 */ font-size: 12px; /* 215 */ color: #9a948a; /* 216 */ } /* 217 */ #loginCard .loginLost a { /* 218 */ color: #ffe370; /* 219 */ text-decoration: none; /* 220 */ border-bottom: 1px dotted #b59a3a; /* 221 */ } /* 222 */ #loginCard .loginLost a:hover { /* 223 */ color: #ffe26d; /* 224 */ border-bottom-color: #ffe26d; /* 225 */ } /* 226 */ /* 227 */ @media (max-width: 480px) { /* 228 */ #loginCard { /* 229 */ padding: 26px 22px 24px; /* 230 */ } /* 231 */ } /* 232 */ /* 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 */ }