diff options
Diffstat (limited to 'ressources/styles')
-rwxr-xr-x | ressources/styles/default.css | 206 | ||||
-rwxr-xr-x | ressources/styles/menu_gost.css | 81 |
2 files changed, 287 insertions, 0 deletions
diff --git a/ressources/styles/default.css b/ressources/styles/default.css new file mode 100755 index 0000000..9c8baa6 --- /dev/null +++ b/ressources/styles/default.css @@ -0,0 +1,206 @@ +@font-face { + font-family: "Reckoner_Bold"; + src: url('../polices/Reckoner_Bold.ttf'); +} + +@font-face { + font-family: "ASHBB"; + src: url('../polices/ASHBB.ttf'); +} +@font-face { + font-family: "starjedi"; + src: url('../../Starjedi.ttf'); +} +/* Design des liens */ +a { + color: black; + text-decoration: none; +} + +ul { + list-style-type: none; +} + +.button { + border:1px solid #1A1717; + display:inline-block; + color:rgb(255,255,255); + font-size: 14px; + padding:6px 6px; + background-color:#1A1717; + border-bottom: 4px solid #DB1C36; + cursor: pointer; +} + +/* Image de font */ +html { +background-color:white; +background-image:url(../images/fond2.jpeg); +background-attachment: fixed; +background-position: center center; +font-size: 16px; +color: #a3a3a3; +font-weight: bold; +font-family: 'ASHBB'; +overflow-x: hidden; +} + +/* Début de gestion du format de la page */ +body { +margin-left: 10%; +margin-right: 10%; +margin-top: 10%; +margin-bottom: 10%; +position: relative; +display: flex; +flex-direction: column; +min-height: 100vh; +background-color:#444141; +padding:5px; +box-shadow: + 0 2px 2px 3px rgba(0, 0, 0, 0.5) inset, + 0 1px 2px 0 rgba(255, 255, 255, 0.5); +} + +.site-content { + flex: 1; +} +/* Fin de gestion du format de la page */ + +/*Erreur design*/ +.error{ + font-size: 250px; + color: #FFFFFF; +} +.errorC { + text-align: center; +} + +/* Logo */ +.logo { + float:left; + margin-top: -1%; + width: 8%; + margin-left: 0%; +} + +/* Design du titre */ +.title { + margin-left:auto; + margin-right:auto; + margin-left: 38.5%; + margin-top: 3%; + margin-bottom: 4%; + width:35%; + color: #fff; + font-family: "Reckoner_Bold"; + font-size: 60px; +} + +/* Design du header */ +.site-header { + background-color: #1A1717; + float:left; + width: 100%; + margin-left: -0.4%; + padding-left: 0.8%; + margin-top: -0.4%; + padding-top:0.8%; + margin-bottom:3%; + box-shadow: 0 5px rgba(219, 28, 54, 0.8); +} + +.article { + background-color: rgb(238, 238, 238); + color: #000000; + margin-bottom: 30%; + margin-left: 10%; + margin-right: 10%; + margin-top: 30%; + padding: 2%; + box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75); +} + +.articleT { + background-color: #1A1717; + color: #ffffff; + float:left; + width: 100%; + margin-left: -2.7%; + padding-left: 5.5%; + margin-top: -2.6%; + margin-bottom:3%; + box-shadow: 0 5px #DB1C36; +} + +/* Design du footer */ +.site-footer { + text-align: center; + background-color:#1A1717; + color: white; + position: absolute; + bottom: 0; + left: 0; + right: 0; + box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.3); +} + +.site-footer a { + color: white; +} + +/* Design info dev */ +.dev-info-devs { + margin-top: 10%; + margin-left:10%; + margin-right: 10%; + border: 1px solid white; + padding-left: 2%; + padding:5px; + background-color: white; + box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75); + display: inline-block; +} + +.dev-info-devs-text-name { + font-weight: 500; + margin: 0px 0px 5px 0px; + font-size: 24px; + color: #FF5722; +} + +.dev-info-devs-text-poste { + font-weight: 500; + margin: 0px 0px 5px 0px; + font-size: 16px; +} + +/* Design de la photo polaroid du husky */ +.husky-zone { + text-align: center; + background-color: #444141; + margin-bottom: 10%; +} + +.husky-box { + padding: 2%; + background-color: white; + display: inline-block; + box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75); +} + +.husky { + display: inline-block; + width: 250px; + height:250px; + border: none; +} + +.husky-about { + font-size:12px; /* Une police plus grande pose problème pour les écran de baisse résolution comme le mien ! A régler !*/ + color: black; +} + +.style-content{ + /*position: absolute;*/ +} diff --git a/ressources/styles/menu_gost.css b/ressources/styles/menu_gost.css new file mode 100755 index 0000000..0c2b834 --- /dev/null +++ b/ressources/styles/menu_gost.css @@ -0,0 +1,81 @@ +/* +nom projet : NeoKron Projekt +nom fichier : menu_gost.css +Auteurs : Adrien Robert & Corentin Breton +version : 7.1 +Note: Permet de modifier le design du menu +*/ +#main-nav { + padding: 0; + background-color: #231F20; +} + +#main-menu { + width: 100%; + float: left; + height: 100%; + font-family: FreeSetLightC; + margin-top: 10px; + margin-bottom: 10px; + margin-left: 6%; + margin-right: auto; +} + +#main-menu li { + float: left; + width: 20%; + height: 100%; + border-right: 1px dashed #434243; + border-left: 1px dashed #434243; + overflow: hidden; + border-radius: 5px; +} + +#main-menu li a { + position: relative; + display: block; + height: 100%; + text-align: center; + padding-top: 14px; + padding-bottom: 14px; + text-decoration: none; + color: #FFF; + text-transform: uppercase; + background-color: #231F20; + border-top: 4px solid #231F20; + border-bottom: 4px solid #231F20; +} + +#main-menu li ul { + position: absolute; +} + +#main-menu li a:hover { + border-top: 4px solid #DB1C36; + border-bottom: 4px solid #231F20; +} + +#main-menu li a:hover { + border-top: 4px solid #DB1C36; + border-bottom: 4px solid #231F20; +} + +#main-menu-sous { + position: absolute; + width: 100%; + display: block; + left: -1000em; +} + + +#main-menu li:hover ul +{ + left: auto; + position: absolute; + z-index: 2; +} + +#en_cours { + border-top: 0 solid #231F20; + border-bottom: 4px solid #DB1C36; +}
\ No newline at end of file |