Commit 5e15470d authored by Evonne Cheung's avatar Evonne Cheung Committed by Robert Lyon
Browse files

Bug 1674518: Design changes for themes

Change-Id: Ib22e09ecc91221f5a42f2d2b16f614c8b067a84a
behatnotneeded: design changes only
parent ff4a9a9d
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
// Generic custom css (anything longer than a screen view should have its own component file)
// Tag result page
.mytags {
margin-bottom: 25px;
.tagfreq.badge {
font-weight: 300;
font-size: 10px;
padding: 3px 5px;
margin-bottom: 10px;
vertical-align: super;
}
}
// makes the edit page toolbar position more fitting for this theme, plus responsive position
.toolbar-affix.affix {
top: 90px;
@media (max-width: $screen-sm-min) {
top: 0;
}
}
// viewfooter
.viewfooter {
padding: 10px 15px !important;
padding: 15px;
background-color: $panel-default-heading-bg;
border-radius: 10px;
margin-top: 20px;
h3:first-child {
margin-top: 0;
}
h4:first-child {
margin-top: 0;
}
.pieform {
.files {
.btn {
margin-left: 0; // fixes the attach file btn alignment
}
}
}
}
// blog post headings
.myblogs {
h1 {
border-bottom: 0;
padding-bottom: 0;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
color: #000000;
}
.postdescription {
border-top: 1px dotted #d1d1d1;
}
}
// copy page table buttons
.searchlist .right .form-as-button .btn-sm {
margin-bottom: 3px;
}
// comment delete button alignment
.comment-item-buttons {
.form-as-button {
&.delete-comment {
margin-top: 0;
}
}
}
\ No newline at end of file
.arrow-bar {
.nav-inpage {
&.nav {
> li {
> a {
margin-bottom: 9px;
}
}
}
}
.arrow {
width: auto;
@media (max-width: $screen-md-min) {
width: auto;
}
}
// to theme the Résumé nav red
&.resume {
background-color: lighten(#ca0238, 5%);
......@@ -23,7 +6,7 @@
.arrow {
background-color: #ca0238;
&:after {
border-left: 14px solid #ca0238;
border-left-color: #ca0238;
}
}
.nav-inpage {
......@@ -43,16 +26,16 @@
.arrow {
background-color: #799323;
&:after {
border-left: 14px solid #799323;
border-left-color: #799323;
}
}
.nav-inpage {
&.nav > li {
&.active > a,
&.active > a,
&.active > button, {
color: #799323;
}
}
}
}
}
\ No newline at end of file
}
// using bootstrap popover to style the help content
span.help {
.icon {
color: #53add4;
}
}
.contextualHelp {
.help-dismiss {
color: $brand-primary;
}
}
......@@ -5,12 +5,12 @@
&:hover,
&:focus {
.icon {
color: $navbar-inverse-toggle-icon-bar-bg;;
color: $navbar-inverse-toggle-icon-bar-bg;
}
}
.active & {
.icon {
color: $navbar-inverse-toggle-icon-bar-bg;;
color: $navbar-inverse-toggle-icon-bar-bg;
}
}
}
......@@ -57,7 +57,7 @@ $menu-styles: (
background-color: #FFFFFF;
}
.navbar-showchildren{
top: 6px;
top: 7px;
}
.child-nav > li {
a {
......
// File imported by tiny mce
@import "../../raw/sass/utilities/theme-variables"; // Import our brand variables
@import "../../raw/sass/utilities/bootstrap-variables";
@import "../../raw/sass/utilities/custom-variables";
// Import our theme based variables (colors, fonts, padding, etc)
@import "utilities/theme-variables"; // Import our theme variables
@import "utilities/bootstrap-variables"; // ...and our custom bootstrap variables file
@import "utilities/custom-variables"; // ...and our custom variables file
@import "../../../lib/bootstrap/assets/stylesheets/bootstrap/mixins";
@import "../../raw/sass/utilities/mixins";
@import "../../../lib/bootstrap/assets/stylesheets/bootstrap/scaffolding";
@import "../../../lib/bootstrap/assets/stylesheets/bootstrap/type";
@import "../../../lib/bootstrap/assets/stylesheets/bootstrap/code";
@import "../../../lib/bootstrap/assets/stylesheets/bootstrap/grid";
@import "../../../lib/bootstrap/assets/stylesheets/bootstrap/tables";
@import "../../../lib/bootstrap/assets/stylesheets/bootstrap/forms";
@import "../../../lib/bootstrap/assets/stylesheets/bootstrap/buttons";
@import "typography/fonts";
@import "../../raw/sass/typography/typography";
@import "../../raw/sass/typography/tables";
@import "../../raw/sass/typography/text";
@import "typography/typography";
@import "typography/tables";
$font-path: '../fonts';
$thin: 100, normal;
$light: 300, normal;
$lightItalic: 300, italic;
$regular: normal, normal;
$italic: normal, italic;
$bold: 700, bold;
$opensans: (
OpenSansLight: $light,
OpenSansLightItalic: $lightItalic,
OpenSansRegular: $regular,
OpenSansItalic: $italic,
OpenSansBold: $bold
);
@each $fontname, $style in $opensans {
@font-face {
font-family: 'Open Sans';
src: url('#{$font-path}/opensans/#{$fontname}.eot');
src: url('#{$font-path}/opensans/#{$fontname}.eot') format('embedded-opentype'),
url('#{$font-path}/opensans/#{$fontname}.woff2') format('woff2'),
url('#{$font-path}/opensans/#{$fontname}.woff') format('woff'),
url('#{$font-path}/opensans/#{$fontname}.ttf') format('truetype'),
url('#{$font-path}/opensans/#{$fontname}.svg##{$fontname}') format('svg');
font-weight: nth($style, 1);
font-style: nth($style, 2);
}
}
@font-face {
font-family: 'GoodDog';
src: url('#{$font-path}/GoodDog/GoodDog-webfont.eot');
src: url('#{$font-path}/GoodDog/GoodDog-webfont.eot') format('embedded-opentype'),
url('#{$font-path}/GoodDog/GoodDog-webfont.woff') format('woff'),
url('#{$font-path}/GoodDog/GoodDog-webfont.ttf') format('truetype'),
url('#{$font-path}/GoodDog/GoodDog-webfont.svg#GoodDog-webfont') format('svg');
src: url('../fonts/GoodDog/GoodDog-webfont.eot');
src: url('../fonts/GoodDog/GoodDog-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/GoodDog/GoodDog-webfont.woff2') format('woff2'),
url('../fonts/GoodDog/GoodDog-webfont.svg#GoodDog-webfont') format('svg'),
url('../fonts/GoodDog/GoodDog-webfont.otf') format('opentype'),
url('../fonts/GoodDog/GoodDog-webfont.ttf') format('truetype'),
url('../fonts/GoodDog/GoodDog-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
\ No newline at end of file
}
.metadata {
font-size: 12px;
}
h1 {
@media (max-width: $screen-sm-min ) {
font-size: 26px;
}
}
// tinymce heading font
.mce-content-body {
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
color: #000000;
font-family: $font-family-sans-serif;
}
h1 {
border-bottom: 0;
padding-bottom: 0;
font-size: 28px;
}
}
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment