fix: Tweaked roundings and fonts and fixed assets links in .css.

Need to be tested on Pages to see if links works as well as locally.
This commit is contained in:
Thoscellen 2021-08-10 00:19:33 +02:00
parent acdfe1129d
commit 3e0f980bc6
2 changed files with 10 additions and 10 deletions

View File

@ -18,10 +18,10 @@ h1,
h2, h2,
h3, h3,
button { button {
font-family: "Chalkboard", "Comic Neue", "Comic Sans MS", cursive; font-family: "Comic Sans MS", "Chalkboard", "Comic Neue", cursive;
/* letter-spacing: -0.5px; */ /* letter-spacing: -0.5px; */
text-transform: uppercase; text-transform: uppercase;
font-weight: 700; font-weight: 500;
} }
/* The body of the fake website consist of a scrollable big picture */ /* The body of the fake website consist of a scrollable big picture */
@ -100,10 +100,10 @@ button {
#tabs-container { #tabs-container {
display: flex; display: flex;
font-family: "Chalkboard", "Comic Neue", "Comic Sans MS", cursive; font-family: "Comic Sans MS", "Chalkboard", "Comic Neue", cursive;
/* letter-spacing: -0.5px; */ /* letter-spacing: -0.5px; */
overflow-x: auto; overflow-x: auto;
font-weight: 600; font-weight: 500;
} }
#tabs-container a { #tabs-container a {
@ -181,12 +181,12 @@ input {
height: 40px; height: 40px;
text-transform: initial; text-transform: initial;
font-size: initial; font-size: initial;
font-family: Calibri, Mallanna, "Segoe UI", sans-serif; font-family: Calibri, Mallanna, sans-serif;
} }
#doc-file-viewmode a { #doc-file-viewmode a {
background-image: linear-gradient(#fff, #e9ebef); background-image: linear-gradient(#fff, #e9ebef);
border-radius: 15px; border-radius: 10px;
height: 40px; height: 40px;
min-width: 40px; min-width: 40px;
display: inline-block; display: inline-block;
@ -203,7 +203,7 @@ button {
background-image: linear-gradient(#3889c1, #43b9e7); background-image: linear-gradient(#3889c1, #43b9e7);
color: #fff; color: #fff;
border: none; border: none;
border-radius: 15px; border-radius: 10px;
font-size: initial; font-size: initial;
padding:9px 12px; padding:9px 12px;
} }
@ -288,12 +288,12 @@ button {
.type-folder { .type-folder {
border: 1px solid #efdd77; border: 1px solid #efdd77;
background: left / contain no-repeat url("./assets/folder-large.png") ; background: left / contain no-repeat url("../assets/folder-large.png") ;
} }
.type-file { .type-file {
/* border: 1px solid lightgray; */ /* border: 1px solid lightgray; */
background: left / contain no-repeat url("./assets/unknown-large.png") ; background: left / contain no-repeat url("../assets/unknown-large.png") ;
} }

View File

@ -19,9 +19,9 @@
<a href="#" class="close-button"><img src="assets/closebutton.png"></a> <a href="#" class="close-button"><img src="assets/closebutton.png"></a>
<div id="tabs-container"> <div id="tabs-container">
<span></span> <span></span>
<span class="active"><a href="">Parcourir son Espace Doc</a></span>
<span><a href="#">Intégrer un contenu externe</a></span> <span><a href="#">Intégrer un contenu externe</a></span>
<span><a href="#">Filmer depuis la caméra</a></span> <span><a href="#">Filmer depuis la caméra</a></span>
<span class="active"><a href="">Parcourir son Espace Doc</a></span>
<span></span> <span></span>
</div> </div>
</div> </div>