WebSVN – ALCASAR – Diff – /web/css/index.css

+/*
+	Stylesheet for index.php
+	Auteur : Stéphane ERARD & Rexy
+	Licence : GNU GPL
+*/
-html {
+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;
+}
-body {
+BODY {
+	text-align: center;
+	font-size: 12px;
+	margin: 0px;
+}
+BODY, :link, :visited, :hover:link, :hover:visited  {
+	font-family: "DejaVu Sans";
+	color: #000;
+}
+INPUT {
+	border: #666666 1px solid;
+	padding: 2px;
+	font-family: arial;
+	height: 22px;
+}
+INPUT, #contenu_acces {
+	background-color: #ffffff;
+}
+INPUT, #box_url {
+	font-family: arial;
+}
+H1 {
+	font-size: 55px;
+}
+H2 {
+	font-size: 30px;
+}
+H6 {
+	font-size: 100%;
+}
+H1, H2 {
+	text-align: center;
+	padding: 0px;
+	margin: 3px;
+}
+P, UL, LI {
+	text-align: justify;
+}
+UL {
+	padding-left: 20px;
+	margin: 0px;
+	margin-bottom: 5px;
+}
+LI {
+	list-style-type: square;
+}
 .error-margin {
 	margin-left: 0;
 	margin-right: 0;
+}
-#gui {
-	min-width: 452px;
-	/*
-	position: relative;
-	top: 3vh;
-	max-width: 950px;*/
-}
 .explanation_net_pb {
 	color: red;
 	margin-bottom: 2px;
 	font-size: calc(12px + 0.2vw);
+}
 #contenu_acces {
 	border-bottom-left-radius:  10px;
 	border-bottom-right-radius:  10px;
 	/* get the main box under banner*/
 	padding-top: 5px;
 	z-index: 5;
 	top: -5px;
 	/* ombrage css3 */
 	-moz-box-shadow: 1px 4px 10px #000;
 	-webkit-box-shadow: 1px 4px 10px #000;
 	box-shadow: 0px 10px 10px #000;
+}
+.img_banner {
+	display: inline-block;
+	margin-top: 5px;
+	margin-bottom: 5px;
+}
+.titre_banner {
+	display: inline-block;
+	margin-top: 10px;
+	margin-bottom: 10px;
+}
-/* style de la page accès controlé*/
 .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;
+}
 #cadre_titre .titre_controle {
 	color: white;
 	font-size: calc(20px + 2.2vw);
+}
 #cadre_titre .titre_refus  {
 	color: red;
 	font-size: calc(20px + 2.2vw);
+}
+.titre_controle {
+	text-align: center;
+	font-size: calc(24px + 1vw);
+	color: white;
+	margin: 0px;
+}
 #acces_controle {
 	text-align: center;
 	font-size: calc(20px + 1.5vw);
-	padding-top: 25px;
+	padding-top: 20px;
-	padding-bottom: 32px;
+	padding-bottom: 20px;
 	margin: 0px;
+}
 @media(max-width:420px) {
 	#acces_controle {
 		text-align: left !important;
+	}
+}
 .domain_allowed_title {
 	margin-bottom: 0px;
+}
-/* Style de police */
-BODY, :link, :visited, :hover:link, :hover:visited  {
-	font-family: "DejaVu Sans";
-}
-INPUT, #box_url {
-	font-family: arial;
-}
 #acces_controle, #box_url, #cadre_titre SPAN {
 	font-weight: bold;
