theme updated : webfont, colored cats, titles : home near ok
This commit is contained in:
Bachir Soussi Chiadmi
@@ -7122,11 +7122,14 @@ th.hide-for-touch {
|
||||
display: table-cell !important; } }
|
||||
|
||||
body {
|
||||
font-family: "CiutadellaRounded", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
|
||||
letter-spacing: 1px; }
|
||||
font-family: "cocogoose", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
|
||||
letter-spacing: 1px;
|
||||
font-weight: 300;
|
||||
font-variant: normal;
|
||||
color: #5b2d87; }
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
font-family: "CiutadellaRounded", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; }
|
||||
font-family: "cocogoose", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; }
|
||||
|
||||
a, a:hover {
|
||||
color: inherit; }
|
||||
@@ -7167,17 +7170,13 @@ header#top-bar {
|
||||
top: 0;
|
||||
width: 100%;
|
||||
z-index: 9; }
|
||||
header#top-bar:before {
|
||||
content: "";
|
||||
background: transparent !important;
|
||||
border-top: 0.3em solid #5b2d87;
|
||||
display: block;
|
||||
padding-bottom: 0.9em; }
|
||||
header#top-bar > .bg {
|
||||
padding-top: 0.9em;
|
||||
background-color: rgba(255, 255, 255, 0.95); }
|
||||
header#top-bar > .bg > .row {
|
||||
position: relative;
|
||||
display: block; }
|
||||
display: block;
|
||||
padding: 0 0.7em; }
|
||||
header#top-bar #title-area {
|
||||
position: relative;
|
||||
height: 10.1em;
|
||||
@@ -7204,9 +7203,9 @@ header#top-bar {
|
||||
header#top-bar h1, header#top-bar h2 {
|
||||
text-align: center; }
|
||||
header#top-bar h1 a, header#top-bar h2 a {
|
||||
color: #000; }
|
||||
color: inherit; }
|
||||
header#top-bar .nav {
|
||||
padding: 0 0.7em;
|
||||
padding: 0;
|
||||
position: relative;
|
||||
height: 100%; }
|
||||
header#top-bar .nav ul {
|
||||
@@ -7218,44 +7217,86 @@ header#top-bar {
|
||||
header#top-bar .nav .wrapper {
|
||||
padding-top: 4.55em; } }
|
||||
header#top-bar #left-nav {
|
||||
line-height: 0.5; }
|
||||
header#top-bar #left-nav a {
|
||||
font: "CiutadellaRounded", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
|
||||
font-size: 0.95em;
|
||||
font-weight: bold; }
|
||||
header#top-bar #left-nav a:hover {
|
||||
font: "CiutadellaRounded", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
|
||||
font-size: 0.95em;
|
||||
font-weight: bold;
|
||||
text-decoration: underline; }
|
||||
header#top-bar #right-nav {
|
||||
text-align: right; }
|
||||
header#top-bar #right-nav h4 {
|
||||
font: "CiutadellaRounded", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
|
||||
font-size: 0.95em;
|
||||
font-weight: bold;
|
||||
text-align: left; }
|
||||
header#top-bar #left-nav h4 {
|
||||
font: "cocogoose", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
|
||||
font-size: 0.8em;
|
||||
font-weight: 300;
|
||||
font-variant: normal;
|
||||
margin: 0;
|
||||
line-height: 1.9; }
|
||||
header#top-bar #right-nav h4 a:hover {
|
||||
text-decoration: underline; }
|
||||
header#top-bar #right-nav ul {
|
||||
background-color: transparent; }
|
||||
header#top-bar #right-nav li {
|
||||
header#top-bar #left-nav h4 a {
|
||||
color: #5b2d87; }
|
||||
header#top-bar #left-nav ul {
|
||||
background-color: transparent;
|
||||
padding-bottom: 1em; }
|
||||
header#top-bar #left-nav li {
|
||||
line-height: 1;
|
||||
overflow: hidden;
|
||||
height: 0.01px;
|
||||
transition: height 0.3s ease-in; }
|
||||
header#top-bar #right-nav li a {
|
||||
display: block;
|
||||
font: "CiutadellaRounded", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
|
||||
font-size: 0.8em;
|
||||
font-weight: normal; }
|
||||
transition: height 0.3s ease-in;
|
||||
position: relative; }
|
||||
header#top-bar #left-nav li a {
|
||||
display: block; }
|
||||
header#top-bar #left-nav li a:before {
|
||||
content: "";
|
||||
opacity: 1;
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
border-width: 3px;
|
||||
border-style: solid;
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
border-radius: 6px; }
|
||||
header#top-bar #left-nav li a.tag-1:before {
|
||||
border-color: #e30613; }
|
||||
header#top-bar #left-nav li a.tag-2:before {
|
||||
border-color: #00acba; }
|
||||
header#top-bar #left-nav li a.tag-3:before {
|
||||
border-color: #5b2d87; }
|
||||
header#top-bar #left-nav li a.tag-4:before {
|
||||
border-color: #f7a939; }
|
||||
header#top-bar #left-nav li a.tag-5:before {
|
||||
border-color: #95c11f; }
|
||||
header#top-bar #left-nav li a.tag-6:before {
|
||||
border-color: #e5007d; }
|
||||
header#top-bar #left-nav li a.tag-7:before {
|
||||
border-color: #009641; }
|
||||
header#top-bar #left-nav li a.tag-8:before {
|
||||
border-color: #009fe3; }
|
||||
header#top-bar #left-nav li a span {
|
||||
font: "cocogoose", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
|
||||
font-size: 0.8em;
|
||||
font-weight: 300;
|
||||
font-variant: normal;
|
||||
font-weight: 300;
|
||||
white-space: nowrap;
|
||||
padding: 0.15em 0.3em; }
|
||||
@media only screen and (min-width: 40.0625em) {
|
||||
header#top-bar #right-nav:hover li {
|
||||
header#top-bar #left-nav:hover li {
|
||||
height: 1.1em;
|
||||
transition: height 0.5s ease-out; }
|
||||
header#top-bar #right-nav:hover li:hover span {
|
||||
header#top-bar #left-nav:hover li:hover span {
|
||||
text-decoration: underline; } }
|
||||
header#top-bar #right-nav {
|
||||
text-align: right;
|
||||
line-height: 0.5; }
|
||||
header#top-bar #right-nav a {
|
||||
font: "cocogoose", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
|
||||
font-size: 0.8em;
|
||||
font-weight: 300;
|
||||
font-variant: normal; }
|
||||
header#top-bar #right-nav a:hover {
|
||||
font: "cocogoose", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
|
||||
font-size: 0.8em;
|
||||
font-weight: 300;
|
||||
font-variant: normal;
|
||||
text-decoration: underline; }
|
||||
header#top-bar div.line {
|
||||
bottom: 0;
|
||||
height: 1px;
|
||||
content: " ";
|
||||
border-bottom: 1px solid #e30613; }
|
||||
|
||||
/*
|
||||
_____ _
|
||||
@@ -7266,7 +7307,7 @@ header#top-bar {
|
||||
\_____\___|_| |_|\__\___|_|
|
||||
*/
|
||||
div#center {
|
||||
padding-top: 12.3em;
|
||||
padding-top: 11.3em;
|
||||
padding-bottom: 6em;
|
||||
/*
|
||||
* LIST PROJET
|
||||
@@ -7282,9 +7323,10 @@ div#center {
|
||||
div#center p {
|
||||
line-height: 1.5;
|
||||
position: relative;
|
||||
font: "CiutadellaRounded", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
|
||||
font: "cocogoose", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
|
||||
font-size: 0.8em;
|
||||
font-weight: normal; }
|
||||
font-weight: 300;
|
||||
font-variant: normal; }
|
||||
div#center p span.stab {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
@@ -7292,66 +7334,122 @@ div#center {
|
||||
div#center p a {
|
||||
text-decoration: underline; }
|
||||
div#center .projet-block {
|
||||
padding: 0.7em;
|
||||
padding: 0.7em 0.7em 2em;
|
||||
text-align: left; }
|
||||
div#center .projet-block nav.categories {
|
||||
margin: 0; }
|
||||
div#center .projet-block nav.categories ul {
|
||||
margin: 0; }
|
||||
div#center .projet-block nav.categories ul li {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
min-width: 12px;
|
||||
height: 12px;
|
||||
margin-right: -0.2em; }
|
||||
div#center .projet-block nav.categories ul li a {
|
||||
display: block; }
|
||||
div#center .projet-block nav.categories ul li a:before {
|
||||
content: "";
|
||||
opacity: 1;
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
border-width: 3px;
|
||||
border-style: solid;
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
border-radius: 6px; }
|
||||
div#center .projet-block nav.categories ul li a.tag-1:before {
|
||||
border-color: #e30613; }
|
||||
div#center .projet-block nav.categories ul li a.tag-2:before {
|
||||
border-color: #00acba; }
|
||||
div#center .projet-block nav.categories ul li a.tag-3:before {
|
||||
border-color: #5b2d87; }
|
||||
div#center .projet-block nav.categories ul li a.tag-4:before {
|
||||
border-color: #f7a939; }
|
||||
div#center .projet-block nav.categories ul li a.tag-5:before {
|
||||
border-color: #95c11f; }
|
||||
div#center .projet-block nav.categories ul li a.tag-6:before {
|
||||
border-color: #e5007d; }
|
||||
div#center .projet-block nav.categories ul li a.tag-7:before {
|
||||
border-color: #009641; }
|
||||
div#center .projet-block nav.categories ul li a.tag-8:before {
|
||||
border-color: #009fe3; }
|
||||
div#center .projet-block nav.categories ul li a span {
|
||||
position: absolute;
|
||||
z-index: -1;
|
||||
font-size: 0.7em;
|
||||
font-weight: 300;
|
||||
background-color: #fff;
|
||||
white-space: nowrap;
|
||||
opacity: 0;
|
||||
transition: opacity 0.3s ease-in-out;
|
||||
padding: 0.2em 0.3em;
|
||||
width: 0; }
|
||||
div#center .projet-block nav.categories ul li a:hover span {
|
||||
opacity: 1;
|
||||
width: auto;
|
||||
z-index: 10; }
|
||||
div#center .projet-block a.image-link {
|
||||
display: block; }
|
||||
div#center .projet-block header {
|
||||
position: relative;
|
||||
margin-top: -3em;
|
||||
padding-top: 3.5em;
|
||||
padding-bottom: 0.7em;
|
||||
transition: background-color 0.3s ease-in; }
|
||||
padding-bottom: 0.7em; }
|
||||
div#center .projet-block header > * {
|
||||
font-family: "CiutadellaRounded", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
|
||||
text-align: left;
|
||||
font-family: "cocogoose", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
|
||||
text-align: center;
|
||||
padding: 0;
|
||||
margin: 0; }
|
||||
div#center .projet-block h1 {
|
||||
font: "CiutadellaRounded", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
|
||||
font: "cocogoose", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
|
||||
font-size: 0.95em;
|
||||
font-weight: bold;
|
||||
font-weight: 500;
|
||||
font-variant: normal;
|
||||
color: #5b2d87;
|
||||
margin: 0 0 0.5em 0;
|
||||
line-height: 1.4;
|
||||
height: auto;
|
||||
display: inline-block;
|
||||
position: relative; }
|
||||
margin: 0.4em 0 0.5em 0;
|
||||
line-height: 1.6;
|
||||
height: auto; }
|
||||
div#center .projet-block h1 span.date {
|
||||
font-weight: normal; }
|
||||
div#center .projet-block h1 span.date:before {
|
||||
content: "|";
|
||||
padding-right: 0.5em;
|
||||
margin-left: 0.5em; }
|
||||
font-weight: 200;
|
||||
border-left: 1px solid #5b2d87;
|
||||
padding: 0.2em 0 0 0.5em;
|
||||
margin-left: 0.2em; }
|
||||
div#center .projet-block h2 {
|
||||
font: "CiutadellaRounded", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
|
||||
font: "cocogoose", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
|
||||
font-size: 0.8em;
|
||||
font-weight: normal;
|
||||
margin: -0.4em 0 0;
|
||||
font-weight: 300;
|
||||
font-variant: normal;
|
||||
margin: 0.4em 0 0;
|
||||
line-height: 1; }
|
||||
div#center .projet-block h2 a {
|
||||
color: #5b2d87; }
|
||||
div#center .projet-block.projet-block-text {
|
||||
text-align: left; }
|
||||
div#center .projet-block.projet-block-text h1 {
|
||||
margin-bottom: 0.3em; }
|
||||
div#center .projet-block.projet-block-text h2 {
|
||||
font: "CiutadellaRounded", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
|
||||
font: "cocogoose", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
|
||||
font-size: 0.95em;
|
||||
font-weight: bold;
|
||||
font-weight: 500;
|
||||
font-variant: normal;
|
||||
margin-bottom: 0.3em; }
|
||||
div#center .projet .row {
|
||||
margin: 0; }
|
||||
div#center .projet h1 {
|
||||
font: "CiutadellaRounded", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
|
||||
font: "cocogoose", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
|
||||
font-size: 0.95em;
|
||||
font-weight: bold;
|
||||
font-weight: 500;
|
||||
font-variant: normal;
|
||||
margin: 0;
|
||||
padding: 0 0.7em;
|
||||
line-height: 1;
|
||||
display: inline-block; }
|
||||
div#center .projet h2 {
|
||||
font: "CiutadellaRounded", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
|
||||
font: "cocogoose", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
|
||||
font-size: 0.8em;
|
||||
font-weight: normal;
|
||||
font-weight: 300;
|
||||
font-variant: normal;
|
||||
margin: -0.2em 0 0.7em;
|
||||
line-height: 1;
|
||||
padding: 0 0.7em; }
|
||||
@@ -7381,15 +7479,17 @@ div#center {
|
||||
div#center nav.categories ul.tags li a {
|
||||
display: block; }
|
||||
div#center nav.categories ul.tags li span {
|
||||
font: "CiutadellaRounded", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
|
||||
font: "cocogoose", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
|
||||
font-size: 0.8em;
|
||||
font-weight: normal; }
|
||||
font-weight: 300;
|
||||
font-variant: normal; }
|
||||
div#center nav.categories ul.tags li.active span {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
font: "CiutadellaRounded", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
|
||||
font: "cocogoose", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
|
||||
font-size: 0.95em;
|
||||
font-weight: bold;
|
||||
font-weight: 500;
|
||||
font-variant: normal;
|
||||
border-bottom: 1px solid #000;
|
||||
line-height: 0.2; }
|
||||
div#center #diaporama {
|
||||
@@ -7413,9 +7513,10 @@ div#center {
|
||||
margin: 0 0 1em;
|
||||
padding: 0.7em; }
|
||||
div#center .client-block h3 {
|
||||
font: "CiutadellaRounded", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
|
||||
font: "cocogoose", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
|
||||
font-size: 0.95em;
|
||||
font-weight: bold;
|
||||
font-weight: 500;
|
||||
font-variant: normal;
|
||||
line-height: 0.6;
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
@@ -7423,9 +7524,10 @@ div#center {
|
||||
padding: 0; }
|
||||
div#center .client-block h4 {
|
||||
margin: 0;
|
||||
font: "CiutadellaRounded", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
|
||||
font: "cocogoose", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
|
||||
font-size: 0.8em;
|
||||
font-weight: normal; }
|
||||
font-weight: 300;
|
||||
font-variant: normal; }
|
||||
div#center .client-block h4 a:hover {
|
||||
text-decoration: underline; }
|
||||
|
||||
@@ -7461,7 +7563,7 @@ div#center {
|
||||
header#top-bar #right-nav {
|
||||
right: 0; }
|
||||
div#center {
|
||||
padding-top: 11.2em;
|
||||
padding-top: 10.2em;
|
||||
padding-bottom: 6em; }
|
||||
body.categories a.projet-img {
|
||||
display: none; } }
|
||||
@@ -7484,9 +7586,10 @@ footer#bottom-bar {
|
||||
text-align: center;
|
||||
padding: 1em 0; }
|
||||
footer#bottom-bar h1 {
|
||||
font: "CiutadellaRounded", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
|
||||
font: "cocogoose", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
|
||||
font-size: 0.95em;
|
||||
font-weight: bold;
|
||||
font-weight: 500;
|
||||
font-variant: normal;
|
||||
height: auto;
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
@@ -7496,9 +7599,10 @@ footer#bottom-bar {
|
||||
font-weight: inherit;
|
||||
color: inherit; }
|
||||
footer#bottom-bar address {
|
||||
font: "CiutadellaRounded", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
|
||||
font: "cocogoose", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
|
||||
font-size: 0.8em;
|
||||
font-weight: normal;
|
||||
font-weight: 300;
|
||||
font-variant: normal;
|
||||
margin: -0.7em 0 0;
|
||||
line-height: 1.1;
|
||||
font-style: normal; }
|
||||
|
||||
Reference in New Issue
Block a user