Bug 1721623: added plugin's css to be controlled by sass

For both raw and raw_old

Not moving files that are only used for styling
html exported static page:

theme/raw/plugintype/export/html/style/style.css
theme/raw/plugintype/export/html/style/print.css

theme/raw/plugintype/artefact/internal/export/html/style/style.css
	used only in exported static page:
	<path-to-static-page>/files/internal/index.html

theme/raw/plugintype/artefact/resume/export/html/style/style.css
	used only in exported static page:
	<path-to-static-page>/files/resume/index.html

the same for raw_old

Change-Id: Ief02aaee3bd86a30c6cae529953500a3a36ca8c9
behatnotneeded: styles

htdocs/theme/raw/plugintype/auth/webservice/style/webservice.css

-/**
- * Stylesheet for the webservice auth plugin.
- *
- * @author     Catalyst IT Ltd
- * @license    http://www.gnu.org/copyleft/gpl.html GNU GPL version 3 or later
- * @copyright  For copyright information on Mahara, please see the README file distributed with this software.
- *
- * This file is licensed under the same terms as Mahara itself
- */
-
-/*.webservicelogs-info {
-    max-width: 150px;
-    color: red;
-}
-
-tr#authorise_instructions_container th {
-    vertical-align: top;
-}
-
-th {
-    white-space: nowrap;
-}
-
-#pluginconfig table {
-    width: 100%;
-}
-
-td.actions {
-    white-space: nowrap;
-}
-
-span.actions {
-    white-space: nowrap;
-}
-
-img#usersearch {
-    vertical-align: middle;
-}
-
-
-div#verifier {
-    margin-top: 5px;
-}
-
-.arguments {
-    color: #EA33A6;
-}
-
-div.detaildescription {
-    margin: 0px;
-    border:solid 1px #DEDEDE;
-    background:#FFF1BC;
-    color:#222222;
-    padding:4px;
-}
-
-pre.detaildescription {
-    margin: 0px;
-}
-
-div.xmlrpcdescription {
-    margin: 0px;
-    border:solid 1px #DEDEDE;
-    background:#DFEEE7;
-    color:#222222;
-    padding:4px;
-}
-
-div.restdescription {
-    margin: 0px;
-    border:solid 1px #DEDEDE;
-    background:#FEEBE5;
-    color:#222222;
-    padding:4px;
-}
-
-span.response {
-    color: #EA33A6;
-}
-
-.webserviceconfigcontrols {
-    width: 70px;
-    padding: 3px 0 0 5px;
-    white-space: nowrap;
-}
-
-.webserviceconfigcontrols form {
-    display: inline-block;
-    margin-left: 5px;
-}
-
-#webservices_function_groups_add_service {
-    margin-right: 3px;
-}
-
-.heading {
-    font-size: 1.167em;
-    color: #42637b;
-    font-weight: bold;
-}*/

htdocs/theme/raw/plugintype/search/elasticsearch/style/style.css

-/* for search specific styles */
\ No newline at end of file

htdocs/theme/raw/plugintype/blocktype/externalfeed/style/style.css → htdocs/theme/raw/sass/plugin/blocktype/_externalfeed.scss

+/**
+ * CSS rules for the externalfeed blocktype plugin
+ *
+ * @author     Catalyst IT Ltd
+ * @license    http://www.gnu.org/copyleft/gpl.html GNU GPL version 3 or later
+ * @copyright  For copyright information on Mahara, please see the README file distributed with this software.
+
+ * This file is distributed under the same terms as Mahara itself
+ */
 #blocktype_externalfeed_feed .feedlogoimage {
     margin: 10px 0;
 }

htdocs/theme/raw/plugintype/blocktype/externalvideo/style/style.css → htdocs/theme/raw/sass/plugin/blocktype/_externalvideo.scss

+/**
+ * CSS rules for the externalvideo blocktype plugin
+ *
+ * @author     Catalyst IT Ltd
+ * @license    http://www.gnu.org/copyleft/gpl.html GNU GPL version 3 or later
+ * @copyright  For copyright information on Mahara, please see the README file distributed with this software.
+
+ * This file is distributed under the same terms as Mahara itself
+ */
+
 .embedservice_content {
     padding: 10px 0px;
 }
@@ -8,4 +18,4 @@
     border: 1px solid transparent;
     padding: 0px 10px;
     font-size: larger;
-}
\ No newline at end of file
+}

htdocs/theme/raw/plugintype/blocktype/openbadgedisplayer/style/style.css → htdocs/theme/raw/sass/plugin/blocktype/_openbadgedisplayer.scss

