| |
@@ -1,20 +1,21 @@
|
| |
body {
|
| |
- font-family: 'Open Sans';
|
| |
+ font-family: 'Roboto', sans-serif;
|
| |
line-height: 1.8em;
|
| |
font-size: 16px;
|
| |
}
|
| |
|
| |
h1, h2, h3, h4, h5, h6 {
|
| |
- font-family: 'Montserrat';
|
| |
+ font-family: 'Lora', serif;
|
| |
+ font-style: italic;
|
| |
margin-top: 1.4em;
|
| |
}
|
| |
|
| |
a, a:hover {
|
| |
- color: #294172;
|
| |
+ color: #F64747;
|
| |
}
|
| |
|
| |
aside {
|
| |
- background: #3c6eb4;
|
| |
+ background: #F64747;
|
| |
margin: -20px 0 0 0;
|
| |
}
|
| |
|
| |
@@ -26,7 +27,7 @@
|
| |
|
| |
aside .sidebar a {
|
| |
color: white;
|
| |
- font-family: Montserrat;
|
| |
+ font-family: Lora, sans-serif;
|
| |
font-size: 18px;
|
| |
}
|
| |
|
| |
@@ -53,7 +54,7 @@
|
| |
}
|
| |
|
| |
fieldset legend {
|
| |
- font-family: 'Montserrat';
|
| |
+ font-family: 'Lora', serif;
|
| |
font-style: italic;
|
| |
border-bottom: 0px;
|
| |
}
|
| |
@@ -77,16 +78,16 @@
|
| |
|
| |
.btn {
|
| |
background: white;
|
| |
- border: 1px solid #294172;
|
| |
- color: #294172;
|
| |
+ border: 1px solid #F64747;
|
| |
+ color: #F64747;
|
| |
text-transform: uppercase;
|
| |
padding: 0.9em 1.3em;
|
| |
}
|
| |
|
| |
.btn:hover {
|
| |
- background: #294172;
|
| |
+ background: #F64747;
|
| |
color: white;
|
| |
- border: 1px solid #294172;
|
| |
+ border: 1px solid #F64747;
|
| |
}
|
| |
|
| |
.row.content {
|
| |
@@ -114,11 +115,9 @@
|
| |
width: 25%;
|
| |
height: calc(100% + 20px);
|
| |
position: fixed;
|
| |
- display: flex;
|
| |
- justify-content: center;
|
| |
- background: -moz-linear-gradient(top, #3c6eb4 0%, #3c6eb4 27%, #3c6eb4 27%, #3c6eb4 100%);
|
| |
- background: -webkit-linear-gradient(top, #3c6eb4 0%, #3c6eb4 27%, #3c6eb4 27%, #3c6eb4 100%);
|
| |
- background: linear-gradient(to bottom, #3c6eb4 0%, #3c6eb4 27%, #3c6eb4 27%, #3c6eb4 100%);
|
| |
+ background: -moz-linear-gradient(top, #F23030 0%, #f64747 27%, #f64747 27%, #F23030 100%);
|
| |
+ background: -webkit-linear-gradient(top, #F23030 0%,#f64747 27%,#f64747 27%,#F23030 100%);
|
| |
+ background: linear-gradient(to bottom, #F23030 0%,#f64747 27%,#f64747 27%,#F23030 100%);
|
| |
}
|
| |
|
| |
aside .sidebar {
|
| |
@@ -157,62 +156,4 @@
|
| |
|
| |
.emoji {
|
| |
vertical-align: initial;
|
| |
- }
|
| |
-
|
| |
- .btn-login, .btn-logout {
|
| |
- background: none;
|
| |
- color: white;
|
| |
- border: none;
|
| |
- }
|
| |
-
|
| |
- .btn-login:hover, .btn-logout:hover {
|
| |
- background: none;
|
| |
- color: white;
|
| |
- border: none;
|
| |
- }
|
| |
-
|
| |
- .sharebutton {
|
| |
- position: relative;
|
| |
- height: 28px;
|
| |
- box-sizing: border-box;
|
| |
- background-color: #3B5998;
|
| |
- padding: 1px 10px 1px 9px;
|
| |
- color: #fff;
|
| |
- font-weight: 500;
|
| |
- cursor: pointer;
|
| |
- inherit: none;
|
| |
- display: inline-block;
|
| |
- vertical-align: top;
|
| |
- font: normal normal normal 11px/18px 'Helvetica Neue',Arial,sans-serif;
|
| |
- font-size: 0.6em;
|
| |
- line-height: 26px;
|
| |
- border-radius: 4px;
|
| |
- }
|
| |
-
|
| |
- .sharebutton:hover {
|
| |
- text-decoration: none;
|
| |
- color: #fff;
|
| |
- background-color: #2f4779;
|
| |
- }
|
| |
-
|
| |
- .google{
|
| |
- background-color: #d34836;
|
| |
- }
|
| |
-
|
| |
- .google:hover{
|
| |
- background-color: #b72213;
|
| |
- }
|
| |
-
|
| |
- @media (max-width: 360px) {
|
| |
- .btn-responsive {
|
| |
- font-size: 15px;
|
| |
- }
|
| |
- }
|
| |
-
|
| |
- .twitter {
|
| |
- background-color: #00aced;
|
| |
- }
|
| |
-
|
| |
- .twitter:hover {
|
| |
- background-color: #0084b4;
|
| |
}
|
| |
\ No newline at end of file
|
| |
feisal
commented 5 years ago
Modified the sidebar to have a red background color just like the upstream github repo, changed the font style and put white border in the login button
kindly check the images of the change in the issue at https://pagure.io/fedora-commops/fedora-happiness-packets/issue/113