Commit 7e9037c7 authored by Evonne Cheung's avatar Evonne Cheung Committed by Hugh Davenport
Browse files

theme/raw: Theme update



Responsive theme

Bug #1041645

Change-Id: Idc2395741875c83fc8b3f64e6d7006288b3b1c00
Signed-off-by: default avatarHugh Davenport <hugh@catalyst.net.nz>
parent 2779df3b
/**
* CSS rules for the administration section
*
* Copyright (C) 2006-2009 Catalyst IT
* Copyright (C) 2006-2012 Catalyst IT
* This file is distributed under the same terms as Mahara itself
*/
......@@ -44,29 +44,38 @@
/* delete/close buttons */
#close_site_submit,
#suspenddelete #delete #edituser_delete_submit,
#institution_suspend_submit {
border-color: #f69595 #750000 #750000 #f69595 !important;
background: #ae0101 url(../images/btn-red-bkgd.gif) repeat-x left top !important;
#institution_suspend_submit,
#networkingform_deletesubmit,
input#delete_delete {
border-color: #950000;
background: #ae0101 url(../images/btn-red-bkgd.gif) repeat-x left top;
color: #FFF;
}
#close_site_submit:hover,
#suspenddelete #delete #edituser_delete_submit:hover,
#institution_suspend_submit:hover {
border-color: #750000 #f69595 #f69595 #750000 !important;
background: #f23131 url(../images/btn-red-bkgd-hover.gif) repeat-x left top !important;
#institution_suspend_submit:hover,
#networkingform_deletesubmit:hover,
input#delete_delete:hover {
border-color: #950000;
background: #a40101 url(../images/btn-red-bkgd-hover.gif) repeat-x left top;
color: #FFF;
}
#close_site_submit:active, #suspenddelete #delete #edituser_delete_submit:active, #institution_suspend_submit:active, #networkingform_deletesubmit:active, input#delete_delete:active {
border-color: #f23131;
background: #f23131 url(../images/btn-red-bkgd-focus.gif) repeat-x left top;
color: #FFF;
}
/* close site box */
#close-site {
border: 1px solid #e98a88;
background: #fbeceb;
text-align: left;
padding: 10px 15px;
width: 24%;
padding: 10px 1%;
width: 22%;
float: left;
margin: 0 0 0 10px;
min-height: 160px;
margin: 0 0 0 1.8%;
min-height: 170px;
}
#close-site h3 {
color: #ca0000;
......@@ -80,19 +89,17 @@
/* register site box */
#register-site {
text-align: left;
padding: 10px 15px;
margin: 0 10px 10px 0;
padding: 10px 1%;
margin: 0 1.8% 10px 0;
float: left;
width: 35%;
min-height: 160px;
width: 25%;
min-height: 170px;
}
#register-site-full {
width: 98%;
text-align: left;
padding: 10px 15px;
}
#register-site-full #register table {
width: 98%;
margin-top: 0;
}
#register-site-full #register table table table td {
......@@ -189,11 +196,11 @@ input#register_register {
#site-stats {
margin: 0 0 10px 0;
padding: 10px 15px;
padding: 10px 1%;
text-align: left;
float: left;
width: 25%;
min-height: 160px;
width: 42%;
min-height: 170px;
}
#site-stats .icon-sitestats {
background: url(../images/icon-sitestats.png) no-repeat left;
......@@ -301,9 +308,6 @@ input#register_register {
border-bottom: 1px dotted #d1d1d1;
line-height: 2em;
}
#menuitemlist table td .button {
font-size: .9167em;
}
/* CONFIGURE SITE > NETWORKING */
#networkingform_pubkey_container td {
......@@ -329,15 +333,28 @@ input#register_register {
text-decoration: none;
cursor: default;
}
.withselectedusers {
margin: 0;
float: right;
}
.searchform .institutions {
margin-left: 10px;
}
#bulkactions {
font-weight: bold;
}
#results {
clear: both;
}
#results h2 {
margin: 0 0 5px 0;
}
#results thead tr.search-results-pages {
display:none;
}
#results th.nojs-hidden-table-cell a {
margin: 0 3px;
}
/* SEARCH RESULTS TABLE */
table.tablerenderer th.asc {
background: transparent url(../images/down.gif) no-repeat left;
......@@ -363,6 +380,19 @@ table.tablerenderer th.desc {
/* USERS > EDIT USER */
#edituser .suspendederror {
font-size: .9167em;
padding: 10px;
color: #dd0221;
background: #ffeded;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin-bottom: 5px;
}
#edituser .suspendederror h4 {
margin: 0;
}
#edituser_institution td {
padding: 0;
}
......@@ -479,6 +509,19 @@ table.tablerenderer th.desc {
#suspendedlist {
margin: 10px 0;
}
form#usertype {
float: left;
}
form#buttons div span {
float: right;
}
form#buttons div span input {
margin-top: 3px;
margin-bottom: 3px;
}
form#buttons table#suspendedlist {
clear: both;
}
/* USERS > SITE ADMINS */
......@@ -597,6 +640,11 @@ form#uploadcsv {
#editmenus #menuitemlist table {
width: auto;
}
#groupquotasform {
border: 1px solid #d1d1d1;
background: #f6f6f6;
padding: 10px;
}
/* MANAGE GROUPS > GROUP ADMINS */
#groupadminsform {
......@@ -612,6 +660,15 @@ form#uploadcsv {
#groupadminsform table #groupadminsform_admins_container th {
width: 80px !important;
}
#groupcategories #groupcategories_submit_container th {
display: inline;
float: left;
padding: 0;
}
#groupcategories #groupcategories_submit_container td {
display: inline;
float: left;
}
/* MANAGE INSTITUTIONS > INSTITUTIONS */
#adminstitutionslist .controls {
......@@ -765,10 +822,30 @@ form#uploadcsv {
color: #CA0000;
}
.bulkactionform {
margin: .25em 0;
form#suspend, form#changeauth {
float: left;
width: 49%;
margin: 0 1% 5px 0;
background: #f6f6f6;
padding: 10px 1%;
}
form#delete {
float: left;
margin: 0 1% 5px 0;
padding: 10px;
background: #fbeceb;
}
form#suspend span#suspend_reason_container {
white-space: nowrap;
display: inline-block;
margin-top: 3px;
margin-left: 3px;
}
form#suspend span#suspend_reason_container label {
font-weight: normal;
font-size: 0.9167em;
}
.bulkactionform {
margin: 0;
}
.bulkaction-title {
font-weight: bold;
......
......@@ -37,34 +37,22 @@ div.calendar {
background: #2b2b2b;
color: #FFF;
vertical-align: middle;
}
.calendar thead .headrow { /* Row <TR> containing navigation buttons */
}
.headrow td.button {
}
.calendar thead .name { /* Cells <TD> containing the day names */
text-align: center;
color: #FFF;
}
.calendar thead .weekend { /* How a weekend day name shows in header */
}
.calendar thead .hilite div { /* How do the buttons in header appear when hover */
background-color: #4b4b4b;
}
.calendar thead .active { /* Active (pressed) buttons in header */
}
.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;
}
......@@ -90,26 +78,26 @@ div.calendar {
}
.calendar tbody .rowhilite td {
background: #d1dbae;
background: #d7d7d7;
}
.calendar tbody .rowhilite td.wn {
background: #7d863a;
background: #858585;
}
.calendar tbody td.hilite { /* Hovered cells <TD> */
background: #b1c80f;
background: #b8b8b8;
border: none;
}
.calendar tbody td.active { /* Active (pressed) cells <TD> */
background: #8faf1f;
background: #9d9d9d;
border: none;
}
.calendar tbody td.selected { /* Cell showing today date */
font-weight: bold;
background: #7f9d16;
background: #424242;
color: #fff;
}
......@@ -119,7 +107,8 @@ div.calendar {
.calendar tbody td.today {
font-weight: bold;
color: #FFF;
background: #c0c0c0;
color: #333333;
}
.calendar tbody .disabled { color: #999; }
......@@ -139,16 +128,8 @@ div.calendar {
text-align: center;
color: #FFF;
}
.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
}
.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
}
.calendar tfoot .hilite { /* Hover style for buttons in footer */
}
.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
.calendar tfoot td {
padding: 2px 3px 5px 3px;
}
/* Combo boxes (menus that display months/years for direct selection) */
......@@ -160,7 +141,7 @@ div.calendar {
left: 0px;
width: 45px;
cursor: default;
background: #717277;
background: #797979;
color: #FFF;
font-size: 90%;
z-index: 100;
......@@ -177,18 +158,18 @@ div.calendar {
}
.calendar .combo .hilite {
background: #6e8e00;
background: #7a7a7a;
}
.calendar .combo .active {
background: #7d9728;
background: #848484;
font-weight: bold;
}
.calendar td.time {
text-align: center;
background-color: #2B2B2B;
color: #EAE097;
color: #FFFFFF;
font-weight: bold;
}
......@@ -208,6 +189,6 @@ div.calendar {
}
.calendar td.time span.hilite {
background-color: #6e8e00;
background-color: #797979;
color: #FFF;
}
/**************** DROPDOWN NAVIGATION ****************/
/**************** MAIN NAVIGATION ********************/
#main-nav.dropdown-main li {
position: relative;
height: auto;
}
/**************** SUB NAVIGATION *********************/
#main-nav li {
z-index: 3000;
}
#main-nav .dropdown-sub {
display: none !important;
position: absolute;
top: 35px;
left:0;
z-index: 1000;
clear: both;
padding: 0;
margin: 0;
}
#main-nav .dropdown-sub li {
float: none !important;
margin: 0 !important;
list-style-type: none;
background: transparent !important;
line-height: 24px;
height: 24px;
}
#main-nav .dropdown-sub li span {
height: auto;
display: block;
}
#main-nav .dropdown-sub li a, #main-nav .dropdown-sub li a:link, #main-nav .dropdown-sub li a:visited, #main-nav .dropdown-sub li a:active {
padding: 4px 10px;
background: #DDDDDD;
border: none;
float: none;
width: 160px;
white-space: normal;
line-height: 1.3em;
text-align: left;
height: auto;
font-weight: normal;
font-size: .9167em;
display: block;
}
#main-nav .dropdown-sub li a:hover {
background: #eee;
}
#main-nav .dropdown-sub li.selected {
margin: 0;
background: transparent !important;
}
#main-nav .dropdown-sub li.selected a {
font-weight: bold;
}
#main-nav li:hover .dropdown-sub {
display: block !important;
}
/* fieldset.collapsed .mceEditor {
display: none;
}
fieldset.collapsed .mceEditor td {
border: 0;
}*/
......@@ -76,7 +76,7 @@ td.description {
}
acronym {
color: #000;
border-bottom: 1px dotted #6e6e6e;
border-bottom: 1px dotted #000000;
}
#uploadformmessage,
#createfolderformmessage,
......@@ -107,6 +107,13 @@ a:hover {
color: #0033ff;
text-decoration: underline;
}
a:link[href^="http://"]:after, a[href^="http://"]:visited:after {
content: " (" attr(href) ") ";
font-size: 11px;
}
a[href^="http://"] {
color: #000000;
}
/* FORM ELEMENTS */
......@@ -129,17 +136,9 @@ input.text.required {
/* Tabs in page */
ul.in-page-tabs li a {
.tabswrap {
display: none;
}
ul.in-page-tabs li a.current-tab {
background: none;
display: inherit;
float: left;
padding: 0;
font-size: 18pt;
color: #000;
}
.subpage {
border: none;
padding: 0;
......@@ -165,7 +164,7 @@ table.tablerenderer th.desc {
background: none;
}
#installer th {
border-bottom: 1px solid #6e6e6e;
border-bottom: 1px solid #000000;
}
#msgscol {
width: 50%;
......@@ -197,45 +196,56 @@ label {
}
/* CONTENT LAYOUT */
#switchwrap {
display: none;
}
#container,
#containerX,
#mainmiddlewrap,
#mainmiddle,
#mainwrapper,
#column-left,
#column-full,
.maincontent {
#main-wrapper-narrow-right,
#main-wrapper-narrow-left,
#main-column,
#main-column-container {
background: none;
width: 100%;
padding: 0;
margin: 0;
}
#left-column,
#right-column {
display: none;
}
/* HEADER ELEMENTS */
#top-wrapper {
border: none;
}
#top-wrapper,
#containerX #top-wrapper {
border: none;
background: none;
}
#site-logo {
float: none;
padding: 0;
margin-bottom: 20pt;
}
#header-right {
display: none;
}
#containerX #top-wrapper .viewheader {
text-align: right;
}
.viewheader {
padding: 0;
margin-bottom: 20pt;
}
#containerX #top-wrapper .rbuttons {
display: inline !important;
position: absolute;
left: 0;
right: auto;
}
#site-logo {
float: none;
padding: 0;
margin-bottom: 20pt;
}
.viewheader {
padding: 0;
margin-bottom: 20pt;
}
.viewheader .small-logo img {
margin: 0;
padding: 0;
......@@ -244,11 +254,8 @@ label {
text-align: right;
}
/* search box in header */
#usf,
#main-nav,
#sub-nav,
div.sidebar,
#messages {
display: none;
}
......@@ -257,15 +264,6 @@ div.sidebar,
/* MAIN CONTENT BEGIN */
* html .content {
float: none;
}
#main-column {
padding: 0;
}
#containerX .main-column {
padding: 0;
}
.maincontent ul {
page-break-before: avoid;
}
......@@ -277,6 +275,9 @@ div.sidebar,
.maincontent #loginbox {
display: none;
}
.page-help-icon {
display: none;
}
.error {
......@@ -311,7 +312,7 @@ div.sidebar,
}
.maincontent thead th {
color: #000;
border-bottom: 1px solid #6e6e6e;
border-bottom: 1px solid #000000;
}
th,
.maincontent tbody th {
......@@ -319,7 +320,7 @@ th,
border-bottom: none;
}
.maincontent tfoot td {
border-top: 1px solid #6e6e6e;
border-top: 1px solid #000000;
}
.tablerenderer {
border: none;
......@@ -353,7 +354,10 @@ legend a:active {
/* Alternative row background colours */
.r0, .r0 td,
.r1, .r1 td {
.d0,
.friends,
.r1, .r1 td,
.d1 {
background: none;