Bug 1536825 Fixed custom theme css (df4492a0) · Commits · mahara / mahara

htdocs/theme/raw/templates/customcss.tpl

+70 −17

Original line number	Diff line number	Diff line
		{* this template powers the css that is stored in the database for the configurable theme *}

		.header.navbar,
		.dashboard-widget-container .circle-bg,
		.dashboard-widget-container .logged-in .widget-detail,
		.modal-docked .modal-header,
		.modal-header {
		background: {$data.background};
		}

		.dashboard-widget-container .circle-bg,
		.dashboard-widget-container .logged-in .widget-detail {
		background-color: #666;
		}

		.navbar.header {
		border-color: {$data.background};
		}
		@@ -20,14 +23,14 @@
		}

		.dashboard-widget-container .widget-heading {
		border-top-color: {$data.background};
		border-top-color: {$data.headings};
		}

		.dashboard-widget-container .logged-in .widget-heading p,
		a.panel-footer:hover .icon.pull-right,
		.modal-docked .modal-header .close:hover .times,
		.modal-docked .modal-header .close:focus .times {
		color: {$data.background};
		color: #666;
		}

		@media (max-width: 767px) {
		@@ -61,8 +64,6 @@ h1,
		h2,
		h3,
		h4,
		h5,
		h6,
		.title a {
		color: {$data.headings};
		}
		@@ -104,14 +105,17 @@ a:focus,
		.nav-inpage.nav > li.active > a:focus,
		.nav-inpage.nav > li.active > a:hover,
		.nav-inpage.nav > li.active > button:focus,
		.nav-inpage.nav > li.active > button:hover {
		.nav-inpage.nav > li.active > button:hover,
		.list-group a.text-success,
		.outer-link+.list-group-item-heading {
		color: {$data.link};
		}


		.btn-primary {
		background: {$data.background};
		border-color: {$data.background};
		color: {$data.backgroundfg};
		border-color: #ccc;
		}
		.btn-primary.active,
		.btn-primary.focus,
		@@ -119,8 +123,9 @@ a:focus,
		.btn-primary:focus,
		.btn-primary:hover,
		.open > .btn-primary.dropdown-toggle {
		/* 1px alpha channel white to lighten by 12% */
		background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wkPAic6ZYLJxAAAAA1JREFUCNdj+P//vzwACRsDHRWss5MAAAAASUVORK5CYII=') {$data.background};
		border-color: #ccc;
		color: #333;
		background-color: #e0e0e0;
		}
		.btn-primary.btn:disabled,
		.btn-primary.disabled,
		@@ -141,16 +146,35 @@ a:focus,
		.main-nav li a:hover,
		.main-nav li a:focus,
		.navbar-inverse .navbar-nav > li > a:focus,
		.navbar-inverse .navbar-nav > li > a:hover {
		.navbar-inverse .navbar-nav > li > a:hover,
		.navbar-inverse .navbar-link,
		.navbar-inverse .navbar-link:hover,
		.navbar-inverse .navbar-link:focus {
		color: {$data.navfg};
		}

		.main-nav .dropdown-nav-home li a,
		.main-nav .dropdown-nav-home li a:link,
		.main-nav .dropdown-nav-home li a:link {
		color: {$data.link};
		}

		.main-nav .dropdown-nav-home li a:active,
		.main-nav .dropdown-nav-home li a:visited,
		.main-nav .dropdown-nav-home li a:hover,
		.main-nav .dropdown-nav-home li a:focus {
		color: {$data.headings};
		color: #555 !important;
		}

		.main-nav .nav > li a:hover,
		.main-nav .nav > li a:focus,
		.main-nav .nav > li a:active {
		color: {$data.navfg};
		background-color: rgba(223,223,223,.5);
		}

		.navbar-default .navbar-text.navbar-link,
		.navbar-default .navbar-text.navbar-link:hover,
		.navbar-default .navbar-text.navbar-link:focus {
		color: {$data.navfg};
		}

		@media (max-width: 767px) {
		@@ -171,7 +195,6 @@ a:focus,
		}
		}


		#sub-nav.navbar-default .navbar-nav > .active > a,
		#sub-nav.navbar-default .navbar-nav > .active > a:link,
		#sub-nav.navbar-default .navbar-nav > .active > a:visited {
		@@ -179,14 +202,18 @@ a:focus,
		color: {$data.backgroundfg};
		border-radius: 3px;
		}

		#sub-nav.navbar-default .navbar-nav > .active > a:active,
		#sub-nav.navbar-default .navbar-nav > .active > a:hover {
		background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wkPAhMnva5W6gAAAA1JREFUCNdj+P//vz0ACTsDPd3TBh4AAAAASUVORK5CYII=') {$data.background};
		}
		#sub-nav.navbar-default .navbar-nav > li > a:focus,
		#sub-nav.navbar-default .navbar-nav > li > a:hover {
		color: {$data.background};
		background: transparent;
		background: #f9f9f9;
		}

		a.admin-site {
		color: {$data.backgroundfg};
		}

		.arrow-bar {
		@@ -208,3 +235,29 @@ header.header .header-search-form .form-control:focus {
		background-color: {$data.backgroundfg};
		color: {$data.background};
		}

		.admin .arrow-bar {
		background-color: #f9f9f9;
		}
		.pagination > li > a,
		.pagination> li > span {
		color: #666;
		}
		.pagination > li > a:hover,
		.pagination > li > a:focus,
		.pagination> li > span:hover,
		.pagination> li > span:focus {
		color: #333;
		}
		.pagination >.active > span {
		background-color: #666;
		border-color: #666;
		}
		.pagination >.active > span:hover,
		.pagination >.active > span:focus {
		background-color: #333;
		}

		.custom-dropdown > ul > li > span {
		background-color: #666;
		}