Design change for primary school theme

Change-Id: I28f8438d667059443a2c9be98bda4c51f8ce6008
Signed-off-by: Robert Lyon <robertl@catalyst.net.nz>

htdocs/theme/primaryschool/sass/_custom.scss

@@ -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

htdocs/theme/primaryschool/sass/_shame.scss

-// *
-// * 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.
-// *
-// *

htdocs/theme/primaryschool/sass/components/_arrow-bar.scss

+.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

htdocs/theme/primaryschool/sass/components/_btn.scss

-// 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;
+        }
+    }
+}

htdocs/theme/primaryschool/sass/components/_contextual-help.scss

+// using bootstrap popover to style the help content
+span.help {
+    .icon {
+        color: #53add4;
+    }
+}
+
+.contextualHelp {
+
+    .help-dismiss {
+        color: $brand-primary;
+    }
+}
+

htdocs/theme/primaryschool/sass/components/_indicator.scss

 .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

htdocs/theme/primaryschool/sass/components/_list-group.scss

 // // 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