avior/Blog_IMIE
1
0
Fork 0
mirror of https://github.com/Aviortheking/Blog_IMIE.git synced 2025-04-22 10:52:09 +00:00
Code Issues Packages Projects Releases Wiki Activity

color

Browse Source
This commit is contained in:
Adrien 2019-01-28 13:07:31 +01:00
parent f6977fa31a
commit 4788a58aa3
3 changed files with 54 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

48
project/assets/css/style.css
View File

@ -57,8 +57,12 @@ header {
body{ body{
margin: 0; margin: 0;
background-color: #eee; background-color: #eee;
font-family: 'Open Sans', sans-serif;
}
h2{
font-weight: 600;
font-size: 17px;
} }
.test{ .test{
height: 300vh; height: 300vh;
} }
@ -123,7 +127,7 @@ body{
} }
.item_nav_blog_droite.dev:hover{ .item_nav_blog_droite.dev:hover{
color: #f2d761; color: #ffd75f;
} }
.item_nav_blog_droite.digi:hover{ .item_nav_blog_droite.digi:hover{
@ -131,11 +135,11 @@ body{
} }
.item_nav_blog_droite.ops:hover{ .item_nav_blog_droite.ops:hover{
color: #64bdea; color: #2ea3f2;
} }
.item_nav_blog_droite.devops:hover{ .item_nav_blog_droite.devops:hover{
color: #9142b7; color: #ff1c4a;
} }
.item_nav_blog_droite_icon{ .item_nav_blog_droite_icon{
@ -144,7 +148,7 @@ body{
float: right; float: right;
color: rgba(0, 0, 0, .5); color: rgba(0, 0, 0, .5);
padding-bottom: 10px; padding-bottom: 10px;
border-bottom: rgba(0, 0, 0, .1) solid 1px; border-bottom: rgba(255, 255, 255, 0.1) solid 2px;
} }
.bloc_principal{ .bloc_principal{
width: 100%; width: 100%;
@ -231,41 +235,41 @@ input {outline: none}
} }
.article.devops { .article.devops {
border-bottom-color: #9142b7; border-bottom-color: #ff1c4a;
} }
.article .etiquettes { .article .etiquettes, .post .etiquettes {
margin-top: 15px; margin-top: 15px;
} }
.article .date, .article .cat { .article .date, .article .cat, .post .cat, .post .date {
padding: 2px 10px; padding: 2px 10px;
font-size: 13px; font-size: 13px;
} }
.article .date { .article .date, .post .date {
color: gray; color: gray;
background-color: #eee; background-color: #eee;
margin-left: 10px; margin-left: 10px;
} }
.article .cat { .article .cat, .post .cat {
color: white; color: white;
font-weight: bold; font-weight: bold;
} }
.article.ops .cat { .article.ops .cat, .post.ops .cat {
background-color: #2ea3f2; background-color: #2ea3f2;
} }
.article.digi .cat { .article.digi .cat, .post.digi .cat {
background-color: #74d3ac; background-color: #6bb194;
} }
.article.dev .cat { .article.dev .cat, .post.dev .cat {
background-color: #ffd75f; background-color: #ffd75f;
} }
.article.devops .cat { .article.devops .cat, .post.devops .cat {
background-color: #ff1c4a; background-color: #ff1c4a;
} }
@ -286,7 +290,7 @@ input {outline: none}
* ----------------------------------------------------- */ * ----------------------------------------------------- */
.bloc-post{ .bloc-post{
width: 72%; width: 69%;
height: 500px; height: 500px;
margin-top: 70px; margin-top: 70px;
background-color: white; background-color: white;
@ -294,10 +298,11 @@ input {outline: none}
background-size: cover; background-size: cover;
box-shadow: 1px 1px 30px 1px lightgrey; box-shadow: 1px 1px 30px 1px lightgrey;
display: inline-block; display: inline-block;
padding: 45px;
} }
.bloc-filter{ .bloc-filter{
width: 22%; width: 25%;
height: 500px; height: 500px;
margin-top: 70px; margin-top: 70px;
background-color: white; background-color: white;
@ -305,6 +310,15 @@ input {outline: none}
box-shadow: 1px 1px 30px 1px lightgrey; box-shadow: 1px 1px 30px 1px lightgrey;
float: right; float: right;
} }
.post .text{
font-size: 14px;
color: #737272ee;
line-height: 1.5;
margin-top: 28px;
}
.credit{
background-color: #110230;
}
#twi{ #twi{
height: 18px; height: 18px;

23
project/assets/html/post.html
View File

@ -8,6 +8,29 @@
</header> </header>
<main class="test container"> <main class="test container">
<div class="bloc-post"> <div class="bloc-post">
<div class="post ops">
<h2 class="title">Mettre en place un serveur web sous linux</h2>
<div class="etiquettes">
<span class="cat">
OPS
</span>
<span class="date">
26-06-2018
</span>
</div>
<p class="post text">Dum apud Persas, ut supra narravimus, perfidia regis motus agitat insperatos,
et in eois tractibus bella rediviva consurgunt, anno sexto decimo et eo diutius
post Nepotiani exitium, saeviens per urbem aeternam urebat cuncta Bellona, ex primordiis
<br>
<br>
Dum apud Persas, ut supra narravimus, perfidia regis motus agitat insperatos,
et in eois tractibus bella rediviva consurgunt, anno sexto decimo et eo diutius
post Nepotiani exitium, saeviens per urbem aeternam urebat cuncta Bellona, ex primordiis
</p>
</div>
<div class="credit">
<h3>Auteur</h3>
</div>
</div> </div>
<div class="bloc-filter"> <div class="bloc-filter">

2
project/assets/img/logo-imie-blog.svg
View File

@ -1,5 +1,3 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 22.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" <svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 738.1 233.6" style="enable-background:new 0 0 738.1 233.6;" xml:space="preserve"> viewBox="0 0 738.1 233.6" style="enable-background:new 0 0 738.1 233.6;" xml:space="preserve">
<style type="text/css"> <style type="text/css">

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 13 KiB

After

Width:  |  Height:  |  Size: 13 KiB