+/**
+ * CSS rules for the openbadgedisplayer blocktype plugin
+ *
+ * @author     Catalyst IT Ltd
+ * @license    http://www.gnu.org/copyleft/gpl.html GNU GPL version 3 or later
+ * @copyright  For copyright information on Mahara, please see the README file distributed with this software.
+
+ * This file is distributed under the same terms as Mahara itself
+ */
+
 .openbadgedisplayer {
     padding: 10px;
 }
@@ -47,3 +57,7 @@
 .openbadge-details tr td:first-child {
     min-width: 80px;
 }
+
+.openbadge-details table td {
+    padding: 0 9px;
+}

htdocs/theme/raw/sass/utilities/_index.scss

@@ -90,6 +90,11 @@
 @import "../features/user-pages";
 @import "../features/plan-task";
 
+// Plugin sass
+@import "../plugin/artefact/resume";
+@import "../plugin/blocktype/externalfeed";
+@import "../plugin/blocktype/externalvideo";
+@import "../plugin/blocktype/openbadgedisplayer";
 
 // Supporting sass for library code
 @import "../lib/meter.scss"; // progress bar (old/ported)

htdocs/theme/raw_old/plugintype/artefact/internal/export/html/style/style.css

+/**
+ * CSS rules for internal artefact plugin HTML export
+ *
+ * @author     Catalyst IT Ltd
+ * @license    http://www.gnu.org/copyleft/gpl.html GNU GPL version 3 or later
+ * @copyright  For copyright information on Mahara, please see the README file distributed with this software.
+ */
+.profileinfo th {
+    text-align: right;
+    vertical-align: top;
+    width: 12em;
+    padding: 0 .25em .5em 0;
+}
+.profileinfo td {
+    vertical-align: top;
+    padding: 0;
+}
+#profile-icon {
+    float: right;
+}
+h3 {
+    margin: 1em 0 0.25em 8em;
+}

htdocs/theme/raw_old/plugintype/artefact/resume/export/html/style/style.css

+/**
+ * CSS rules for resume artefact plugin HTML export
+ *
+ * @author     Catalyst IT Ltd
+ * @license    http://www.gnu.org/copyleft/gpl.html GNU GPL version 3 or later
+ * @copyright  For copyright information on Mahara, please see the README file distributed with this software.
+ */
+h2 {
+    margin: 1em 0 0.25em 0;
+}
+th {
+    text-align: right;
+    vertical-align: top;
+    width: 12em;
+    padding: 0 .25em .5em 0;
+}
+td {
+    vertical-align: top;
+    padding: 0;
+}
+hr {
+    height: 0;
+    border: none;
+    border-top: 1px dotted #d2d2d2;
+    width: 80%;
+    clear: both;
+}
+#contactinformation,
+#personalinformation {
+    width: 50%;
+    float: left;
+}
+#contactinformation h2,
+#personalinformation h2 {
+    margin-left: 6em;
+}
+#composites {
+    margin: 0 auto;
+}
+#composites h2 {
+    text-align: center;
+}
+#composites table {
+    min-width: 70%;
+    margin: 0 auto;
+}
+#composites th {
+    text-align: left;
+}
+#composites .jstitle {
+    font-weight: bold;
+}

htdocs/theme/raw/plugintype/interaction/forum/style/style.css → htdocs/theme/raw_old/plugintype/export/html/style/print.css

 /**
- * CSS rules for the forum interaction plugin
+ * Print stylesheet for static HTML export
  *
  * @author     Catalyst IT Ltd
  * @license    http://www.gnu.org/copyleft/gpl.html GNU GPL version 3 or later
  * @copyright  For copyright information on Mahara, please see the README file distributed with this software.
-
- * This file is distributed under the same terms as Mahara itself
  */
+
+#breadcrumbs {
+    display: none;
+}

htdocs/theme/raw_old/plugintype/export/html/style/style.css

