Commit 1d26554a authored by Evonne Cheung's avatar Evonne Cheung Committed by Robert Lyon
Browse files

Design change for primary school theme



Change-Id: I28f8438d667059443a2c9be98bda4c51f8ce6008
Signed-off-by: Robert Lyon's avatarRobert Lyon <robertl@catalyst.net.nz>
parent 0e5a53aa
......@@ -330,4 +330,31 @@
&:hover {
background-color: lighten($brand-primary, 5%);
}
}
// 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;
}
}
// external media block video overflows
.mediaplayer-container {
overflow: hidden;
}
// copy page table buttons
.searchlist .right .form-as-button .btn-sm {
margin-bottom: 3px;
}
\ No newline at end of file
// *
// * This file is for hotfixes, hacks, and anything that you don't have time to test
// * or implement properly. If you are unsure where to put something, it is ok to put it
// * here.
// *
// * Please comment your code to make it easier for someone to fix or hunt down later.
// *
// *
.arrow-bar {
.arrow {
width: auto;
@media (max-width: $screen-md-min) {
width: auto;
}
}
// to theme the Résumé nav differently from groups
&.Résumé {
background-color: lighten(#ca0238, 5%);
.arrow {
background-color: #ca0238;
&:after {
border-left: 14px solid #ca0238;
}
}
.nav-inpage {
&.nav > li {
&.active > a,
&.active > button, {
color: #ca0238;
}
}
}
}
}
\ No newline at end of file
// Modifications and extra use cases for bootstrap buttons
.btn.text-left {
text-align:left;
}
.btn.text-right {
text-align:right;
}
.btn label {
min-width: 0;
}
.btn-link-danger {
color: $brand-danger;
}
.btn-text {
color: inherit;
padding:0;
}
.btn {
vertical-align: baseline;
.customrow & {
margin-top: 25px; // layout builder button alignment
}
input {
margin-top: 0;
}
&.checkbox input.checkbox {
width: auto;
display: inline-block;
float: right;
}
}
// Used on pending friends page
.btn-toggle.panel-footer {
padding:0;
> .btn {
border-radius: 0;
width: 50%;
float: left;
height: 42px;
line-height: 30px;
&:first-child {
border-radius: 0 0 0 3px;
border-right: 1px solid $panel-default-border;
}
&:last-child {
border-radius: 0 0 3px 0;
}
.btn {
padding: 0;
margin: 0;
color: inherit;
&:hover {
text-decoration: none;
}
}
form {
display: inline-block;
}
&:hover {
color: #222;
background: $gray-lighter;
text-decoration: none;
.icon {
color: #777;
}
}
}
}
h1 + div > .btn-top-left,
.page-header + div.btn-top-left {
float: none;
margin-bottom: 0;
@media (min-width: $screen-xs-min) {
margin-top: -53px;
.page-header + & {
margin-top: -43px;
}
}
form {
margin: 0 !important;
display: inline-block;
.form-group-inline {
padding: 0;
}
}
}
h1 ~ div > .btn-group-top,
.page-header ~ div.btn-group-top,
.page-header + .btn-action-list .btn-group-top,
.nav-tabs + div.btn-group-top {
margin-top: -20px;
}
.btn-group-top {
float: right;
position: relative;
z-index: 1;
.btn {
@include border-top-radius(0);
border-top: 0;
}
.btn-group-top {
margin: 0;
}
}
.nav-tabs + div.btn-group-top{
margin-top: 0;
}
td.btn-group {
min-width: 300px;
}
// Often the same template is used to render buttons at the top of the page and
// in a list group. cf. groups table/groups
.list-group,
.panel-heading {
.btn-group {
@include clearfix;
text-align: right;
float: right;
margin-top: -10px;
margin-bottom:11px;
@media (min-width: $screen-xs-max ) {
@include clearfix;
@media (max-width: $screen-xs-max ) {
&.btn-group-top .btn {
@include border-top-radius(0);
border-top: 0;
}
}
@media (max-width: $screen-xs-max ) {
margin-top: 10px;
}
.btn {
@extend .btn-sm;
}
// this means that in the 'smaller view' we hide the element with this class
// cf buttons in list group
.hide-small {
@extend .sr-only;
}
.btn-top-right {
margin: 0; // negate nested margin
}
}
.btn-action-list{
float:right;
width:100%;
}
}
// Edit page configure buttons
.panel-secondary .blockinstance-controls .btn-group-top {
position: absolute;
top: 10px;
right: 10px;
.btn {
background: rgba(#ccc, 0.8);
&:hover {
background: rgba(#ddd, 1);
}
}
}
// Page editor column + and - controls
.btn-header {
width:100%;
&.btn-two .btn {
width: 25%;
&:first-child {
width:75%
}
}
&.btn-three .btn {
width: 50%;
&:first-child,
&:last-child {
width:25%;
}
}
}
//page builder collapsible
.btn-group-vertical {
.indicator {
margin-left: -4px;
font-size: 9px;
&.icon-arrows {
vertical-align: middle;
margin-left: -7px;
}
}
.block-icon {
vertical-align: middle;
margin-left:-2px;
font-size: 14px;
.col-collapsed & {
margin-left: 2px;
font-size: 18px;
}
}
&.btn-accordion {
.btn {
font-size: 13px;
margin-bottom: -1px;
max-width: 100%;
overflow: hidden;
width:100%;
&.ui-accordion-header {
margin-bottom: -3px;
}
&.last {
border-bottom-radius: 3px;
background-color: #F9F9F9
}
}
// To override btn-primary colour
.btn-primary {
color: $gray-dark;
background: darken($brand-default, 10%);
border-color: #adadad;
}
}
label {
font-size: 12px;
white-space: normal;
vertical-align: middle;
padding: 0;
padding-right: 5px;
padding-top: 3px;
width: auto;
max-width: 90%;
margin-left: 2px;
}
}
//page builder collapsible
.btn-accordion.ui-accordion .ui-accordion-content {
@include box-sizing(border-box);
border-radius: 0;
margin-top: 10px;
margin-bottom:15px;
padding: 0;
max-width:100%;
border:0;
.btn-group-vertical {
@include box-sizing(border-box);
max-width: 100%;
width: 100%;
// take away the edges on inner accordion buttons
.btn {
border-radius: 0;
display:block;
margin: 0;
&:not(:last-child) {
border-bottom: 0;
&:hover {
+.btn {
border-top-color: darken($btn-default-border, 12%);
}
}
}
}
}
}
// Hack to fix the inline script tags that keep getting in places they don't belong
.btn-group .form-as-button.last + script + .btn {
margin-left: -1px;
}
.btn {
.icon-chevron-down {
opacity: 0.5;
}
&:hover {
.icon-chevron-down {
opacity: 1;
}
}
}
.btn:disabled {
.icon {
opacity:0.3;
font-family: $font-family-sans-serif;
font-size: 14px;
}
}
.btn-with-heading {
float: right;
margin-top:-75px;
}
// login box btns for external login
.login-externallink {
display: inline-block;
.login-externallink .btn {
color: $btn-primary-color;
background: $btn-primary-bg;
border-color: $btn-primary-border;
.persona-button,
.btn {
border-radius: 3px;
cursor: pointer;
display: inline-block;
font-size: 14px;
font-weight: 400;
line-height: 1.5;
margin-bottom: 0;
padding: 6px 9px;
text-align: center;
white-space: nowrap;
border: 1px solid $btn-primary-border;
color: $btn-primary-color;
background: $btn-primary-bg;
&:focus,
&:hover {
background: darken($btn-primary-bg, 10%);
text-decoration: none;
}
}
\ No newline at end of file
span {
color: $btn-primary-color;
}
}
}
// using bootstrap popover to style the help content
span.help {
.icon {
color: #53add4;
}
}
.contextualHelp {
.help-dismiss {
color: $brand-primary;
}
}
.expand-indicator,
.move-indicator {
@extend .text-muted;
font-size: 9px;
vertical-align: middle;
margin-left: -7px;
opacity: 0.7;
a:hover &,
.panel-heading:hover & {
opacity: 1;
}
.panel-secondary & {
margin-top: -5px;
margin-left: -6px;
margin-right: -2px;
color: #FFF;
}
}
//dash
.collapse-indicator {
color: #aaa;
font-size: 13px;
display: block;
transition-duration: 0.3s;
&.pull-right {
margin: 2px 0 0;
}
&.text-small {
font-size: 11px;
}
.collapsed & {
color: #aaa;
}
a:hover &,
a:focus & {
color: #555;
}
.collapsed ~ & {
transform: rotate(180deg);
transition-duration: 0.3s;
margin-top: 5px;
}
}
//dash inner
//messages: inbox, sent
//admin: site options
......@@ -56,44 +19,6 @@
color: lighten($brand-primary, 10%);
}
.collapse-indicator {
transform: rotate(-180deg);
transition-duration: 0.3s;
color: $brand-primary;
margin-top: 5px;
line-height: 13px;
height: auto;
}
&.collapsed .collapse-indicator {
transform: rotate(0deg);
transition-duration: 0.3s;
margin-top: 2px;
}
}
.expand-indicator {
font-size: 12px;
padding-right: 5px;
+ .icon {
color: $text-color;
&:hover, &:focus {
color: lighten($text-color, 10%);
}
}
}
// syntax change if link is an outer-link
[data-toggle="collapse"].outer-link {
&.collapsed {
~ .collapse-indicator {
color: #aaa;
}
}
&:hover,
&:focus {
~ .collapse-indicator {
color: #555;
}
}
}
}
\ No newline at end of file
// // modiufications for list elements such a list of pages, collections
// Left panel
.list-group {
a {
// color: inherit;
&.tag {
display:inline-block;
@extend .text-success;
}
&.text-success {
@extend .text-success;
}
&.text-link {
@extend .text-link;
}
}
.panel-body & {
margin-bottom: 0;
}
.user-panel & {
min-height: 41px;
}
.list-nested {
margin: 5px -15px 0;
> li > a {
padding: 3px 15px;
}
}
&.list-group-unbordered {
li {
border:0;
padding: 5px 7px;
}
}
&.list-group-lite .list-group-item {
border-radius: 0;
border-left: 0;
border-right: 0;
}
&.attachment-incontent {
border-left: 1px solid #ddd; // Full Journal attachment list block
}
}
.list-group-item-heading {
font-family: $font-family-sans-serif;
font-weight: 300;
a {
&:hover {
color: $link-color;
&.inner-link {
text-decoration: underline;
}
.metadata {
color: $link-color;
}
}
&.collapsible {
display: block;
}
}
}
h4.list-group-item-heading {
font-size: $font-size-base + 2;
}
.list-g