georgepoulos / moodle_css

some moodle css boost themes modification

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

/* # moodle_css #some moodle css boost themes modification */

/* an very clever modification is to add a backround image in some color and also change theme brand color In an other way you can test the code below */

/* Page Header */

.page-header-headings { border: 1px solid black; border-radius: .2rem; margin-bottom: .5em; text-align: center; background: #28559a; color: rgb(253, 253, 253); font-size: 30px; }

/* coursebox */

.courses .coursebox { border: 1px solid black; border-radius: .2rem; margin-bottom: .5em; background-color: #8fc6f0; color: rgb(253, 253, 253); opacity: 80; }

.py-3 { border: 1px solid black; background-color: #3778c2; }

.pb-3 { border: 1px solid black; border-radius: .2rem; margin-bottom: .5em; background-color: #3778c2; list-style: white; }

/* region main */

#region-main { border: 1px solid black; border-radius: .2rem; margin-bottom: .5em; text-align: center; background: #c2dcf0; text-decoration-style: coral; color: #0f2557; }

/* main */

#nav-drawer { border: 1px solid black; border-radius: .2rem; margin-bottom: .5em; text-align: center; background: #28559a; opacity: 90%; text-decoration-style: coral; }

#region-main-box{ border: 1px solid black; border-radius: .2rem; margin-bottom: .5em; text-align: center; background: #a9cee8; color: coral; }

body { background-color: #7ed5ea; }

a:link { color:rgb(121, 162, 216); } a:visited { color:coral; }

About

some moodle css boost themes modification