+/**
+ * Stylesheet for static HTML export
+ *
+ * @author     Catalyst IT Ltd
+ * @license    http://www.gnu.org/copyleft/gpl.html GNU GPL version 3 or later
+ * @copyright  For copyright information on Mahara, please see the README file distributed with this software.
+ */
+html {
+    max-width: 1280px;
+    margin: 0 auto;
+    padding: 0 1.5em;
+}
+body {
+    margin: 0;
+    padding: 0;
+}
+
+/* Generic styles */
+a img {
+    border: none;
+}
+.center {
+    text-align: center;
+}
+.right {
+    text-align: right;
+}
+.fullwidth {
+    width: 100%;
+}
+.fl {
+    float: left;
+    padding-right: 10px;
+}
+.fr {
+    float: right;
+    padding-left: 10px;
+}
+.cl {
+    clear: left;
+}
+.cr {
+    clear: right;
+}
+.cb {
+    clear: both;
+}
+.r0 {
+    background-color: #f0f0f0;
+}
+.r1 {
+    background-color: #f8f8f8;
+}
+div.pagination span.selected,
+span.pagination {
+    padding: 5px;
+}
+.date {
+    color: #888;
+    font-style: italic;
+}
+
+/* Headings */
+h1 {
+    border-bottom: 1px solid #bbb;
+    font-family: Arial, sans-serif;
+    margin: 1em 0 0;
+}
+h1 a {
+    text-decoration: none;
+}
+#mahara-logo {
+    float: right;
+}
+h2, h3, h4, h5, h6 {
+    font-family: Arial, sans-serif;
+    margin: .5em 0 .25em;
+}
+
+/* Tables */
+table {
+    border-spacing: 0;
+    border-collapse: collapse;
+}
+th {
+    padding: 3px 0;
+    text-align: left;
+    vertical-align: top;
+    line-height: 1.8em;
+}
+
+/* Main content */
+#content {
+    margin: 0 1em;
+    font-family: "Times New Roman", serif;
+}
+
+/* Breadcrumbs */
+.breadcrumbs ul {
+    margin: .5em 0 .1em;
+    padding: 0;
+}
+.breadcrumbs li {
+    list-style-type: none;
+    margin: 0;
+    padding: 0;
+    display: inline;
+    color: #808080;
+    font-size: smaller;
+    font-family: Arial, sans-serif;
+}
+.breadcrumbs a {
+    color: #808080;
+}
+.breadcrumbs li.selected a {
+    color: #303030;
+}
+.breadcrumbs.collection {
+    margin-top: .5em;
+}
+.breadcrumbs li.collectionname {
+    color: #303030;
+    font-weight: bold;
+}
+#breadcrumbs-footer {
+    clear: both;
+}
+
+/* Homepage summary */
+.summary {
+    float: left;
+    width: 48%;
+}
+.summary.even {
+    clear: left;
+}
+#summary-internal {
+    border: none;
+    float: none;
+    clear: both;
+    width: auto;
+    border-bottom: 1px dotted #ccc;
+}
+#summary-internal ul {
+    list-style-position: inside;
+}
+#summary-internal #profile-introduction {
+    font-size: larger;
+}
+#summary-internal #profile-icon {
+    float: left;
+    padding: 0 1em 1em 0;
+}
+
+/* Views */
+#view-title {
+    color: #3986c3;
+}
+#view-description {
+    font-family: Arial, sans-serif;
+    font-size: smaller;
+}
+.column {
+    font-family: Arial, sans-serif;
+}
+.blockinstance-header {
+    color: #3986c3;
+    border-bottom: 1px solid #d2d2d2;
+}
+.blockinstance-header a  {
+    color: #3986c3;
+    text-decoration: none;
+}
+.blockinstance-content {
+    padding: .5em .25em;
+    font-size: smaller;
+}
+
+/* views footer */
+.viewfooter {
+    border: 1px solid #eee;
+}
+.feedbacktable .fr {
+    margin-top: 3px;
+}
+.feedbacktable th {
+    color: #303030;
+}
+.feedbacktable .details {
+    color: #d1d1d1;
+}
+.feedbacktable .details span {
+    color: #9e9e9e;
+}
+
+/* Footer */
+#footer {
+    border-top: 1px solid #bbb;
+    text-align: center;
+    font-size: smaller;
+    clear: both;
+    color: #606060;
+}
+#footer p {
+    margin-top: .5em;
+}
+#footer a {
+    color: #606060;
+}

htdocs/theme/raw/plugintype/module/multirecipientnotification/style.css → htdocs/theme/raw_old/sass/plugin/artefact/_resume.scss

 /**
- * CSS rules for the multirecipient artefact plugin
+ * CSS rules for the resume artefact plugin
  *
- * @author     David Ballhausen, Tobias Zeuch
+ * @author     Catalyst IT Ltd
  * @license    http://www.gnu.org/copyleft/gpl.html GNU GPL version 3 or later
  * @copyright  For copyright information on Mahara, please see the README file distributed with this software.
 
  * This file is distributed under the same terms as Mahara itself
  */
