WebSVN – ALCASAR – Path Comparison – / – /web/css/ Rev 2766 and /web/css/ Rev 2765

Regard whitespace Rev 2766 → Rev 2765

/web/css/index_style.css
File deleted

/web/css/intercepts.css
File deleted

/web/css/intercept.css
File deleted

 /web/css/status.css
 ,172 → 1,152
-HTML {
-        background: url(/images/background.jpg) no-repeat center center fixed;
-        -webkit-background-size: cover;
-        -moz-background-size: cover;
-        -o-background-size: cover;
-        background-size: cover;
-        min-width: 450px;
-}
+/*
+        Feuille de style pour les pages d'interceptions coté utilisateurs d'ALCASAR
+        Auteur : Stéphane ERARD
+        Licence : GNU GPL
+*/
-BODY {
-        color: white;
-}
-.error-margin {
-        margin-left: 0px;
-        margin-right: 0px;
-}
+/* règles générales */
-.main_box {
-        display: flex;
-        align-items: center;
+/* Couleurs de polices */
+:link, :visited, :hover:link, :hover:visited  {
+        color: #000000;
 }
-.image-resize {
-        width: calc(100px + 5vh);
+body {
+        color: #666666;
 }
-.image-resize-bottom {
-        width: calc(100px + 5vh);
-        margin-right: auto;
-        margin-left: auto;
+/* Style de police */
+body, :link, :visited, :hover:link, :hover:visited  {
+        font-family: "DejaVu Sans";
 }
-.background-display {
-        background-color: white;
-        color: black;
-        text-align: center;
-        border-bottom-left-radius:  10px;
-        border-bottom-right-radius:  10px;
-        /* get the main box under banner*/
-        padding-top: 25px;
-        z-index: 5;
-        top: -20px;
-        position: relative;
+/*Couleurs de fond */
-        /* ombrage css3 */
-        -moz-box-shadow: 1px 4px 10px #000;
-        -webkit-box-shadow: 1px 4px 10px #000;
-        box-shadow: 0px 10px 10px #000;
+body {
+        background-color: #666666;
 }
-.header_background {
-        z-index: 10;
-        display: flex;
-        align-items: center;
-        margin-top: 5vh;
-        position: relative;
-        background-image: linear-gradient(black,#222222);
-        /* ombrage CSS3 */
-        -moz-box-shadow: 1px 1px 6px #666;
-        -webkit-box-shadow: 1px 1px 6px #666;
-        box-shadow: 1px 1px 6px #666;
-        border-radius: 10px;
-}
-.header_img {
-        display: inline-block;
-        margin-top: 5px;
-        margin-bottom: 5px;
-}
+/* Règles des balises HTML */
-.header_title {
-        display: inline-block;
-        margin-top:10px;
-        margin-bottom:10px;
+p {
+        text-align: justify;
 }
-.login-status {
-        font-size: calc(26px + 1.5vw);
+body {
+        background-image: url(/images/fond.png);
+        background-repeat: repeat-x;
         text-align: center;
+        font-size: 12px;
         margin: 0px;
-        font-weight: bold;
 }
-.welcome-user {
-        font-size: calc(20px + 1vw);
+table {
+        font-size: 90%;
 }
-.error-table-border {
-        border: 0px;
+img {
+        height: 150px;
 }
-.table {
-        margin-bottom: 10px;
-}
-.chilliLabel {
-        font-size: calc(14px + 0.4vw);
-        border-top: 1px solid rgba(0,0,0,0.6) !important;
-}
+/*Boite de dialogue de deconnection*/
-.chilliValue {
-        font-size: calc(12px + 0.4vw);
-        border-top: 1px solid rgba(0,0,0,0.6) !important;
+#statusPage, #loggedOutPage {
+        width: 450px;
+        margin: 12px auto;
 }
-.button {
-        font-size: calc(16px + 0.4vw);
-        margin-bottom:10px;
+#Chilli {
+        width: 450px;
+        margin: 10px auto 10px auto;
 }
-.history {
-        text-align: right;
+#auth_reussi, #errorTable, #statusTable, #waitTable, #disconnectTable  {
+        width: 450px;
+        padding-top: 5px;
+        padding-left: 10px;
+        padding-right: 10px;
+        padding-bottom: 0px;
 }
-.history_bottom {
-        text-align: left;
-        font-size: calc(12px + 0.5vw);
+#auth_reussi {
+        margin-top: 12px;
+}
+.text_auth {
+        font-size: 20px;
+}
+.text_auth_welcom {
+        font-size: 16px;
+}
+.text_auth, .text_auth_welcom, .alert {
+        font-weight: bold;
+}
+.text_auth, .text_auth_welcom, .alert, .text_warn, #conHistoryLabel, .lien_deco, .log_out, .text_homelink {
         text-align: center;
 }
-ul {
-        margin-bottom: 0px;
+.lien_deco {
+        font-size: 18px;
+        margin-bottom: 15px;
 }
-.log-box {
-        padding-top: 10px;
-        padding-bottom: 10px;
-        background-color: white;
-        border-top-left-radius: 10px;
-        border-bottom-left-radius: 10px;
-        box-shadow: 0px 0px 10px 10px #000;
-        padding-left: 0px;
-        color: black;
+.log_out {
+        font-size: 24px;
+        margin-top: 30px;
 }
-.log-titre {
-        font-size: calc(7px + 0.6vw);
-        text-align: end;
+/*
+Ajout stephane weber
+*/
+#errorTable, #statusTable, #waitTable, #disconnectTable {
+        background-color: #ffffff;
+        margin: 1px;
+        border: 1px #efefef solid;
+/* ombrage css3*/
+        -moz-box-shadow: 0px 0px 6px #000;
+        -webkit-box-shadow: 0px 0px 6px #000;
+        box-shadow: 0px 0px 6px #000;
+}
+.chilliLabel {
         font-weight: bold;
+        text-align: left;
 }
-.log-info {
-        font-size: calc(8px + 0.4vw);
-        margin-right: 4px;
-        text-align: end;
+.chilliValue {
+        /* A DEFINIR*/
 }
-.log-titre-petit {
-        font-size: calc(16px + 0.5vw);
+.wait {
+        height: 16px;
 }
-.log-info-petit {
-        font-size: calc(14px + 0.2vw);
+/*
+Fin Ajout stephane weber
+*/
+#conHistoryLabel {
+        padding-top: 6px;
+        padding-bottom: 5px;
 }
-.waiting_box, .error_box, .logout_box {
-        display: flex;
-        align-items: center;
+#conHistory ul {
+        list-style-type: none;
+        text-align: left;
+        padding-left: 80px;
 }
+.alert {
+        font-size: 14px;
+        color: red;
+        margin-top: 5px;
+        height: 40px;
+}
+.link_logout {
+        padding-top: 20px;
+        padding-bottom: 20px;
+}
+.text_warn {
+        margin: 0px;
+        font-size: 9px;
+}
-.waiting_msg, .error_msg, .logout_msg {
+#close-warning {
+        padding: 5px;
         text-align: center;
-        display: inline-block;
-        font-size: calc(18px + 0.5vw);
+        font-weight: bold;
+        color: darkred;
 }
-.nb_open_session {
-        margin-bottom: 5px;
-}

 /web/css/pass.css
 ,108 → 12,52
 :link, :visited, :hover:link, :hover:visited, h1  {
         color: #000000;
 }
+body {
+        color: #666666;
+}
-html {
-        background: url(/images/background.jpg) no-repeat center center fixed;
-        -webkit-background-size: cover;
-        -moz-background-size: cover;
-        -o-background-size: cover;
-        background-size: cover;
-        min-width: 450px;
-}
 /* Style de police */
 body, :link, :visited, :hover:link, :hover:visited  {
         font-family: "DejaVu Sans";
-        color: #000;
 }
-/* Règles des balises HTML */
-p {
-        text-align: justify;
-}
+/* Couleurs de fond */
-.banner {
-        z-index:10;
-        display: flex;
-        align-items: center;
-        margin-top: 5vh;
-        position: relative;
-        background-image: linear-gradient(black,#222222);
-        /* ombrage CSS3 */
-        -moz-box-shadow: 1px 1px 6px #666;
-        -webkit-box-shadow: 1px 1px 6px #666;
-        box-shadow: 1px 1px 6px #666;
-        border-radius:  10px;
+body {
+        background-color: #666;
 }
-.img_banner {
-        display: inline-block;
-        margin-top: 5px;
-        margin-bottom: 5px;
-}
-.image {
-        margin-right: auto;
-        margin-left: auto;
-}
+/* Règles des balises HTML */
-.titre_banner {
-        display: inline-block;
-        margin-top: 10px;
-        margin-bottom: 10px;
+p {
+        text-align: justify;
 }
-.titre_controle {
+body {
+        background-image: url(../images/fond.png);
+        background-repeat: repeat-x;
         text-align: center;
-        font-size: calc(24px + 1vw);
-        color: white;
+        font-size: 12px;
         margin: 0px;
 }
-#contenu_acces {
-        background-color: white;
-        border-bottom-left-radius:  10px;
-        border-bottom-right-radius:  10px;
-        /* get the main box under banner*/
-        padding-top: 20px;
-        z-index: 5;
-        top: -20px;
-        /* ombrage css3 */
-        -moz-box-shadow: 1px 4px 10px #000;
-        -webkit-box-shadow: 1px 4px 10px #000;
-        box-shadow: 0px 10px 10px #000;
+table {
+/*      font-size: 90%;*/
 }
-.input_row {
-        display: flex;
-        align-items: center;
-        margin-top: 15px;
-        margin-bottom: 15px;
+img {
+        height: 150px;
 }
-.label_name {
-        display: inline-block;
-        font-size: calc(14px + 0.3vw);
-}
+/* Boite de dialogue de deconnection */
-#input_value {
-        font-size: calc(12px + 0.3vw);
+#page {
+        width: 590px;
+        margin: 12px auto;
 }
-.scorebarDisplay {
-        margin: 0px;
-}
-#buttons {
-        font-size: calc(14px + 0.3vw);
-        width: -moz-available;
-}
 #pass_chg {
         position: relative;
 }
 ,7 → 120,22
         font-size: 20px;
 }
+#btn_pass, #btn_retour {
+        float: right;
+        margin-top: 20px;
+}
+#btn_pass {
+        margin-right: 10px;
+}
+#btn_retour {
+        margin-right: 60px;
+}
+#btn_pass:hover {
+}
 #champs_pass {
         margin: auto;
         padding-top: 50px;

 /web/css/pwdmeter.css
 ,4 → 1,4
-body {
+/*body {
         color: #000;
         font-family: Verdana,'Trebuchet MS','Lucida Grande', Arial, sans-serif;
         font-size: .8em;
 ,7 → 50,7
         color: #fff;
         text-align: left;
         vertical-align: top;
-}
+}*/
 #content {
         margin: 0 auto;
         padding: 10px;
 ,7 → 96,13
         position:absolute;
         width: 100px;
         z-index: 0;
+        font-size: 13px;
 }
+#complexity {
+        position: relative;
+        left: 10px;
+}
 #scorebarBorder {
         background: #333;
         border: 1px #000 solid;
 ,6 → 109,7
         height: 16px;
         margin-bottom: 2px;
         width: 100px;
+        float: left;
 }
 #password {
         border: 1px #000 solid;
 ,147 → 226,3
         line-height: 0;
         height: 0;
 }
-a:link, a:visited
-{
-        color:#459045;
-        text-decoration:none;
-        border-bottom:none;
-}
-a:hover, a:active
-{
-        text-decoration:none;
-        border-bottom: 1px solid;
-}
-#header {
-background:url(../images/top.gif) top repeat-x;
-height:145px;
-margin:0;
-padding:0;
-width:100%;
-}
-#logo {
-height:100px;
-width:900px;
-margin:0 auto;
-}
-#blogname {
-height:30px;
-padding-left:12px;
-padding-top:28px;
-text-align:left;
-}
-h1#blogname a {
-color:#fff;
-font-size:1.3em;
-}
-#navigation
-{
-        clear:both;
-        height:24px;
-        margin:0 auto;
-        padding:0 10px;
-        text-align:center;
-        width:880px;
-        font-size:1.1em;
-}
-#navigation a:link,
-#navigation a:visited
-{
-        background:#FFF url(../images/active1.gif) left bottom no-repeat;
-        color:#fff;
-        height:24px;
-        margin-right:2px;
-        padding-left:12px;
-        text-decoration:none;
-        border:none;
-}
-#navigation a:link,
-#navigation a:link span,
-#navigation a:visited,
-#navigation a:visited span
-{
-        cursor:hand;
-        display:block;
-        float:left;
-        border:none;
-}
-#navigation li
-{
-        line-height:23px;
-        float:left;
-        list-style:none;
-        margin:0;
-}
-#navigation a:hover
-{
-        background:url(../images/active1.gif) left bottom no-repeat;
-        color:#040;
-        height:24px;
-        padding-left:12px;
-        text-decoration:none;
-        border:none;
-}
-#navigation .current_page_item a:link,
-#navigation .current_page_item a:visited
-{
-        background:#FFF url(../images/current1.gif) left bottom no-repeat;
-        color:#fff;
-        height:27px;
-        line-height:24px;
-        margin-right:2px;
-        padding-left:15px;
-        text-decoration:none;
-        border:none;
-}
-#navigation .current_page_item a:hover
-{
-        background:#FFF url(../images/current1.gif) left bottom no-repeat;
-        color:#AAC8E0;
-        height:27px;
-        margin-right:2px;
-        padding-left:15px;
-        text-decoration:none;
-        border:none;
-}
-#navigation ul
-{
-        list-style:none;
-        margin:0;
-        padding:0;
-}
-#navigation a:link span,
-#navigation a:visited span,
-#navigation a:hover span
-{
-        background:url(../images/active2.gif) right bottom no-repeat;
-        height:24px;
-        padding-right:12px;
-        border:none;
-}
-#navigation .current_page_item a:link span,
-#navigation .current_page_item a:visited span,
-#navigation .current_page_item a:hover span
-{
-        background:url(../images/current2.gif) right bottom no-repeat;
-        height:27px;
-        padding-right:15px;
-        border:none;
-}
-#footer {
-        background:#223344 url(../images/top.gif) bottom repeat-x;
-        clear: both;
-        height: 60px;
-        padding: 10px;
-        text-align: center;
-        margin:0 auto;
-        color:#ccc;
-}
-.advertTop {
-        margin: -30px 0 5px 0;
-}
-.advertBtm {
-        margin: 0 0 20px 0;
-}
-.advertMid {
-        margin: 20px 0 20px -65px;
-}

Subversion Repositories ALCASAR

Compare Revisions

Regard whitespace Rev 2766 → Rev 2765