Skip to content
This repository has been archived by the owner on Dec 18, 2024. It is now read-only.

NW6 | Fathi Kahin | JS2 | Reading list | Week 3 #177

Open
wants to merge 7 commits into
base: main
Choose a base branch
from
Open
Changes from 1 commit
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
script updated
  • Loading branch information
fhkahin committed Jan 11, 2024
commit b1a23c50e4bcb8efe16967f63a05537ce0be38a8
154 changes: 5 additions & 149 deletions week-3/reading-list/style.css
Original file line number Diff line number Diff line change
@@ -1,3 +1,4 @@

/**
* Base styles to use at the start of the class
*
Expand All @@ -6,154 +7,9 @@
* Class: Scotland 2017
*/

html,
body {
font-family: "Source Sans Pro", -apple-system, system-ui, BlinkMacSystemFont,
"Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

.site-footer {
margin-top: 4em;
}

.site-footer p {
border-top: 1px solid #dccdc6;
padding-top: 2em;
padding-bottom: 2em;
}

.navbar-brand > img {
max-height: 40px;
width: auto;
}

.navbar-light .navbar-nav .nav-link {
color: #292b2c;
font-weight: 600;
text-transform: uppercase;
}

/* Buttons */
.btn {
border-radius: 0.15em;
}

/* Alert */
.alert {
position: relative;
margin-top: 2em;
margin-bottom: 3em;
padding-top: 1.5em;
padding-bottom: 1.5em;
border: 1px solid #dccdc6;
border-radius: 0;
font-size: 0.85rem;
line-height: 1.3em;
background: transparent;
color: #292b2c;
}

.alert:before {
content: "";
position: absolute;
left: -1px;
top: 0;
height: 100%;
width: 1px;
background: #ce5f31;
}

/* Jumbotron */
.jumbotron {
border-radius: 0;
}

/* Headings */
.heading-underline {
position: relative;
margin-bottom: 2em;
padding-bottom: 0.5em;
border-bottom: 1px solid #dccdc6;
font-size: 1rem;
font-weight: 600;
text-transform: uppercase;
}

.heading-underline:before {
content: "";
position: absolute;
bottom: -1px;
left: 0;
width: 25%;
height: 1px;
max-width: 100px;
background: #ce5f31;
}

/* Article */
.article {
margin-bottom: 2em;
}

.article-title {
margin-bottom: 0.5em;
font-weight: 700;
}

.article-read-more a {
font-size: 0.85em;
font-weight: 700;
text-decoration: uppercase;
}

.article-read-more a:hover,
.article-read-more a:focus {
text-decoration: none;
}

.article-read-more .fa {
margin-right: 0.5em;
color: #ce5f31;
}

.article-read-more:last-child {
margin-bottom: 0;
}

.red {
background-color: red;
}

.addArticle {
margin-bottom: 10px;
}

#addArticleBtn {
margin-left: 20px;
height: 37px;
}

.colorButton {
margin-bottom: 20px;
margin-right: 20px;
width: 100px;
height: 50px;
}

#blueBtn {
background: #588fbd;
}

#orangeBtn {
background: #f0ad4e;
}

#greenBtn {
background: #87ca8a;
}

@media screen and (min-width: 992px) {
.navbar-brand > img {
max-height: 80px;
}
body{
font-family: Arial, sans-serif;
background-color: hsl(0, 0%, 95%);
text-align: center;
}