-/*
-.ui-autocomplete-category {
-    font-weight: bold;
-    padding: .2em .4em;
-    margin: .8em 0 .2em;
-    line-height: 1.5;
+#resumefieldform table,
+#personalinformation table {
+    width: 100%;
 }
-
-#sendmessage .select2-choices, #sendmessage .text, #sendmessage textarea {
-    width: 400px;
-    padding-left: 0px;
-    padding-right: 0px;
+#resumewrap table.resumecomposite {
+    margin: 5px 0;
 }
-
-#messagethread td.profilepicturecolumn {
-    width: 20px;
+#resumewrap table table {
+    margin: 5px 0;
 }
-
-#messagethread td div.subjectdiv {
-    -ms-word-break: break-all;
-    word-break: break-all;
-    -webkit-hyphens: auto;
-    -moz-hyphens: auto;
-    hyphens: auto;
+.movebuttons a {
+    display: block;
+    float: left;
 }
-
-#activitylist tr.unread {
-    font-weight: bold;
+.movebuttons a.movedown {
+    float: right;
+}
+#resumefieldform .pieform-fieldset table tr th {
+    padding: 0;
+}
+#container #resumewrap table td.errmsg {
+    padding-left: 20px;
 }
-
-.userlist img.togglebtn, .userlist span.recipientlist {
-    float: left;
-    margin-right: 2px;
-}*/
\ No newline at end of file

htdocs/theme/raw_old/sass/plugin/blocktype/_externalfeed.scss

+/**
+ * CSS rules for the externalfeed blocktype plugin
+ *
+ * @author     Catalyst IT Ltd
+ * @license    http://www.gnu.org/copyleft/gpl.html GNU GPL version 3 or later
+ * @copyright  For copyright information on Mahara, please see the README file distributed with this software.
+
+ * This file is distributed under the same terms as Mahara itself
+ */
+#blocktype_externalfeed_feed .feedlogoimage {
+    margin: 10px 0;
+}
+#blocktype_externalfeed_feed .feedlogoimage img {
+    max-width: 144px;
+    max-height: 400px;
+}

htdocs/theme/raw_old/sass/plugin/blocktype/_externalvideo.scss

+/**
+ * CSS rules for the externalvideo blocktype plugin
+ *
+ * @author     Catalyst IT Ltd
+ * @license    http://www.gnu.org/copyleft/gpl.html GNU GPL version 3 or later
+ * @copyright  For copyright information on Mahara, please see the README file distributed with this software.
+
+ * This file is distributed under the same terms as Mahara itself
+ */
+
+.embedservice_content {
+    padding: 10px 0px;
+}
+.embedservice_content table#embedservice_table {
+    width: 100%;
+}
+.embedservice_content table#embedservice_table td {
+    border: 1px solid transparent;
+    padding: 0px 10px;
+    font-size: larger;
+}

htdocs/theme/raw/plugintype/artefact/blog/style/style.css → htdocs/theme/raw_old/sass/plugin/blocktype/_openbadgedisplayer.scss

 /**
- * CSS rules for the blog artefact plugin
+ * CSS rules for the openbadgedisplayer blocktype plugin
  *
  * @author     Catalyst IT Ltd
  * @license    http://www.gnu.org/copyleft/gpl.html GNU GPL version 3 or later
@@ -7,44 +7,57 @@
 
  * This file is distributed under the same terms as Mahara itself
  */
- 
- /* Blog list */
-/*#bloglist #blogdesc p {
-    margin: 5px 0;
+
+.openbadgedisplayer {
+    padding: 10px;
 }
-#bloglist .buttonscell form,
-#postlist form {
-    display: inline;
-    vertical-align: top;
-    margin: 0 0 0 5px;
+
+.openbadgedisplayer img {
+    cursor: pointer;
+    margin: 0 10px 10px 0;
+    width: 90px;
+    height: 90px;
 }
-#bloglist .buttonscell form div,
-#postlist form div {
-    display: inline;
-    vertical-align: top;
+
+.badge-template {
+    display: none;
 }
-/* Post list */
-/*#blogdescription {
-    margin: 0 0 10px 0;
+
+.badge-container .badge-image {
+    width: 90px;
+    height: 90px;
+    float: left;
 }
-#postlist {
-    margin: 10px 0 0 0;
+
+.badge-container .openbadge-details {
+    margin-left: 120px;
 }
-#postlist .poststatus {
-    vertical-align: top;
+
+.openbadges-block img {
+    width: 90px;
+    height: 90px;
+    float: left;
+    cursor: pointer;
+    padding: 5px;
 }
-#postlist input.publish {
-    vertical-align: top;
+
+.openbadge-img {
+    float: left;
+    width: 90px;
+}
+
+.openbadge-details {
+    margin-left: 120px;
+}
+
+.openbadge-details h3:first-child {
+    margin-top: 0;
+}
+
+.openbadge-details tr td:first-child {
+    min-width: 80px;
+}
+
+.openbadge-details table td {
+    padding: 0 9px;
 }
-#postlist .published,
-#postlist .draft {
-    padding: 10px;
-    margin: 20px 0;