/************************************** * THEME NAME: envy * * Files included in this sheet: * * envy/styles_default.css * envy/styles_blue.css * envy/styles_thin.css **************************************/ /***** envy/styles_default.css start *****/ /****************************************************************** * Name: Envy * Description: Envy is a variable-fixed-width theme for Moodle. * Theme URL: http://newschoollearning.com/premium-themes/envy/ * Support URL: http://support.newschoollearning.com/forum/envy * Author: Patrick Malley * Author URI: http://newschoollearning.com * Version: 1.0 * * Note: Customize, edit, poke, prod, and adapt to your needs. * However, do not share. Unless other arrangements have been made, * this style sheet (regardless of modification) remains the * property of NewSchool Learning and is licensed for use * on a single installation of Moodle. For questions, please * contact the author at the above URI. Enjoy. *******************************************************************/ *, html, body { margin:0; padding:0; } body { font-size:0.9em; font-family:Tahoma, sans-serif; background:#adadad url(pix/bg/bg_gradient.png) repeat-x fixed top; } #page { margin:25px auto 0; padding:10px; background:#fff; border:1px solid #c8c8c8; } p { padding-bottom:10px; } h1, h2, h3, h4, h5, h6 { font-weight:normal; } h2.main { margin:15px; } #middle-column { font-family:"Lucida Sans Unicode", sans-serif; line-height:1.3em; } #layout-table { margin-top:7px; } #left-column, #right-column { padding-top:5px; } h2.headingblock { border:none; font-weight:normal; font-size:1.4em; color:#444444; margin:0 !important; } .generalbox { border:none; } .singlebutton, .user .buttons { margin-top:15px; text-align:center; } textarea { width:100%; } ul li, ol li { margin-left:1.5em; } ul, ol { padding:2px 10px 5px; } .userinfobox { border:none; } .userinfobox td.content { border-top:1px solid #eee; border-bottom:3px solid #eee; background:#fafafa; } legend { padding:1px 4px; border:1px solid #eee; background:#fafafa; } blockquote { margin:1em 3em; padding:0 0 0 4px; color:#666; border-left:2px solid #999; } .blockconfiginstance { width:90%; margin: auto; } .blockconfiginstance td { padding:3px; } .htmlarea .toolbar table tbody tr td { padding:0; } /****************** * Links * ******************/ #footer a:link, #footer a:visited, .breadcrumb a:link, .breadcrumb a:visited { color:#ededed; } #footer a:hover, #footer a:active { background:none; } .tabtree a:hover { background:#fff url(pix/tab/left_hover.gif) no-repeat left top; border-bottom:none; } a img, .editing .commands a, .editing .summary a, .breadcrumb a, .categorybox .info a, .coursebox .info a, .helplink a, .right a, .sideblock .user a { background:none !important; border-bottom:none !important; } #message_user a:hover { background: #fff !important; border-bottom: none !important; } .logtable a:hover { border-bottom:none; } /*************** * Header * ***************/ .headermain, h1.headermain { float:none; text-align:center; } #header-wrap { height:110px; padding-top:4%; clear: both; } h2.header-description { text-align:center; font-family:Verdana, sans-serif; font-weight:normal; font-size:0.9em; color:#fff; } #header-home h1.headermain, #header h1.headermain { font-family:sans-serif; font-size:2.3em; font-weight:normal; color:#fff; } #styleswitcher { background:url(pix/bg/bg_switcher.png) no-repeat top right; height:30px; width:200px; float:right; margin-right:20px; } #styleswitcher ul { margin:3px 6px 0 0; padding:0; list-style-type:none; } #styleswitcher ul li { padding:0 0 0 3px; margin:0; display:block; float:right; } #styleswitcher ul li a { display:block; height:14px; width:14px; outline:none !important; line-height:14px; } #styleswitcher ul li a:hover { border:1px solid #fff; } #styleswitcher ul li.pad { padding-left:12px; } /***************** * Footer * *****************/ #footer { color:#ededed; margin-top:10px; } #footer .logininfo { float:right; margin:5px; color:#fff; } .homelink, .sitelink { clear:both; } .homelink { margin:0; padding-bottom:10px; } #footer .helplink { float:left; margin:5px; } #credits { font-size: 0.75em; text-align: center; padding:5px 0 10px; clear: both; } #credits a:link, #credits a:visited { color:#adadad; width: 100%; display: block; } #credits a:hover, #credits a:active { color: #333; background: none; border: none; } /**************** * Navbar * ****************/ .navbar { border:none; margin:5px 0; padding:5px 10px 6px; font-family:Verdana, sans-serif; } .breadcrumb { font-weight:normal; color:#ededed; } .navbutton { margin-top:0 !important; } .navbutton input { font-size: 0.9em; margin-left:3px; } .navbar ul li { margin:0; padding:0; } .navbar ul { padding:0; } .breadcrumb a { color:#ededed; } .breadcrumb .sep { font-size:0.75em; padding:0 5px; } /***************** * Login * *****************/ .loginpanel .loginsub .desc { background:#f8f7ef; border-top:1px dashed #b2b2b2; border-bottom:1px dashed #b2b2b2; } .loginbox { background:#fafafa; ; } /****************** * Sideblocks * ******************/ .sideblock { font-family:Tahoma, sans-serif; margin:0; padding-bottom:5px; } .sideblock ul, .sideblock ul li { margin:0; padding:0; } .sideblock .content { background:none; border:none; padding:7px; } .block_site_main_menu .content, .block_participants .content, .block_activity_modules .content, .block_blog_menu .content, .block_search .content, .block_admin .content, .block_course_list .content { padding:0; } .block_search .content { padding-top:10px; } .sideblock .header, .sideblock h2 { font-size:1em; } .sideblock .title { padding-top:5px; } .sideblock .header { padding:5px 6px 6px 10px; border:none; } .sideblock .content ul li img.icon { display:none; } .sideblock ul { line-height: 0em; } .block_recent_activity ul { line-height: 1.3em; } .block_recent_activity .content ul li a { display: inline !important; background: none; padding:none; } .sideblock .content ul li a { display: block; padding:6px 0 6px 10px; text-decoration:none; } .block_blog_tags .content ul li a { display:inline; border:none; padding:0; color:#55555a; } .editing .sideblock .content ul li a { border:none; padding-bottom:1px; } .sideblock .content ul li .buttons .commands a, .block_news_items .content ul li a, .block_rss_client .content ul li a, .block_online_users .content ul li a { display:inline; border:none !important; padding:0; } .block_rss_client .content ul li .link { padding:7px 0 2px 0; } .sideblock .content ul li .buttons { padding:0 0 5px 10px; border-bottom:1px solid #eaeada; } .block_online_users .info { font-size:0.8em; margin-bottom:7px; } .block_login .loginform .c1 input { width:75px; font-size:0.8em; } .block_login .footer { font-size:0.8em; } /**************** * Admin * ****************/ #admin-roles-assign .generaltable td.cell.c0, #admin-roles-override .generaltable td.cell.c0 { font-size:0.8em; } #admin-roles-assign .cell, #admin-roles-override .cell { padding:0.5em; } .admin #middle-column { padding-top:15px; } /**************** * Courses * ****************/ #course-view h2.headingblock { display:none; } #course-view #middle-column { padding-top:15px; } .categorylist { margin:5px auto; } #course-index .categorybox, #course-index-index .categorybox, #course-category .courseboxes { width:65%; margin:10px auto; background:#fafafa; border:1px solid #f0f0f0; } #movecourses table { width:50%; } .coursebox { border:none; border-bottom:1px dashed #dadada; padding-bottom:15px; } .addcategory #addform { text-align:center; margin:10px; } .section .content ul li { margin:0; padding:0; } #course-user .section { margin:10px auto; border: none !important; } #course-user .section table tbody tr td { padding:3px; } #course-view .section td.spacer { padding:3px; } #course-view #middle-column { background:none; padding-top:0; } #course-view .weekdates { font-size:0.75em; } #middle-column .section_add_menus .horizontal{ float: right; } /******************* * Forums * *******************/ .forumpost { border:none; } .forumpost .picture, .eventlist .picture { background:none; } table.forumpost .topic, table.forumpost .content { border:1px solid #CCCCCC; background:#fafafa; } table.forumpost .topic { border:none; border-top:1px solid #eee; border-right:1px solid #eee; border-left:1px solid #eee; padding:7px 10px; } table.forumpost .content { border:none; border-bottom:3px solid #eee; border-right:1px solid #eee; border-left:1px solid #eee; font-size:0.95em; padding:5px 10px; } .forumpost .starter { background:#fafafa !important; } .forumpost .author { border-bottom:1px solid #eaeaea; padding-bottom:2px; } .forumpost .side { background:none; } .forumpost .left { padding:0 5px 0 0; } .forumolddiscuss { padding-top: 5px; font-size: 0.8em; } img.userpicture, img.grouppicture, #message-index img.userpicture { background:url(pix/bg/shadow_35.png) no-repeat bottom right !important; padding:0 4px 4px 0; } .sideblock img.userpicture { background:url(pix/bg/shadow_16.png) no-repeat bottom right !important; padding:0 2px 2px 0; } .userinfobox img.userpicture, #message-history img.userpicture, #message-user img.userpicture { background:url(pix/bg/shadow_100.png) no-repeat bottom right !important; padding:0 7px 7px 0; } .searchbox { margin:auto; } .searchbox td { padding:4px; } .searchbox td.submit { padding-top:15px; } .mod-forum #content { padding:10px; } /***************** * Blogs * *****************/ .blog #layout-table tbody tr td table tbody tr td { padding:7px; } .blog #left-column, .blog #right-column { background:none; } /****************** * Tables * ******************/ .forumheaderlist .discussion .topic { background:none; } .forumheaderlist { width:95%; margin-left:auto; margin-right:auto; } .forumheaderlist, .generaltable, .logtable, .files, #categoryquestions { border:1px solid #f7f7f7; padding-bottom:10px; } .forumheaderlist th, .generaltable th, .logtable th, .files th, #categoryquestions th, .quizquestions .invisiblefieldset th, .editcourse th, #movecourses th, .generaltableheader th { background:#ddd; border-bottom:1px solid #aaa; border-left:1px solid #fff; text-transform:uppercase; font-weight:normal; padding:3px 5px 1px !important; } .logtable th, #participants th { padding:2px 5px 0; font-size:0.8em; } .forumheaderlist td, .generaltable td, .logtable td, .files td, #categoryquestions td, .editcourse td, #movecourses td { border:none; border-left:1px solid #f7f7f7; padding:3px; } .editcourse td, #movecourses td { border-bottom:1px solid #f7f7f7; border-right:1px solid #f7f7f7; } , body#theme-index table tbody tr td table tbody tr td p { padding-top:5px !important; } #categoryquestions select#menusortorder { float:right; margin-right:5px; } .forumheaderlist .r0, .generaltable .r0 { background:#f7f7f7; } .discussioncontrols td, .discussioncontrols div { float:right; } .forumthread { padding:10px 35px; } .forumheaderlist tr:hover, .generaltable tr:hover, .logtable tr:hover, table.files tr:hover, #listdirectories tr:hover, .editcourse tr:hover { background:#f9ffdd; } .logtable { width:99%; } table.files { margin:auto; } body#mod-quiz-report table#itemanalysis { font-size:0.8em; } /*************** * Search * ***************/ .search #query { text-align:center; padding-bottom:15px; } .search .generalbox .generalbox div { background:#f8f7ef; border-top:1px dashed #b2b2b2; border-bottom:1px dashed #b2b2b2; padding-top:10px; } /************** * Admin * **************/ form.mform { width:98%; } form.mform fieldset .advancedbutton { width:99%; } .profileeditor { text-align:center; padding-top:15px; } .categoryediting div { padding-top:10px; } form#enrolmenu table { width:85%; } .backup #content { background:#fafafa; padding:10px; } .backup #form1 div { margin-top:15px; } .backup #form1 td { padding:5px; } .files #middle-column table { width:100%; } #admin-maintenance #layout-table table { width:100%; } #admin-calendar_weekend.form-item table { width:70% !important; font-size:0.9em; } #adminsettings fieldset, .glossarypost { background:#fafafa; border:1px solid #eee; } input#id_name { width:100%; } /********************************* * Nasty hack to do fixed width * *********************************/ #message-history #page, #message-user #page, body#message-user, body#message-history, body#message-messages, body#message-index, body#message-send, #message-index #page, body#course-info, #course-info #page, #help #page, body#help, #mod-glossary-showentry #page, #course-group #page, body#course-group, body#question-preview, #question-preview #page, body#mod-quiz-comment, #mod-quiz-comment #page, #mod-quiz-comment #footer, #lib-form-editorhelp #page, body#lib-form-editorhelp { width:auto !important; background:#fff !important; border:none !important; } .message .helplink { display:none; } #help p { padding-top:5px; } #help #content, #lib-form-editorhelp #content { width:85%; background:#ffffcc; border:2px dashed #ffff00; margin:auto; } /******************* * Questions * *******************/ #mod-quiz-edit { font-size:0.8em; } .questionbank, .quizquestions { padding:2px; } .questionbank table strong { padding-left:50px; } .questionbank td, .quizquestions td { padding:5px; } .questionbank input { margin:5px; } .questionbank #displayoptions { border-bottom:1px dashed #eee; margin:0 auto 15px; padding-bottom:5px; width:75%; } .questionbank .boxaligncenter { text-align:center; font-weight:bold; margin-bottom:10px; } .questionbank .boxaligncenter table { margin:auto; } table.quiz-edit-selected { margin:auto; } #showbreaks fieldset input { margin:4px; } #question-import .generalbox, #question-export .generalbox { width:70%; background:#ffffcc; border:2px dashed #ffff00; } #question-import .generalbox table tbody tr td, #question-export .generalbox table tbody tr td { padding:3px; } #mod-quiz-attempt #page { text-align:left; } #passwordform { text-align:center; } #passwordform .generalbox { background:#ff5762; border:2px solid #da0003; color:#fff; } .quizinfo { width:50%; margin:auto; padding-top:10px; background:#ffffcc; border:2px dashed #ffff00; } /****************** * Asssignments * ******************/ .mod-assignment #dates.generalbox { width:50%; background:#ffffcc; border:2px dashed #ffff00; } .mod-assignment #dates table { margin:auto; } /****************** * Glossary * *******************/ .mod-glossary #form table.generalbox, #mod-glossary-import .glossarydisplay table { margin:auto; background:#fafafa; border:1px solid #eee; } .mod-glossary #form table.generalbox tbody tr td { padding:4px; } .mod-glossary #form table.generalbox tbody tr td div { text-align:center; } #mod-glossary-import .glossarydisplay table { width:90%; margin:auto; } #mod-glossary-import .glossarydisplay table table { border:none; border-top:1px dashed #eee; width:100%; } #mod-glossary-import .glossarydisplay table tbody tr td { padding:5px; } /*************** * Workshop * ****************/ .mod-workshop .generalbox { border:1px solid #eee; background:#f7f7f7; width:75%; } .mod-workshop b { line-height:1.3em; } #workshop #form table tbody tr td { padding:5px; } #wiki-view .wiki { border:1px solid #eee; padding:5px; background:#fafafa; } #wiki-view .wiki .version-info { margin:10px; } #wiki-view .wiki .version-info tbody tr td, #wiki-view .wiki .wikiexportbox table tbody tr td { padding:4px; } .wikiexportbox { text-align:center; } #wiki-view .wiki .wikiexportbox table { margin:auto; } #mod-wiki-admin fieldset { width:100%; text-align:center; } #wiki-view .PageIndex a, #wiki-view .UpdatedPages a, #wiki-view .OrphanedPages a, #wiki-view .WantedPages a { line-height:1.5em; } #wikiPageActions { margin-bottom:10px; } /***************** * Messages * *****************/ #message-index { font-size:1em; } #message-index table, #message-history table { margin:auto; } #message-index table tbody tr td { padding:2px; } .message textarea { width:75%; } .message #page { margin:0; padding:0; } /****************** * Fixes * ******************/ .block_news_items ul { line-height:1.2em; }/***** envy/styles_default.css end *****/ /***** envy/styles_blue.css start *****/ #header-home, #header { background:#3355aa url(pix/bg/bg_blue.png) no-repeat top left; } #left-column, #right-column, .sideblock { background:#efefef; } .sideblock .header, .sideblock h2 { color: #2d2d2d; } .sideblock .header, .sideblock .content ul li a { border-bottom:1px solid #cfcfcf; } .tabtree ul li ul li a span, a:link, a:visited { color: #1f499c; } .block_blog_tags .content ul li a:hover, .block_rss_client .content ul li a:hover, a:hover, a:active { background:#e9e9e9; text-decoration:none; border-bottom:1px solid #9f9f9f; } #styleswitcher ul li a { background:#999; border:1px solid #888; } #footer { background:#575757; } .navbar { background-color: #575757; } #course-view .weekcss .current, #course-view .current td.side { background:#fffdef !important; border-color:#ffff00 !important; } #course-view .current td.content { background:#fffdef !important; border-color:#ffff00 !important; } #course-view .section td.side { background:#f5f8fa; border:none; } #course-view .section td.content { background: #f5f8fa; border-top:1px dashed #c1d5fa; border-bottom:1px dashed #c1d5fa; padding:10px 0; } #course-view .section td.left { border-left:1px dashed #c1d5fa; border-top:1px dashed #c1d5fa; border-bottom:1px dashed #c1d5fa; } #course-view .section td.right { border-right:1px dashed #c1d5fa; border-top:1px dashed #c1d5fa; border-bottom:1px dashed #c1d5fa; } /***** envy/styles_blue.css end *****/ /***** envy/styles_thin.css start *****/ #page {width: 800px !important;}/***** envy/styles_thin.css end *****/