Skip to content

Commit

Permalink
initial commit
Browse files Browse the repository at this point in the history
  • Loading branch information
@SaidBahaDev
SaidBahaDev committed Sep 29, 2020
0 parents commit e91afa5
Show file tree
Hide file tree
Showing 15 changed files with 1,485 additions and 0 deletions.
Binary file added README.md
Binary file not shown.
51 changes: 51 additions & 0 deletions css/reset.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,51 @@
/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}



295 changes: 295 additions & 0 deletions css/style.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,295 @@
header {
background-color: #c62641;
/* z-index: 999999; */
/* position: relative; */
/* top: 0px; */
}


.header-container {
max-width: 1200px;
margin: 0 auto;
display: flex;
padding-top: 1%;
flex-flow: row wrap;
justify-content: flex-end;
/* position: fixed; */
/* z-index: 999999; */
/* top: 0px; */
}

.logo a {
color: #ffffff;
font-family: 'Josefin Sans', sans-serif;
font-size: 33px !important;
text-transform: none !important;
}

.header-container div a {
text-decoration: none;
color: #ffffff;
font-family: 'Josefin Sans', sans-serif;
font-size: 12px;
margin: 20px;
line-height: 35px;
text-transform: uppercase;
}

.header-container div:first-child {
margin-right: auto;
}


main {
max-width: 1170px;
margin: 0 auto;
box-shadow: rgba(1, 1, 1, 0.15) 0px 30px 50px 0px;
top: -100px;
position: relative;
background-color: #fff;
padding: 5% 0;
/* z-index: 0; */
}

h2 {
font-size: 48px;
font-family: 'Josefin Sans', sans-serif;
text-transform: uppercase;
color: #333333;
line-height: 1.2;
}
.entete {
/* background-color: #c62641; */
width: 100%;
height: 130px;
}

.structure {
max-width: 720px;
margin: 0 auto;
margin-bottom: 80px;
}

h3 {
text-align: center;
text-transform: uppercase;
font-family: 'Josefin Sans', sans-serif;
font-size: 15px;
/* position: absolute; */
padding-bottom: 70px;
/* margin: 0 auto; */
/* left: 50%; */
/* right: 50%; */
}

.titre-page::after {
background: rgba(51, 51, 51, 0.2);
content: "";
height: 1px;
width: 50px;
position: absolute;
margin-top: 30px;
left: 50%;
margin-left: -25px;
}

.lettre {
font-family: 'Josefin Sans';
font-weight: 600;
line-height: 1.2;
color: rgba(0,0,0,.07);
font-size: 170px;
position: absolute;
left: 150px;
}

.structure-header {
margin-bottom: 70px;
}

h4 {
font-family: 'EB Garamond', serif;
color: #888888;
}

p {
font-family: 'EB Garamond', serif;
color: #444444;
font-size: 18px;
line-height: 1.8;
font-weight: 500;
}

form.login {
padding: 10px 0px 0px 80px;
}

label{
display: inline-block;
float: left;
clear: left;
width: 175px;
text-align: left;
font-family: 'Josefin Sans';
margin-bottom: 10px;
font-size: 18px;
}

.btn-1 {
margin-top: 40px;
background-color: #c62641;
color: #fff;
font-family: 'Josefin Sans';
padding: 10px 30px;
text-transform: uppercase;
border: 1px solid #c62641;
font-size: 13.5px;
/* max-width: 150px; */
}
input[type="text"], input[type="password"] {
margin-bottom: 30px;
font-family: 'EB Garamond', serif;
padding-left: 5px;
/* height: 20px; */
width: 100%;
line-height: 2.5;
/* border: none; */
/* background-color: #e91e6300; */
font-size: 16px;
padding-left: 20px;
box-shadow:;
}

.signin, .btn-2, .modifier-btn {
display: inline-block;
border: 1px solid #c62641;
margin-top: 30px;
background: transparent;
color: #c62641;
font-family: 'Josefin Sans';
padding: 10px 30px;
text-transform: uppercase;
font-size: 13.5px;
}


.signin a {
text-decoration: none;
font-family: 'Josefin Sans';
color: #c62641;
}


.login-container{
max-width: 700px;
margin: 0 auto;
margin-bottom: 80px;
}

table, th, td {
border: 2px solid white;
border-collapse: collapse;
}
th, td {
padding: 10px;
text-align: left;
width: 150px;
background-color: #ededed;
}

td>a {
text-decoration: none;
font-family: 'EB Garamond', serif;
color: #444444;
}
td>a:hover {
color: #c62641;
}

.lire-plus-btn {
margin-top: 30px;
background-color: #c62641;
color: #fff;
font-family: 'Josefin Sans';
padding: 10px 30px;
text-transform: uppercase;
border: 1px solid #c62641;
font-size: 13.5px;
width: max-content;
}

.lire-plus-btn a {
color: #fff;
text-decoration: none;
}

.structure-container > h4 {
margin-top: 20px;
}
.lire-plus-btn {
display: inline-block;
}

.modifier-btn {
margin-left: 30px;
}

.modifier-btn a {
text-decoration: none;
color: #c62641;
}

textarea#texte {
max-width: 720px;
margin-bottom: 30px;
font-size: 16px;
font-family: 'EB Garamond', serif;
padding: 20px;
}

table {
margin-bottom: 50px;
}

footer .logo a {
color: #c8c7c7;
/* margin: 0 auto; */
/* text-align: center; */
text-decoration: none;
}

footer .logo {
text-align: center;
margin-bottom: 10px;
}

footer p {
text-align: center;
font-size: 14px;
color: #AAAAAA;
line-height: 1.9;
}

footer {
margin-bottom: 50px;
}

p.erreur {
color: #c62641;
margin-top: 30px;
}

input[type=text], textarea, input[type="password"] {
-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
-ms-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;
outline: none;
border: 1px solid #DDDDDD;
}

input[type=text]:focus, textarea:focus, input[type="password"]:focus {
box-shadow: 0 0 5px #9b9a9a;

border: 1px solid #9b9a9a;
}
Loading

0 comments on commit e91afa5

Please sign in to comment.