Commit 0f2552c7 authored by Evonne Cheung's avatar Evonne Cheung Committed by Robert Lyon
Browse files

UI changes for Mahara 1.8 Default and Aqua theme Bug #1199563



Change-Id: Ic85c30bfdcedb4236c21986470ee68aa9acb29e7
Signed-off-by: Robert Lyon's avatarRobert Lyon <robertl@catalyst.net.nz>
parent 0216e35f
{foreach from=$blogs->data item=blog}
<div class="{cycle name=rows values='r0,r1'} listrow">
<h3 class="title"><a href="{$WWWROOT}artefact/blog/view/index.php?id={$blog->id}">{$blog->title}</a></h3>
<div class="fr nowrap">
<span class="entries"><a href="{$WWWROOT}artefact/blog/view/index.php?id={$blog->id}">{str tag=nposts section=artefact.blog arg1=$blog->postcount}</a></span>
<span class="newentry"><a href="{$WWWROOT}artefact/blog/post.php?blog={$blog->id}" class="btn">{str tag=addpost section=artefact.blog}</a></span>
......@@ -12,7 +13,6 @@
{/if}
</span>
</div>
<h3 class="title"><a href="{$WWWROOT}artefact/blog/view/index.php?id={$blog->id}">{$blog->title}</a></h3>
<div id="blogdesc">{$blog->description|clean_html|safe}</div>
<div class="cb"></div>
</div>
......
......@@ -30,6 +30,12 @@
#files_filebrowser_agreement label {
margin-left: -80px;
}
.fileuploadlicense {
margin-bottom: 10px;
}
.fileuploadlicense th {
padding-left: 0;
}
input#files_filebrowser_notice {
margin: 2px 1px 0 0;
}
......
{if $views}
<table class="viewlist fullwidth">
<div class="viewlist fullwidth listing">
{foreach from=$views item=view}
<tr class="{cycle values='r0,r1'}">
<td><h3 class="title"><a href="{$view.fullurl}">{$view.title}</a></h3>
<div class="{cycle values='r0,r1'} listrow">
<h3 class="title"><a href="{$view.fullurl}">{$view.title}</a></h3>
<div class="detail">{$view.description|str_shorten_html:100:true|strip_tags|safe}</div>
{if $view.sharedby}
<div class="groupuserdate">
......@@ -18,10 +18,9 @@
{$view.mtime|strtotime|format_date:'strftimedate'}</span>
</div>
{/if}
</td>
</tr>
</div>
{/foreach}
</table>
</div>
{else}
{str tag=noviews section=view}
{/if}
......@@ -21,7 +21,8 @@
*/
/******************** Body ********************/
body, body#micro {
body,
body#micro {
background: #0B1960 url(../images/bg.jpg) repeat-x top center;
}
/******************** General headings ********************/
......@@ -34,11 +35,15 @@ h6 {
color: #1A428F;
}
/******************** General text ********************/
a, a:visited, a:link, a:active {
a,
a:visited,
a:link,
a:active {
color: #024ac3;
text-decoration: none;
}
a:hover, a:focus {
a:hover,
a:focus {
text-decoration: underline;
}
/* some common listing text styles */
......@@ -66,6 +71,7 @@ fieldset {
border: 1px solid #14436F;
}
/******************** Buttons ********************/
/* Buttons to override with colour */
/* input buttons */
tr.submitcancel input.submit,
tr.submitcancel input.cancel,
......@@ -94,7 +100,9 @@ input#instconf_artefactid_edit_cancel,
#collectiondonewrap .btn:link,
input#export_submit,
#sitelicenses .btn,
#adduser #adduser_submit {
#adduser #adduser_submit,
input#login_submit,
.login-externallink a.btn {
background: url(../images/btn_bkgd.png) repeat-x 0 50%;
border-color: #0b1962;
color: #FFFFFF;
......@@ -123,7 +131,9 @@ input#instconf_artefactid_edit_cancel:hover,
#collectiondonewrap .btn:hover,
input#export_submit:hover,
#sitelicenses .btn:hover,
#adduser #adduser_submit:hover {
#adduser #adduser_submit:hover,
input#login_submit:hover,
.login-externallink a.btn:hover {
background: url(../images/btn_bkgd_hover.png) repeat-x 0 50%;
border-color: #0b1962;
color: #FFFFFF;
......@@ -152,13 +162,15 @@ input#instconf_artefactid_edit_cancel:active,
#collectiondonewrap .btn:active,
input#export_submit:active,
#sitelicenses .btn:active,
#adduser #adduser_submit:active {
#adduser #adduser_submit:active,
input#login_submit:active,
.login-externallink a.btn:active {
background: url(../images/btn_bkgd_focus.png) repeat-x 0 50%;
border-color: #3C7FB1;
color: #FFFFFF;
}
/* made to look like default grey buttons to match graphic icon buttons */
input#subscribe_forum_submit,
#forumslist input.btn-subscribe,
input#addviews_submit,
input#edituser_suspend_submit,
input#friendscontrol_submit {
......@@ -166,7 +178,7 @@ input#friendscontrol_submit {
background: url(../images/btn_bkgd_grey.png) repeat-x 0 50%;
color: #333333;
}
input#subscribe_forum_submit:hover,
#forumslist input.btn-subscribe:hover,
input#addviews_submit:hover,
input#edituser_suspend_submit:hover,
input#friendscontrol_submit:hover {
......@@ -174,7 +186,7 @@ input#friendscontrol_submit:hover {
background: url(../images/btn_bkgd_grey_hover.png) repeat-x 0 50%;
color: #333333;
}
input#subscribe_forum_submit:active,
#forumslist input.btn-subscribe:active,
input#addviews_submit:active,
input#edituser_suspend_submit:active,
input#friendscontrol_submit:active {
......@@ -329,7 +341,7 @@ div.pagination a {
background: #00084F;
color: #FFFFFF;
}
#main-nav .dropdown-sub li a:hover {
.main-nav .dropdown-sub li a:hover {
background: #1F97D5;
}
/******************** Tabs ********************/
......
......@@ -40,7 +40,7 @@ ul.colnav li a:active {
}
/******************** Blocktype icons panel ********************/
#blocktype-list {
color: #1D499F !important;
color: #1D499F;
background-color: #f4f7f9;
border: 0;
}
......
/* ADMIN HOME */
#close_site_submit, #suspenddelete #delete #edituser_delete_submit, #institution_suspend_submit {
color: #FFFFFF !important;
}
/* CONFIGURE SITE > LINKS AND RESOURCES MENU */
#menuitemlist table td {
background-color: #f5f8fa;
}
#menuitemlist #rownew td {
background-color: #e9eef4;
}
#menuitemlist tr.edit td {
background-color: #f3f7ec;
}
\ No newline at end of file
/* The main calendar widget. DIV containing a table. */
div.calendar {
position: relative;
font-size: 75%;
border: 2px solid #dddddd;
}
.calendar table {
font-size: .9167em;
color: #333;
cursor: default;
background: #f0f0f0;
}
.calendar thead td {
padding: 0;
}
.calendar tbody td {
padding: 3px 5px;
}
/* Header part -- contains navigation buttons and day names. */
.calendar .button div { /* "<<", "<", ">", ">>" buttons have this class */
text-align: center; /* They are the navigation buttons */
background-color: #2b2b2b;
color: #FFF;
padding: 3px 5px;
}
.calendar .nav {
background: #7d9728 url('../images/menuarrow.gif') no-repeat 100% 100%;
}
.calendar thead .title { /* This holds the current "month, year" */
font-weight: bold; /* Pressing it will take you to the current date */
text-align: center;
background: #2b2b2b;
color: #FFF;
vertical-align: middle;
}
.calendar thead .name { /* Cells <TD> containing the day names */
text-align: center;
color: #FFF;
}
.calendar thead .hilite div { /* How do the buttons in header appear when hover */
background-color: #4b4b4b;
}
.calendar thead .daynames { /* Row <TR> containing the day names */
background: #6a6a6a;
font-weight: bold;
}
.calendar thead .daynames td {
* padding: 3px;
padding-top: 3px;
padding-bottom: 3px;
}
/* The body part -- contains all the days in month. */
.calendar tbody .day { /* Cells <TD> containing month days dates */
width: 20px;
text-align: right;
}
.calendar tbody .day.othermonth {
font-size: .9167em;
color: #bbb;
}
.calendar tbody .day.othermonth.oweekend {
color: #434343;
}
.calendar table .wn {
background: #6a6a6a;
color: #b7b7b7;
}
.calendar tbody .rowhilite td {
background: #d9d9d9;
}
.calendar tbody .rowhilite td.wn {
background: #838383;
}
.calendar tbody td.hilite { /* Hovered cells <TD> */
background: #7b7b7b;
border: none;
}
.calendar tbody td.active { /* Active (pressed) cells <TD> */
background: #4c4c4c;
border: none;
}
.calendar tbody td.selected { /* Cell showing today date */
font-weight: bold;
background: #000000;
color: #fff;
}
.calendar tbody td.weekend { /* Cells showing weekend days */
color: #888;
}
.calendar tbody td.today {
font-weight: bold;
color: #FFF;
background: #9a9a9a;
}
.calendar tbody .disabled { color: #999; }
.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
visibility: hidden;
}
.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
display: none;
}
/* The footer part -- status bar and "Close" button */
.calendar tfoot {
font-size: .9167em;
background: #2b2b2b;
text-align: center;
color: #FFF;
}
/* Combo boxes (menus that display months/years for direct selection) */
.calendar .combo {
position: absolute;
display: none;
top: 0px;
left: 0px;
width: 45px;
cursor: default;
background: #717277;
color: #FFF;
font-size: 90%;
z-index: 100;
}
.calendar .combo .label,
.calendar .combo .label-IEfix {
text-align: center;
padding: 1px;
}
.calendar .combo .label-IEfix {
width: 45px;
}
.calendar .combo .hilite {
background: #6e8e00;
}
.calendar .combo .active {
background: #7d9728;
font-weight: bold;
}
.calendar td.time {
text-align: center;
background-color: #605b3b;
color: #EAE097;
font-weight: bold;
}
.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
padding: 0 3px;
}
.calendar td.time .ampm {
text-align: center;
}
.calendar td.time .colon {
padding: 0 3px;
font-weight: bold;
}
.calendar td.time span.hilite {
background-color: #6e8e00;
color: #FFF;
}
/**
* Mahara: Electronic portfolio, weblog, resume builder and social networking
* Copyright (C) 2006-2012 Catalyst IT Ltd (http://www.catalyst.net.nz)
* Copyright (C) 2011-2013 Catalyst IT Ltd (http://www.catalyst.net.nz)
*
* This program is free software: you can redistribute it and/or modify
* it under the terms of the GNU General Public License as published by
......@@ -17,22 +17,16 @@
*
* @author Catalyst IT Ltd
* @license http://www.gnu.org/copyleft/gpl.html GNU GPL
* @copyright (C) 2006-2012 Catalyst IT Ltd http://catalyst.net.nz
* @copyright (C) 2011-2013 Catalyst IT Ltd http://catalyst.net.nz
*/
/* General rules */
/******************** Body ********************/
body,
body#micro {
background: #182768;
color: #333333;
}
a, a:visited, a:link, a:active {
color: #d66800;
text-decoration: none;
}
a:hover, a:focus {
text-decoration: underline;
}
/******************** General headings ********************/
h1,
h2,
h3,
......@@ -41,174 +35,93 @@ h5,
h6 {
color: #182768;
}
.description,
.unvalidated,
.postdetails,
.postedon {
color: #838383;
}
/**************************** Tables ****************************/
.main-column thead th {
color: #414141;
border-bottom: 1px solid #888888;
}
.main-column tbody th {
color: #414141;
border-bottom: none;
/******************** General text ********************/
a,
a:visited,
a:link,
a:active {
color: #d66800;
text-decoration: none;
}
/* table with th border-bottom */
#searchresults thead th,
.filelist,
.tag-results #results {
border-bottom: 1px solid #888888;
a:hover,
a:focus {
text-decoration: underline;
}
/* table with tfoot border-top */
#searchresults tfoot td,
#adminstitutionslist tfoot td,
#profileicons tfoot td,
#activitylist tfoot td {
border-top: 1px solid #888888;
}
.main-column table h3 a,
.main-column table h3 a:visited,
.main-column table h3 a:link,
.listing div h3 a,
.listing div h3 a:visited,
.listing div h3 a:link {
color: #182768 !important;
}
.tablerenderer-loading {
border: 1px solid #888888;
background-color: #000000;
color: #FFFFFF;
/* some common listing text styles */
.title a {
color: #182768;
}
/* table with th border-bottom */
#searchresults thead th {
/******************** Tables ********************/
thead th {
color: #414141;
border-bottom: 1px solid #888888;
}
/* table with border-bottom */
#searchresults tfoot td {
border-top: 1px solid #888888;
}
/* Alternative row background colours */
/* Alternative row background */
.r0,
.r0 td,
.d0,
.friends {
background-color: #fff4ea;
.d0 {
background-color: #FFF4EA;
border-bottom: 1px solid #FFFFFF;
}
.r1,
.r1 td,
.d1 {
background-color: #fff4ea;
background-color: #FFF4EA;
border-bottom: 1px solid #FFFFFF;
}
/**************************** Pagination ****************************/
div.pagination a {
background-color: #ececec;
border: 0;
/******************** Forms ********************/
/* fieldset */
fieldset {
border: 1px solid #D1D1D1;
}
/**************************** Forms ****************************/
/* Label */
label {
color: #414141;
/******************** Buttons ********************/
/* buttons that look like links */
.linkbtn {
color: #182768;
}
/* required */
.required th, .required label, .requiredmarker, #register_tandc_container th {
color: #c81511;
/******************** Pagination ********************/
div.pagination a {
background-color: #ECECEC;
}
/* override required colour to normal colour */
.required label.plain, .required.radio td label, .required.emaillist td label {
color: #414141;
/******************** Layout ********************/
#header,
#mainmiddle,
#footer {
width: 95%;
}
/* Legend */
legend {
color: #414141;
font-size: 15px;
}
legend a,
legend a:link,
legend a:visited,
legend a:active,
legend a:hover {
color: #d66800 !important;
.main-nav,
#sub-nav {
max-width: 1280px;
min-width: 960px;
margin: 0 auto;
width: 95%;
}
/* Select */
select {
border: 1px solid #d1d1d1;
padding: 2px;
#mainmiddlewrap {
background: none;
}
/* Fieldset */
fieldset {
border: 1px solid #d1d1d1;
#mainmiddle {
background: #FFFFFF;
}
/****************************** Buttons ****************************/
/** input buttons **/
.btn,
input.submit,
input.cancel,
button,
.buttondk,
input.button,
input.select,
input#files_filebrowser_edit_artefact,
ul.groupuserstatus li a {
background: #cfcfcf url(../images/btn-bkgd.png) repeat-x top;
border-color: #626262 #000000 #000000 #626262;
color: #000000 !important;
}
/** hover for buttons **/
.btn:hover,
input.submit:hover,
input.cancel:hover,
button:hover,
.buttondk:hover,