Commit 80c4b140 authored by Cecilia Vela Gurovic's avatar Cecilia Vela Gurovic

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
parent 15d050dd
/**
* 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;
}*/
/* for search specific styles */
\ No newline at end of file
/**
* 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;
}
......
/**
* 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
}
/**
* 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;
}
......@@ -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)
......
/**
* 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;
}
/**
* 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;
}
/**
* 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;
}
/**
* 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;
}
/**
* 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
/**
* 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;
}
/**
* 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;
}
/**
* 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;