Note: You are currently viewing documentation for Moodle 2.0. Up-to-date documentation for the latest stable version is available here: CSS styles moz.css.

CSS styles moz.css: Difference between revisions

From MoodleDocs
mNo edit summary
(Replaced content with "{{Moved_to_dev_docs}}")
 
Line 1: Line 1:
== styles_moz.css ==
{{Moved_to_dev_docs}}
This [[CSS]] file uses the non-standard Mozilla CSS extensions to add round corners to the current theme. Styles are organised into the following sections: core, header, footer, admin, blocks, calendar, course, doc, login, message, tabs, user, various modules
 
<h3>Core</h3>
 
.headingblock {
  -moz-border-radius:3px;
}
 
.notifyproblem {
  -moz-border-radius:10px;
}
 
.notifysuccess {
  -moz-border-radius:10px;
}
.generalbox {
  -moz-border-radius-topleft:3px;
  -moz-border-radius-topright:3px;
  -moz-border-radius-bottomleft:15px;
  -moz-border-radius-bottomright:15px;
}
 
.generalboxcontent {
  -moz-border-radius-topleft:3px;
  -moz-border-radius-topright:3px;
  -moz-border-radius-bottomleft:15px;
  -moz-border-radius-bottomright:15px;
}
 
.noticebox {
  -moz-border-radius:5px;
}
 
.informationbox {
  -moz-border-radius-topleft:3px;
  -moz-border-radius-topright:3px;
  -moz-border-radius-bottomleft:15px;
  -moz-border-radius-bottomright:15px;
}
 
.informationboxcontent {
  -moz-border-radius-topleft:3px;
  -moz-border-radius-topright:3px;
  -moz-border-radius-bottomleft:15px;
  -moz-border-radius-bottomright:15px;
}
 
.sitetopiccontent {
  -moz-border-radius:15px;
}
 
.headingblock {
  -moz-border-radius:3px;
}
 
.categorybox, .categoryboxcontent,
.coursebox, .courseboxcontent {
  -moz-border-radius:20px;
}
 
 
 
 
/* kept for backward compatibility with some non-standard modules
  which use these classes for various things */
.generaltab, .generaltabinactive{
  -moz-border-radius-topleft:15px;
  -moz-border-radius-topright:15px;
}
 
.generaltabselected {
  -moz-border-radius-topleft:15px;
  -moz-border-radius-topright:15px;
}
 
<h3>Blocks</h3>
 
.sideblock.hidden {
  -moz-border-radius: 0px;
}
 
.sideblock .content {
  -moz-border-radius-bottomleft:20px;
  -moz-border-radius-bottomright:20px;
}
 
.block_course_summary, .block_course_summary .content {
  -moz-border-radius:20px;
}
 
.editing .block_course_summary .content {
  -moz-border-radius-topleft:0;
  -moz-border-radius-topright:0;
}
 
<h3>Calendar</h3>
 
#calendar .eventlist .event {
  -moz-border-radius-bottomleft:15px;
  -moz-border-radius-bottomright:15px;
}
 
#calendar .eventlist .event .side {
  -moz-border-radius-bottomleft:15px;
}
 
#calendar .eventlist .event .description {
  -moz-border-radius-bottomright:15px;
}
 
#calendar .maincalendar,
#calendar .sidecalendar
{
  -moz-border-radius-bottomright:20px;
  -moz-border-radius-bottomleft:20px;
}
 
#calendar .maincalendar .filters table,
#calendar .sidecalendar .filters table,
.sideblock.block_calendar_month .filters table
{
  -moz-border-radius:4px;
}
 
table.minicalendar {
  -moz-border-radius:10px;
}
 
table.minicalendar td {
  -moz-border-radius:4px;
}
 
<h3>Course</h3>
 
body#course-user .section {
  -moz-border-radius:20px;
}
 
<h3>Login</h3>
 
.loginbox {
  -moz-border-radius-bottomleft:20px;
  -moz-border-radius-bottomright:20px;
}
 
.loginbox .content.left {
  -moz-border-radius-bottomleft:20px;
}
.loginbox .content.right {
  -moz-border-radius-bottomright:20px;
}
 
<h3>User</h3>
 
.userinfobox {
  -moz-border-radius-bottomleft:20px;
  -moz-border-radius-bottomright:20px;
}
 
.groupinfobox {
  -moz-border-radius-bottomleft:20px;
  -moz-border-radius-bottomright:20px;
}
#user-view .left {
  -moz-border-radius-bottomleft:20px;
}
 
<h3>Modules: Forum</h3>
 
.forumpost {
  -moz-border-radius-bottomleft:20px;
  -moz-border-radius-bottomright:20px;
}
 
.forumpost .side {
  -moz-border-radius-bottomleft:20px;
}
 
.forumpost .content {
  -moz-border-radius-bottomright:20px;
}
 
.forumpost .message {
  -moz-border-radius-bottomright:20px;
}
 
 
<h3>Modules: Glossary</h3>
 
.categoryheader {
  -moz-border-radius-topleft:15px;
  -moz-border-radius-topright:15px;
}
 
.glossaryformatheader {
  -moz-border-radius-topleft:15px;
  -moz-border-radius-topright:15px;
}
 
.entryboxheader {
  -moz-border-radius-topleft:10px;
  -moz-border-radius-topright:10px;
}
 
.entrybox {
  -moz-border-radius-bottomleft:10px;
  -moz-border-radius-bottomright:10px;
}
 
.glossarypost {
  -moz-border-radius-bottomleft:15px;
  -moz-border-radius-bottomright:15px;
}
 
.glossarypost .side {
  -moz-border-radius-bottomleft:15px;
}
 
.encyclopedia .entrylowersection {
  -moz-border-radius-bottomright:15px;
}
.glossarycomment {
  -moz-border-radius-bottomleft:20px;
  -moz-border-radius-bottomright:20px;
}
 
.glossarycomment .side {
  -moz-border-radius-bottomleft:20px;
}
 
.glossarycomment .entry {
  -moz-border-radius-bottomright:20px;
}
 
<h3>Modules: Journal</h3>
 
#mod-journal-view .feedbackbox {
  -moz-border-radius-bottomleft:15px;
  -moz-border-radius-bottomright:15px;
}
#mod-journal-view .feedbackbox .side {
  -moz-border-radius-bottomleft:15px;
}
#mod-journal-view .feedbackbox .entrycontent {
  -moz-border-radius-bottomright:15px;
}
 
[[de:CSS_styles_moz.css]]

Latest revision as of 08:03, 16 June 2011

This development related page is now located in the Dev docs.

See the CSS styles moz.css page in the Dev docs.