Skip to content

(Update) Styling and font fallbacks #635

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 13 commits into from
Mar 10, 2019
2 changes: 1 addition & 1 deletion resources/sass/_variables.scss
Original file line number Diff line number Diff line change
@@ -1 +1 @@
$default-font-family: Exo, Titillium Web, Tahoma, Verdana, sans-serif;
$default-font-family: Exo, Titillium Web, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen","Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
45 changes: 43 additions & 2 deletions resources/sass/main/_custom.scss
Original file line number Diff line number Diff line change
Expand Up @@ -400,7 +400,7 @@ h3,
h4,
h5,
h6 {
font-family: Comfortaa, 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-family: Comfortaa, "Segoe UI", "Roboto", "Oxygen","Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-weight: 300;
line-height: 1.1;
color: inherit;
Expand Down Expand Up @@ -6568,7 +6568,9 @@ body.tvshow .movie-poster {
margin: 15px 0 0;
padding: 0;
line-height: 1.7;
color: #809397;
color: #fff;
text-shadow: 1.3px 1.5px rgba(0, 0, 0, 0.8);
background: rgba(0, 0, 0, 0.1);
}

.movie-overview .translate-trigger {
Expand Down Expand Up @@ -9803,3 +9805,42 @@ section.recommendations div.scroller div.item span.release_date {
section.recommendations div.scroller div.item span.glyphicons {
padding-right: 4px
}

// Pages

.page-content {
line-height: 1.5em;
}

.page-content h1 {
font-weight: bold;
border-bottom: 1px solid #555;
font-size: 1.75em;
}

.page-content h2 {
font-size: 1.5em;
}

.page-content h3 {
font-size: 1.2em;
}

.page-content>blockquote {
color: #555;
border-color: #555;
border-left-width: 3px;
border-radius: 2px;
}

.page-content code,
pre {
color: #555;
background-color: #f5f5f5;
border: 1px solid #ccc;
border-radius: 0;
}

.page-content>pre>code {
border: none;
}
70 changes: 57 additions & 13 deletions resources/sass/themes/galactic.scss
Original file line number Diff line number Diff line change
Expand Up @@ -916,19 +916,63 @@ div.topic-new-post {
background-color: #171717;
}




//Mobile by Peter
@media only screen and (max-width: 613px) {
ul.nav.nav-tabs.mb-5 {
float: left;
display: inline-block;
}
.col-md-10:first-child {
padding-bottom: 4px;
}
.panel .nav-tabs {
padding-bottom: 6px;
padding-top: 6px;
}
float: left;
display: inline-block;
}
.col-md-10:first-child {
padding-bottom: 4px;
}
.panel .nav-tabs {
padding-bottom: 6px;
padding-top: 6px;
}
}

// Pages
.page-content {
line-height: 1.5em;
}

.page-content h1 {
font-weight: bold;
border-bottom: 1px solid #555;
font-size: 1.75em;
}

.page-content h2 {
font-size: 1.5em;
}

.page-content h3 {
font-size: 1.2em;
}

a>strong {
color: var(--color-blue);
}

a>strong:hover {
color: var(--color-light-blue);
}

.page-content>blockquote {
color: var(--text-color);
border-color: var(--color-light-purple);
border-left-width: 3px;
border-radius: 2px;
}

.page-content code,
pre {
color: var(--text-color);
background-color: #232323;
border: 1px solid rgba(255, 255, 255, .2);
border-radius: 3px;
}

.page-content>pre>code {
border: none;
}