+}
 .box_menu :link , .box_menu :visited, .box_menu :hover:link, .box_menu :hover:visited  {
 	text-decoration: none;
 	color: black;
 	font-size: calc(14px + 0.2vw);
 	font-weight: bold;
+}
 .box_menu:hover {
 	background-color: rgba(5,55,64,0.2);
+}
 .box_menu {
 	display: flex;
 	align-items: center;
 	height: 60px;
 	position: relative;
 	background-color: #efefef;
         padding: 10px;
 	border-radius: 10px;
 /* ombrage CSS3 */
 	-moz-box-shadow: 1px 1px 6px #666;
 	-webkit-box-shadow: 1px 1px 6px #666;
 	box-shadow: 1px 1px 6px #666;
 	margin-top: 30px;
 	margin-bottom: 30px;
+}
 .box_menu SPAN {
 	display: flex;
 	align-items: center;
+}
 .box_menu A{
 	position: absolute;
 	left: calc(100px + 1vw);
+}
 .box_menu IMG {
  	width: calc(80px + 1vw);
+}
 .img-organisme{
 	margin-top: 1vh;
 	margin-bottom: 1vh;
 	margin-right: auto;
 	margin-left: auto;
+}
 /* shift menu items left and right in an alternating fashion if enough space: */
 @media(min-width:500px){
 	.box_menu {
 		max-width: 90%;
+	}
 	.box_menu_right {
 		max-width: 90%;
 		left: 10%;
+	}
 	.box_menu_right A {
 		right: 100px !important;
 		left: 5% !important;
+	}
 	.box_menu_right IMG {
 		position: absolute;
 		top: -18px;
 		right: 0px;
+	}
+}
 #box_infos IMG {
 	position: absolute;
 	bottom: -15px;
 	right: 0px;
  	width: 80px;
+}
 .div-cache {
 	visibility: hidden;
 	position: absolute;
 	top: -1000px;
+}
-/*Couleurs de fond */
-INPUT, #contenu_acces, #contenu_error, #logon, #auth_reussi {
-	background-color: #ffffff;
-}
-/* Règles des balises HTML */
-H1, H2, #aide-certif {
-	text-align: center;
-	padding: 0px;
-	margin: 3px;
-}
-P, UL, LI{
-	text-align: justify;
-}
-BODY {
-	text-align: center;
-	font-size: 12px;
-	margin: 0px;
-}
-H1 {
-	font-size: 55px;
-}
-H2 {
-	font-size: 30px;
-}
-H6, #aide-certif{
-	font-size: 100%;
-}
-UL {
-	padding-left: 20px;
-	margin: 0px;
-	margin-bottom: 5px;
-}
-LI {
-	list-style-type: square;
-}
-TABLE {
-	font-size: 90%;
-}
-INPUT {
-	border: #666666 1px solid;
-	padding: 2px;
-	font-family: arial;
-	height: 22px;
-}
 #contenu_acces SPAN {
 	font-family: "courier new";
+}
-#contenu_error SPAN {
-	font-family: "courier new";
-}
 .info-box-container {
 	margin-top: 30px;
 	margin-bottom: 30px;
 	height: 100%;
+}
 #box_infos {
 	background-color: #efefef;
         padding-left: 10px;
         padding-right: 10px;
 	padding-top: 5px;
 	padding-bottom: 5px;
 	border-radius: 10px;
 /* ombrage CSS3 */
 	-moz-box-shadow: 1px 1px 6px #666;
 	-webkit-box-shadow: 1px 1px 6px #666;
 	box-shadow: 1px 1px 6px #666;
+	}
 /* When the the infobox goes bellow the main one (col-xs), it gets a dynamic height*/
 @media(max-width:768px){
 	#box_infos {
 		height:100%;
+	}
+}
 .box_infos_titles {
 	font-size: calc(14px + 0.15vw);
 	font-weight: bold;
 	color: black;
 	margin-top: 5px;
+}
 .box_infos_explanations {
 	font-size: calc(13px + 0.11vw);
 	margin-bottom: 0px;
+}
 .box_infos_titles A {
 	color: black;
+}
-/*
-#box_infos :link, #box_info :visited  {
-	text-decoration: none;
-}
-#box_infos IMG {
-	max-width: 100px;
-}
-#box_infos h2 {
-	color: black;
-	font-weight: bold;
-	font-size: calc(14px + 0.4vw);
-	margin-bottom: 5px;
-}
-#box_infos P {
-	font-size: calc(12px + 0.3vw);
-}
-#box_infos A {
-	color: black;
-	font-weight: bold;
-}*/
 #corner {
 	position: fixed;
 	bottom: 0;
 	right: 0;
+}
 #adm {
 	display: block;
 	width: 100px;
 	height: 100px;
+}
 .corn IMG:hover {
 	position: absolute;
 	width: 100px;
 	height: 100px;
 	top: 0px;
 	left: 0px;
+}
 .corn IMG {
 	position: absolute;
 	width: 50px;
 	height: 50px;
 	top: 75px;
 	left: 75px;
 	transition: .2s;
+}

Subversion Repositories ALCASAR

(root)/web/css/index.css – Rev 2809 → 2819