[moodle.git] / theme / canvas / style / core.css

.sitetopic { border: none; }
.headingblock { border-bottom: 1px solid #ddd;font-size: 1.3em;color: #333; }

.expired,
.notopenyet,
.notifysuccess,
.notifyproblem,
.errorbox,
.continuebutton,
.singlebutton,
.buttons,
.singleselect { text-align: center;margin: 1em 0; }
.generalbox { border-color:#ddd; }

.expired,
.notopenyet {border: none;color:#f00;}

.buttons .singlebutton input { margin:0; }
.initialbar { text-align:center; }

.side-pre-only #page-content #region-main-box #region-post-box #region-main-wrap #region-main { padding-right:0; }
.side-post-only #page-content #region-main-box #region-post-box #region-main-wrap #region-main { padding-left:0; }

/* Login
------------------------*/

.loginbox { margin: 15px 25%; }
.loginbox .loginerrors { color: #f00; }
.loginbox .loginform { margin: 15px auto 0;width: 175px; }
.loginbox .loginform .form-label { float: none;width: 100%;margin: 0 auto;text-align: left; }
.loginbox .loginform .form-input { float: none;width: 100%;margin: 0 auto; }
.loginbox .loginform .form-input #username,
.loginbox .loginform .form-input #password { width: 97%;padding: 3px;font-size: 1.1em;font-family: Helvetica, Arial, sans-serif;border: 2px solid #ddd;margin: 0 0 5px;color: #333; }
.loginbox .loginform .form-input #loginbtn { margin: 0.5em auto; }
.loginbox .forgetpass { margin: 1em 0 0;font-size: 0.95em; }
.loginbox.twocolumns { width: 90%;margin-left: 5%; }
.loginbox .guestsub { border-top: 1px solid #DDDDDD;margin: 5px 20% }
.loginbox.twocolumns .loginpanel { border-color: #ddd;padding-right: 0.5%; }
.loginbox.twocolumns .signuppanel { padding-left: 1%;width: 48%; }

.page-course-loginas #notice { border:none; }

#page-login-forgot_password .generalbox { margin:0 auto 1.5em;width:75%;padding:10px; }

#page-login-signup .mform { width:85%;margin:0 auto; }
#page-login-signup .mform .fitem .fitemtitle { width:20%; }
#page-login-signup .mform .fitem .felement { margin-left:21%; }

/* Calendar 
-----------------------*/
.calendarlayout { width:100%; }
.calendarlayout .sidecalendar { padding-left:15px; }
.calendarlayout .sidecalendar .block { width:210px; }
.calendarlayout .block .minicalendarblock h3 { text-align:center;font-size:1.2em; }

.maincalendar .header .buttons { margin:0; }
.maincalendar .calendarmonth td,
.maincalendar .calendarmonth th { border-color: #ddd; border-style: dotted;border-width: 1px; } 
.maincalendar .calendarmonth th,
.calendarlayout .sidecalendar .minicalendar th { background:url([[pix:theme|gradient-sb]]) repeat-x 0 0; }

.maincalendar .calendar-controls { padding:10px 5px 0; }
.maincalendar .calendar-controls .previous,
.maincalendar .calendar-controls .current,
.maincalendar .calendar-controls .next { width:5%;float:left; }
.maincalendar .calendar-controls .current { margin:0 auto;font-size:1.5em;text-align:center;line-height:1;font-weight:bold; }
.maincalendar .calendar-controls .next { text-align:right; }
.maincalendar .filters table td { font-size:0.9em; }
.maincalendar .bottom { margin-top:25px; }

.minicalendar th abbr { border:none; }
.sidecalendar .filters td,
.minicalendar td,
.minicalendar th { padding:2px;font-size:0.85em; }

#page-calendar-view .eventlist { padding-top:1em; }
#page-calendar-view .eventlist .event { border:none; }
#page-calendar-view .eventlist .event .topic { border-width:1px 1px 0;border-color:#ddd;border-style:solid;background:#f5f5f5; }
#page-calendar-view .eventlist .event .topic .name { font-weight:bold; }
#page-calendar-view .eventlist .event .description { border-width:0 1px 1px;border-style:solid;border-color:#ddd; }

.calendartable .duration ul { border-width:2px 0;border-style:solid;}
.calendartable .duration_user ul { border-color:#dce7ec; }
.calendartable .duration_global ul { border-color:#d6f8cd; }
.calendartable .duration_group ul { border-color:#fee7ae; }
.calendartable .duration_course ul { border-color:#ffd3bd; }
.calendartable .duration .events-underway { color:#666; }

.minicalendar { border-collapse:separate;  }
.minicalendar td,
.minicalendar th { font-size:0.85em;padding:0 2px;border-width:2px 0;border-color:#fff;}

.minicalendar .calendar_event_user,
.minicalendar .duration_user { border-color:#dce7ec; }
.minicalendar .calendar_event_course,
.minicalendar .duration_course { border-color:#ffd3bd; }
.minicalendar .calendar_event_global,
.minicalendar .duration_global { border-color:#d6f8cd; }
.minicalendar .calendar_event_group,
.minicalendar .duration_group { border-color:#fee7ae; }

/* User
-----------------------*/

.userinfobox { border: none; }
.userinfobox .content { border: 1px solid #ddd; }

#page-user-view .buttons { text-align: center;width: 70%;margin: 0 auto; }
#page-user-view .buttons div { padding: 0 0 10px; }

#page-user-index .controls { width: 100%}
#page-user-index .controls .singleselect {margin: 0;}
#page-user-index .rolesform { text-align: center; margin: 1em 0; }
#page-user-index #participantsform { text-align: center;}
#page-user-index #longtimenosee { font-style: italic;font-size: 0.95em;}
#page-user-index #participants { width:100%;margin: 1em auto; }
#page-user-index #participants th,
#page-user-index #participants td { vertical-align: middle; }

/* Tags 
------------------------*/

#big-tag-cloud-box { padding:10px; }
#tag-management-box { text-align:center; }
.tag-management-form { border:none;padding:0 0 1em; }
#tag-management-list { margin:1em 0 }

#page-tag-index .managelink { text-align:right; }
#page-tag-index .headingblock { text-align:center;margin-bottom:0;}
#page-tag-index #tag-management-box { border-bottom:1px solid #ddd;padding:4px 0; }
#page-tag-index .relatedpages { text-align:center; }

#page-tag-manage .lastinitial { margin-bottom:0.5em; }
#page-tag-manage .green { text-align:center;padding:0 0 1em; }

/* Embedded Pages
------------------------*/

.pagelayout-embedded { text-align:center;background-color:#fff;background-image:none; }
.pagelayout-embedded #content { padding-top:30px; }

/* Forms 
-----------------------*/
.mform .fsubmit { text-align:center;padding:2px; }

.form-label .form-shortname { font-size: 0.9em;color: #777;}
.form-description { font-size: 0.95em; color: #444; }
Commit	Line	Data
a6516782 PM	1	.sitetopic { border: none; }
a6516782 PM	2	.headingblock { border-bottom: 1px solid #ddd;font-size: 1.3em;color: #333; }
f41046c7	3
e1edeb40 PM	4	.expired,
e1edeb40 PM	5	.notopenyet,
f41046c7 PM	6	.notifysuccess,
	7	.notifyproblem,
	8	.errorbox,
90e957bc	9	.continuebutton,
a79db405	10	.singlebutton,
90e957bc	11	.buttons,
a6516782	12	.singleselect { text-align: center;margin: 1em 0; }
90e957bc	13	.generalbox { border-color:#ddd; }
a79db405	14
e1edeb40 PM	15	.expired,
	16	.notopenyet {border: none;color:#f00;}
	17
f41046c7 PM	18	.buttons .singlebutton input { margin:0; }
	19	.initialbar { text-align:center; }
	20
	21	.side-pre-only #page-content #region-main-box #region-post-box #region-main-wrap #region-main { padding-right:0; }
	22	.side-post-only #page-content #region-main-box #region-post-box #region-main-wrap #region-main { padding-left:0; }
e1edeb40	23
f41046c7 PM	24	/* Login
	25	------------------------*/
	26
a6516782	27	.loginbox { margin: 15px 25%; }
a79db405	28	.loginbox .loginerrors { color: #f00; }
a6516782 PM	29	.loginbox .loginform { margin: 15px auto 0;width: 175px; }
	30	.loginbox .loginform .form-label { float: none;width: 100%;margin: 0 auto;text-align: left; }
	31	.loginbox .loginform .form-input { float: none;width: 100%;margin: 0 auto; }
a79db405	32	.loginbox .loginform .form-input #username,
a6516782	33	.loginbox .loginform .form-input #password { width: 97%;padding: 3px;font-size: 1.1em;font-family: Helvetica, Arial, sans-serif;border: 2px solid #ddd;margin: 0 0 5px;color: #333; }
a79db405	34	.loginbox .loginform .form-input #loginbtn { margin: 0.5em auto; }
a6516782 PM	35	.loginbox .forgetpass { margin: 1em 0 0;font-size: 0.95em; }
	36	.loginbox.twocolumns { width: 90%;margin-left: 5%; }
	37	.loginbox .guestsub { border-top: 1px solid #DDDDDD;margin: 5px 20% }
	38	.loginbox.twocolumns .loginpanel { border-color: #ddd;padding-right: 0.5%; }
f41046c7 PM	39	.loginbox.twocolumns .signuppanel { padding-left: 1%;width: 48%; }
f41046c7 PM	40
e1edeb40 PM	41	.page-course-loginas #notice { border:none; }
e1edeb40 PM	42
f41046c7 PM	43	#page-login-forgot_password .generalbox { margin:0 auto 1.5em;width:75%;padding:10px; }
	44
	45	#page-login-signup .mform { width:85%;margin:0 auto; }
	46	#page-login-signup .mform .fitem .fitemtitle { width:20%; }
	47	#page-login-signup .mform .fitem .felement { margin-left:21%; }
	48
	49	/* Calendar
	50	-----------------------*/
	51	.calendarlayout { width:100%; }
	52	.calendarlayout .sidecalendar { padding-left:15px; }
6605ff8c SH	53	.calendarlayout .sidecalendar .block { width:210px; }
6605ff8c SH	54	.calendarlayout .block .minicalendarblock h3 { text-align:center;font-size:1.2em; }
f41046c7 PM	55
	56	.maincalendar .header .buttons { margin:0; }
	57	.maincalendar .calendarmonth td,
	58	.maincalendar .calendarmonth th { border-color: #ddd; border-style: dotted;border-width: 1px; }
	59	.maincalendar .calendarmonth th,
	60	.calendarlayout .sidecalendar .minicalendar th { background:url([[pix:theme\|gradient-sb]]) repeat-x 0 0; }
	61
	62	.maincalendar .calendar-controls { padding:10px 5px 0; }
	63	.maincalendar .calendar-controls .previous,
	64	.maincalendar .calendar-controls .current,
	65	.maincalendar .calendar-controls .next { width:5%;float:left; }
	66	.maincalendar .calendar-controls .current { margin:0 auto;font-size:1.5em;text-align:center;line-height:1;font-weight:bold; }
	67	.maincalendar .calendar-controls .next { text-align:right; }
	68	.maincalendar .filters table td { font-size:0.9em; }
	69	.maincalendar .bottom { margin-top:25px; }
	70
	71	.minicalendar th abbr { border:none; }
	72	.sidecalendar .filters td,
	73	.minicalendar td,
	74	.minicalendar th { padding:2px;font-size:0.85em; }
	75
	76	#page-calendar-view .eventlist { padding-top:1em; }
	77	#page-calendar-view .eventlist .event { border:none; }
	78	#page-calendar-view .eventlist .event .topic { border-width:1px 1px 0;border-color:#ddd;border-style:solid;background:#f5f5f5; }
	79	#page-calendar-view .eventlist .event .topic .name { font-weight:bold; }
	80	#page-calendar-view .eventlist .event .description { border-width:0 1px 1px;border-style:solid;border-color:#ddd; }
	81
	82	.calendartable .duration ul { border-width:2px 0;border-style:solid;}
	83	.calendartable .duration_user ul { border-color:#dce7ec; }
	84	.calendartable .duration_global ul { border-color:#d6f8cd; }
	85	.calendartable .duration_group ul { border-color:#fee7ae; }
	86	.calendartable .duration_course ul { border-color:#ffd3bd; }
	87	.calendartable .duration .events-underway { color:#666; }
	88
	89	.minicalendar { border-collapse:separate; }
	90	.minicalendar td,
	91	.minicalendar th { font-size:0.85em;padding:0 2px;border-width:2px 0;border-color:#fff;}
	92
	93	.minicalendar .calendar_event_user,
	94	.minicalendar .duration_user { border-color:#dce7ec; }
	95	.minicalendar .calendar_event_course,
	96	.minicalendar .duration_course { border-color:#ffd3bd; }
	97	.minicalendar .calendar_event_global,
	98	.minicalendar .duration_global { border-color:#d6f8cd; }
	99	.minicalendar .calendar_event_group,
	100	.minicalendar .duration_group { border-color:#fee7ae; }
a6516782	101
7b4c6d34 PM	102	/* User
	103	-----------------------*/
	104
a6516782 PM	105	.userinfobox { border: none; }
a6516782 PM	106	.userinfobox .content { border: 1px solid #ddd; }
90e957bc	107
a6516782 PM	108	#page-user-view .buttons { text-align: center;width: 70%;margin: 0 auto; }
a6516782 PM	109	#page-user-view .buttons div { padding: 0 0 10px; }
a79db405	110
7b4c6d34	111	#page-user-index .controls { width: 100%}
f41046c7	112	#page-user-index .controls .singleselect {margin: 0;}
7b4c6d34 PM	113	#page-user-index .rolesform { text-align: center; margin: 1em 0; }
	114	#page-user-index #participantsform { text-align: center;}
	115	#page-user-index #longtimenosee { font-style: italic;font-size: 0.95em;}
	116	#page-user-index #participants { width:100%;margin: 1em auto; }
	117	#page-user-index #participants th,
	118	#page-user-index #participants td { vertical-align: middle; }
	119
f41046c7 PM	120	/* Tags
	121	------------------------*/
	122
	123	#big-tag-cloud-box { padding:10px; }
	124	#tag-management-box { text-align:center; }
	125	.tag-management-form { border:none;padding:0 0 1em; }
	126	#tag-management-list { margin:1em 0 }
	127
	128	#page-tag-index .managelink { text-align:right; }
	129	#page-tag-index .headingblock { text-align:center;margin-bottom:0;}
	130	#page-tag-index #tag-management-box { border-bottom:1px solid #ddd;padding:4px 0; }
	131	#page-tag-index .relatedpages { text-align:center; }
	132
	133	#page-tag-manage .lastinitial { margin-bottom:0.5em; }
	134	#page-tag-manage .green { text-align:center;padding:0 0 1em; }
	135
7b4c6d34 PM	136	/* Embedded Pages
	137	------------------------*/
	138
f41046c7	139	.pagelayout-embedded { text-align:center;background-color:#fff;background-image:none; }
7b4c6d34 PM	140	.pagelayout-embedded #content { padding-top:30px; }
	141
	142	/* Forms
	143	-----------------------*/
e1edeb40	144	.mform .fsubmit { text-align:center;padding:2px; }
7b4c6d34 PM	145
	146	.form-label .form-shortname { font-size: 0.9em;color: #777;}
	147	.form-description { font-size: 0.95em; color: #444; }