Repository: kndnsow/moodle-theme_roshnilite Branch: master Commit: f938386e1fd8 Files: 38 Total size: 837.2 KB Directory structure: gitextract_1wpdxlqs/ ├── Readme.txt ├── config.php ├── lang/ │ └── en/ │ └── theme_roshnilite.php ├── layout/ │ ├── columns.php │ ├── contentonly.php │ ├── footer.php │ ├── frontpage.php │ ├── login.php │ ├── maintenance.php │ ├── navbar.php │ └── secure.php ├── lib.php ├── scss/ │ ├── classicgrunt.scss │ ├── fontawesome.css │ ├── fontawesome.scss │ ├── moodle.scss │ ├── preset/ │ │ ├── default.scss │ │ └── plain.scss │ └── roshnilite/ │ ├── body-background.scss │ ├── post.scss │ ├── pre.css │ └── pre.scss ├── settings.php ├── style/ │ ├── moodle.css │ └── styles.css ├── templates/ │ ├── columns.mustache │ ├── contentonly.mustache │ ├── footer.mustache │ ├── frontpage.mustache │ ├── frontpagefooter.mustache │ ├── frontpagenavbar.mustache │ ├── head.mustache │ ├── login.mustache │ ├── maintenance.mustache │ ├── navbar-secure.mustache │ ├── navbar.mustache │ └── secure.mustache └── version.php ================================================ FILE CONTENTS ================================================ ================================================ FILE: Readme.txt ================================================ Roshni Lite [This block is written by DualCube.] =========== This Moodle Theme is a 100% responsive, feature heavy beautiful Moodle theme. It is compatible with the latest Moodle 4.1. It provides customizable sections on the front page which the user may customize through a backend setting panel, can add/update/delete content. Installation:- ------------ Go to [ Site administration > Plugins(Plugins) > Install plugins ] and just upload or drag & drop downloaed ZIP file. To install, place all downloaded files in /theme/roshnilite and visit /admin/index.php in your browser. Overview:- -------- It provides customizable sections on the front page which the user may customize through a backend setting panel, can add/update/delete content. 1. Truckloads of customization options! 2. Exclusive frontpage with high-resolution graphics. 3. Beautifully crafted dynamic Masonry blocks. 4. Two graphical and one contextual information sections. 5. Automatic display of course on the front page. 6. Set own custom theme color with the color picker. 7. Customizable social icons and custom font support. 8. Full-fledged slider! 9. Unique login page 10. Provision to display default "Main Page content" for Moodle. Setting Panel:- ------------- In site administration >> Appearance >> Themes >> Roshni Lite << you get total 4 panel for fully customize the theme 1.General Settings Here you can change- whole theme color(like.Brand colour, Main Theme Color), Background image, Favicon, Logo, Heading style ..., About site text...,social handle and its icons.. 2.Advanced settings Here you can change- Raw SCSS file which can change whole theme visualization (It's too powerful use if you know about the changes) 3.Font Settings Here you can change- your site default font. 4.Faculty Settings Here you can change- add faculty displays settings which will show in site Home page. Uninstall --------- Admin can uninstall this admin tool from- Administration > Site Administration > Plugins > Plugins overview [Roshni Lite] > uninstall ================================================ FILE: config.php ================================================ . /** * Roshnilite theme. * * @package theme_roshnilite * @author DualCube * @copyright DualCube (https://dualcube.com) * @license http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later */ // This line protects the file from being accessed by a URL directly. defined('MOODLE_INTERNAL') || die(); global $CFG; $THEME->name = 'roshnilite'; $THEME->sheets = ['styles']; $THEME->editor_sheets = []; $THEME->parents = ['boost']; $THEME->haseditswitch = true; $THEME->enable_dock = false; $THEME->extrascsscallback = 'theme_roshnilite_get_extra_scss'; $THEME->prescsscallback = 'theme_roshnilite_get_pre_scss'; $THEME->precompiledcsscallback = 'theme_roshnilite_get_precompiled_css'; $THEME->yuicssmodules = []; $THEME->rendererfactory = 'theme_overridden_renderer_factory'; $THEME->csspostprocess = 'theme_roshnilite_process_css'; $THEME->scss = function ($theme) { return theme_roshnilite_get_main_scss_content($theme); }; $THEME->layouts = [ // Most backwards compatible layout without the blocks - this is the layout used by default. 'base' => [ 'file' => 'columns.php', 'regions' => [], ], // Standard layout with blocks, this is recommended for most pages with general information. 'standard' => [ 'file' => 'columns.php', 'regions' => ['side-pre', 'side-post'], 'defaultregion' => 'side-pre', ], // Main course page. 'course' => [ 'file' => 'columns.php', 'regions' => ['side-pre', 'side-post'], 'defaultregion' => 'side-pre', 'options' => ['langmenu' => true], ], 'coursecategory' => [ 'file' => 'columns.php', 'regions' => ['side-pre'], 'defaultregion' => 'side-pre', ], // Part of course, typical for modules - default page layout if $cm specified in require_login(). 'incourse' => [ 'file' => 'columns.php', 'regions' => ['side-pre'], 'defaultregion' => 'side-pre', ], // The site home page. 'frontpage' => [ 'file' => 'frontpage.php', 'regions' => ['side-pre', 'side-post'], 'defaultregion' => 'side-pre', 'options' => ['nofullheader' => true, 'nonavbar' => true], ], // Server administration scripts. 'admin' => [ 'file' => 'columns.php', 'regions' => ['side-pre'], 'defaultregion' => 'side-pre', ], // My dashboard page. 'mydashboard' => [ 'file' => 'columns.php', 'regions' => ['side-pre', 'side-post'], 'defaultregion' => 'side-pre', 'options' => ['nonavbar' => true, 'footer' => true, 'langmenu' => true, 'nocontextheader' => true], ], // My public page. 'mypublic' => [ 'file' => 'columns.php', 'regions' => ['side-pre'], 'defaultregion' => 'side-pre', ], 'login' => [ 'file' => 'login.php', 'regions' => [], 'options' => ['langmenu' => true], ], // Pages that appear in pop-up windows - no navigation, no blocks, no header. 'popup' => [ 'file' => 'contentonly.php', 'regions' => [], 'options' => ['nofooter' => true, 'nonavbar' => true], ], // No blocks and minimal footer - used for legacy frame layouts only! 'frametop' => [ 'file' => 'contentonly.php', 'regions' => [], 'options' => ['nofooter' => true, 'nocoursefooter' => true], ], // Embeded pages, like iframe/object embeded in moodleform - it needs as much space as possible. 'embedded' => [ 'file' => 'embedded.php', 'regions' => [], ], // Used during upgrade and install, and for the 'This site is undergoing maintenance' message. // This must not have any blocks, links, or API calls that would lead to database or cache interaction. // Please be extremely careful if you are modifying this layout. 'maintenance' => [ 'file' => 'maintenance.php', 'regions' => [], ], // Should display the content and basic headers only. 'print' => [ 'file' => 'contentonly.php', 'regions' => [], 'options' => ['nofooter' => true, 'nonavbar' => false], ], // The pagelayout used when a redirection is occuring. 'redirect' => [ 'file' => 'frontpage.php', 'regions' => [], ], // The pagelayout used for reports. 'report' => [ 'file' => 'columns.php', 'regions' => ['side-pre'], 'defaultregion' => 'side-pre', ], // The pagelayout used for safebrowser and securewindow. 'secure' => [ 'file' => 'secure.php', 'regions' => ['side-pre'], 'defaultregion' => 'side-pre', ], ]; ================================================ FILE: lang/en/theme_roshnilite.php ================================================ . /** * Language file. * * @package theme_roshnilite * @author DualCube * @copyright DualCube (https://dualcube.com) * @license http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later */ // This line protects the file from being accessed by a URL directly. defined('MOODLE_INTERNAL') || die(); // Raw SCSS setting. $string['choosereadme'] = '

Roshni Lite

Parents

This theme was previously based upon the Bootstrapbase theme, which was created for Moodle 2.5, with the help of:
Stuart Lamour, Mark Aberdour, Paul Hibbitts, Mary Evans.

Font setting section of this theme is based upon the Essential theme with the help of:
Julian Ridden, Gareth J. Barnard, David Bezemer.

Theme Credits

This theme has now been redeveloped as a child of Boost theme. This theme is compatible with moodle version starting from 3.6.8 to latest 3.8.1

Authors: DualCube
Contact: admin@dualcube.com
Website: https://dualcube.com/

'; $string['configtitle'] = 'Roshni Lite'; $string['navbardark'] = 'Use a dark style navbar'; $string['navbardarkdesc'] = 'Swaps text and background colours for the navbar at the top of the page between dark and light.'; $string['pluginname'] = 'Roshni Lite'; $string['presetfiles'] = 'Additional theme preset files'; $string['presetfiles_desc'] = 'Preset files can be used to dramatically alter the appearance of the theme. See Boost presets for information on creating and sharing your own preset files, and see the Presets repository for presets that others have shared.'; $string['preset'] = 'Theme preset'; $string['preset_desc'] = 'Pick a preset to broadly change the look of the theme.'; $string['region-side-post'] = 'Right'; $string['region-side-pre'] = 'Left'; $string['sitetitle'] = 'Site title'; $string['privacy:metadata'] = 'The roshnilite theme does not store any personal data.'; $string['customcss'] = 'Custom CSS'; $string['customcssdesc'] = 'Whatever CSS rules you add to this textarea will be reflected in every page, making for easier customization of this theme.'; $string['logo'] = 'Logo'; $string['logodesc'] = 'Please upload or enter the url of your custom logo here if you want to add it to the header. The image should be 65px high and any reasonable width that suits. If you upload a logo it will replace the standard icon and name that was displayed by default.'; $string['favicon'] = 'Favicon'; $string['favicondesc'] = 'Please upload or enter the url of the icon you want to show in the browser address bar, the fav icon.'; $string['generalsettings'] = 'General Settings'; $string['standarddesc'] = 'General Settings Desc'; $string['customsettings'] = 'Custom Settings'; $string['fontfiles'] = 'Upload Unlimited Fonts'; $string['fontfilesdesc'] = 'Upload your font files here.'; $string['fontfilettfheading'] = 'Heading TTF font file'; $string['fontfileotfheading'] = 'Heading OTF font file'; $string['fontfilewoffheading'] = 'Heading WOFF font file'; $string['fontfilewofftwoheading'] = 'Heading WOFF2 font file'; $string['fontfileeotheading'] = 'Heading EOT font file'; $string['fontfilesvgheading'] = 'Heading SVG font file'; $string['fontfilettfbody'] = 'Body TTF font file'; $string['fontfileotfbody'] = 'Body OTF font file'; $string['fontfilewoffbody'] = 'Body WOFF font file'; $string['fontfilewofftwobody'] = 'Body WOFF2 font file'; $string['fontfileeotbody'] = 'Body EOT font file'; $string['fontfilesvgbody'] = 'Body SVG font file'; $string['fontselectdesc'] = 'You may choose from the ‘Standard’ fonts or add your customised fonts by selecting ‘Custom’ font.'; $string['fonttypestandard'] = 'Font Type Standard'; $string['fonttypecustom'] = 'Font Type Custom'; $string['fontselect'] = 'Select Font'; $string['fontnameheading'] = 'Choose Font Name Heading'; $string['fontnameheadingdesc'] = 'You may add the font name for the headings in your site i.e. site headings will be displayed in this font.'; $string['fontnamebody'] = 'Choose Font Name Body'; $string['fontnamebodydesc'] = 'You may add the font name for the body of your site i.e. the body of the site will be displayed in this font.'; $string['customdesc'] = 'Custom Desc'; $string['moodlemaincontentinfrontpage'] = 'Enable default moodle homepage content'; $string['moodlemaincontentinfrontpagedesc'] = ''; $string['fontsettings'] = 'Font Settings'; $string['slidercount'] = 'Slidercount '; $string['slidercountdesc'] = 'Select, from dropdown, the number of slides in the slider.You can add up to 6 slides.'; $string['one'] = '1'; $string['two'] = '2'; $string['three'] = '3'; $string['four'] = '4'; $string['five'] = '5'; $string['six'] = '6'; $string['seven'] = '7'; $string['eight'] = '8'; $string['slideimage'] = 'Upload Your Image For Slide '; $string['slideimagedesc'] = 'Please upload or enter the url of the image for the slide '; $string['slidertext'] = 'Text for slide '; $string['slidertextdesc'] = 'Enter a descriptive text for your slide '; $string['sliderurl'] = 'Link for slide '; $string['sliderbuttontext'] = 'Enter your text for button on slide '; $string['sliderbuttontextdesc'] = 'If you do not enter any text, the button will be disappear.'; $string['sliderurldesc'] = "Enter only pagename. e.g. If you want to go to the dashboard page, just write 'my' and it will redirective to the dashboard page of your moodle site."; $string['maincolor'] = 'Choose Main Theme Color'; $string['maincolordesc'] = 'Choose your own custom Color scheme for the theme.'; $string['masonrycount'] = 'Masonrycount'; $string['one'] = '1'; $string['two'] = '2'; $string['three'] = '3'; $string['four'] = '4'; $string['five'] = '5'; $string['six'] = '6'; $string['seven'] = '7'; $string['eight'] = '8'; $string['masonryimage'] = 'Upload your image for masonry block '; $string['masonryimagedesc'] = 'Upload your image for masonry block '; $string['masonrytext'] = 'Text for masonry block '; $string['masonrytextdesc'] = 'Enter the text for masonry block '; $string['masonryurl'] = 'Enter masonry URL '; $string['masonrysubtext'] = 'Sub text for masonry block '; $string['masonrysubtextdesc'] = 'Enter the sub text for masonry block '; $string['masonryurldesc'] = 'Enter the target url for the masonry block '; $string['addressfontawesomeicon'] = 'Enter Font awesome icon tag for address icon'; $string['addressfontawesomeicondesc'] = 'Just copy and paste < i >< / i > tag'; $string['address'] = 'Enter Address'; $string['addressdesc'] = 'Enter your address here. '; $string['phonefontawesomeicon'] = 'Enter Font awesome icon tag for phone icon'; $string['phonefontawesomeicondesc'] = 'Just copy and paste < i >< / i > tag'; $string['phone'] = 'Enter Phone Number'; $string['phonedesc'] = 'Enter your contact here. '; $string['emailfontawesomeicon'] = 'Enter Font awesome icon tag for email icon'; $string['emailfontawesomeicondesc'] = 'Just copy and paste < i >< / i > tag'; $string['email'] = 'Enter Email Address'; $string['emaildesc'] = 'Enter your email address here. '; $string['socialfontawesomeicon1'] = 'Enter Font awesome icon tag for social icon'; $string['socialfontawesomeicondesc1'] = 'Just copy and paste < i >< / i > tag'; $string['socialfontawesomeicon2'] = 'Enter Font awesome icon tag for social icon'; $string['socialfontawesomeicondesc2'] = 'Just copy and paste < i >< / i > tag'; $string['socialfontawesomeicon3'] = 'Enter Font awesome icon tag for social icon'; $string['socialfontawesomeicondesc3'] = 'Just copy and paste < i >< / i > tag'; $string['socialfontawesomeicon4'] = 'Enter Font awesome icon tag for social icon'; $string['socialfontawesomeicondesc4'] = 'Just copy and paste < i >< / i > tag'; $string['socialicon'] = 'Link of social icon'; $string['socialicondesc'] = 'Enter the target link of icon. '; $string['aboutsiteimage'] = 'Upload image'; $string['faboutsiteimagedesc'] = 'Upload image for the first block.'; $string['aboutsitename'] = 'Enter block name'; $string['faboutsitenamedesc'] = 'Enter the name of first block in about site section.'; $string['aboutsitetext'] = 'Enter block sub text'; $string['faboutsitetextdesc'] = 'Enter the sub text for the first block.'; $string['aboutsiteurl'] = 'Enter url'; $string['faboutsiteurldesc'] = 'Enter the target url for the first block.'; $string['saboutsiteimagedesc'] = 'Upload image for the second block.'; $string['saboutsitenamedesc'] = 'Enter the name of second block in about site section.'; $string['saboutsitetextdesc'] = 'Enter the sub text for the second block.'; $string['saboutsiteurldesc'] = 'Enter the target url for the second block.'; $string['taboutsiteimagedesc'] = 'Upload image for the third block.'; $string['taboutsitenamedesc'] = 'Enter the name of third block in about site section.'; $string['taboutsitetextdesc'] = 'Enter the sub text for the third block.'; $string['taboutsiteurldesc'] = 'Enter the target url for the third block.'; $string['fraboutsiteimagedesc'] = 'Upload image for the fourth block.'; $string['fraboutsitenamedesc'] = 'Enter the name of fourth block in about site section.'; $string['fraboutsitetextdesc'] = 'Enter the sub text for the fourth block.'; $string['fraboutsiteurldesc'] = 'Enter the target url for the fourth block.'; $string['aboutsiteheading'] = 'Enter heading'; $string['aboutsiteheadingdesc'] = "Enter your custom heading for 'About Site' section."; $string['aboutsitesubheading'] = 'Enter sub heading'; $string['aboutsitesubheadingdesc'] = 'Enter your custom sub heading, may be your USP or tag line.'; $string['masonrycountdesc'] = 'Select, from dropdown, the number of blocks in the Masonry block section. You can add up to 8 blocks.'; $string['masonryheading'] = 'Enter heading'; $string['masonryheadingdesc'] = "Enter your custom heading for 'Masonry Block' section."; $string['masonrysubheading'] = 'Enter sub heading'; $string['masonrysubheadingdesc'] = ''; $string['socialheading'] = 'Enter social heading'; $string['socialheadingdesc'] = ''; /* frontpage strings */ $string['slidertextdefault'] = '

THE TASK OF THE

MODERN EDUCATOR

IS NOT TO CUT DOWN JUNGLES, BUT TO IRRIGATE DESERTS

'; $string['sliderbuttontextdefault'] = 'GET STARTED'; $string['sliderurldefault'] = 'javascript:void(0);'; $string['aboutsiteheadingdefault'] = 'NOBODY DOES IT LIKE US'; $string['aboutsitesubheadingdefault'] = 'Put In a Nice Little Piece Of Text That Describes Your USP'; $string['aboutsitename1default'] = 'Our Blog'; $string['aboutsitetext1default'] = "There's only one way to find out what life can be like at University of Utopia: dip into some of our students' uncut and uncensored blogs."; $string['aboutsitename2default'] = 'Courses'; $string['aboutsitetext2default'] = 'You can rename the content box names from the admin panel, and then add nifty descriptions for all the content boxes.'; $string['aboutsitename3default'] = 'Latest News'; $string['aboutsitetext3default'] = 'Wondering what is happening at you? A lot. And reading through this section will keep you updated about all the cutting edge research we are doing here!'; $string['aboutsitename4default'] = 'Upcoming Events'; $string['fraboutsitetextdescdefault'] = "All these content boxes are completely editable. You can change the hover colors, icons, names and the description text. Cool, isn't it?"; $string['masonryheadingdefault'] = 'OUR CATEGORY'; $string['masonrysubheadingdefault'] = 'You Can Showcase All Your Categories In This Beautiful Masonry Block'; $string['addressdefault'] = 'Kolkata, India'; $string['emaildefault'] = 'admin@dualcube.com'; $string['phonedefault'] = '+91 33 64578322'; $string['socialheadingdefault'] = 'STAY CONNECTED'; $string['fontnamedefault'] = ''; $string['facultysettings'] = 'Faculty Settings'; $string['facultyheading'] = 'Our Top Faculties'; $string['facultycount'] = 'Faculty Count'; $string['facultycountdesc'] = 'Select, from dropdown, the number of blocks in the Faculty block section. You can add up to 8 blocks.'; $string['facultyimage'] = 'Enter URL of your faculty image'; $string['facultyimagedesc'] = 'Enter URL of your faculty image'; $string['facultytwitterurldesc'] = 'Enter the twitter url for the faculty block '; $string['facultyname'] = 'Enter name of faculty '; $string['facultynamedesc'] = 'Enter the text for faculty description '; $string['facultysubtext'] = 'Enter the description of the faculty '; $string['facultysubtextdesc'] = 'Enter the description for faculty block '; $string['facultyfburl'] = 'Enter faculty facebook URL '; $string['facultyfburldesc'] = 'Enter the facebook url for the faculty block '; $string['facultylnkdnurl'] = 'Enter faculty linkedin URL '; $string['facultylnkdnurldesc'] = 'Enter the linkedin url for the faculty block '; $string['facultygoogleurl'] = 'Enter faculty google URL '; $string['facultygoogleurldesc'] = 'Enter the google url for the faculty block '; $string['facultytwitterurl'] = 'Enter faculty twitter URL '; $string['facultytwitterurldesc'] = 'Enter the twitter url for the faculty block '; $string['backgroundimage'] = 'Background image'; $string['backgroundimage_desc'] = 'The image to display as a background of the site. The background image you upload here will override the background image in your theme preset files.'; $string['brandcolor'] = 'Brand colour'; $string['brandcolor_desc'] = 'The accent colour.'; $string['advancedsettings'] = 'Advanced settings'; $string['rawscsspre'] = 'Raw initial SCSS'; $string['rawscsspre_desc'] = 'In this field you can provide initialising SCSS code, it will be injected before everything else. Most of the time you will use this setting to define variables.'; $string['rawscss'] = 'Raw SCSS'; $string['rawscss_desc'] = 'Use this field to provide SCSS or CSS code which will be injected at the end of the style sheet.'; $string['fontsize'] = 'Font size reference'; $string['fontsize_desc'] = 'This allows you to set the default font size for this theme. It is not recommended to set this higher than 24px and lower than 13px as it is known to cause display problems with certain blocks. '; ================================================ FILE: layout/columns.php ================================================ . /** * Roshnilite theme. * * @package theme_roshnilite * @author DualCube * @copyright DualCube (https://dualcube.com) * @license http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later */ defined('MOODLE_INTERNAL') || die(); global $PAGE; if (!empty($PAGE->theme->setting_file_url('logo', 'logo'))) { $imgpath = $PAGE->theme->setting_file_url('logo', 'logo'); } else { $imgpath = $CFG->wwwroot . "/theme/roshnilite/pix/img/logo.png"; } if (!empty($PAGE->theme->setting_file_url('favicon', 'favicon'))) { $favicon = $PAGE->theme->setting_file_url('favicon', 'favicon'); } else { $favicon = $CFG->wwwroot . "/theme/roshnilite/pix/favicon.ico"; } $bodyattributes = $OUTPUT->body_attributes(); $blockspre = $OUTPUT->blocks('side-pre'); $blockspost = $OUTPUT->blocks('side-post'); $hassidepre = $PAGE->blocks->region_has_content('side-pre', $OUTPUT); $hassidepost = $PAGE->blocks->region_has_content('side-post', $OUTPUT); if ($CFG->version >= 2018120300) { $version18 = $OUTPUT->standard_after_main_region_html(); } else { $version18 = ''; } $templatecontext = [ 'sitename' => format_string($SITE->shortname, true, ['context' => context_course::instance(SITEID), "escape" => false]), 'output' => $OUTPUT, 'sidepreblocks' => $blockspre, 'sidepostblocks' => $blockspost, 'haspreblocks' => $hassidepre, 'haspostblocks' => $hassidepost, 'bodyattributes' => $bodyattributes, 'version18' => $version18, 'imgpath' => $imgpath, 'favicon' => $favicon, ]; echo $OUTPUT->render_from_template('theme_roshnilite/columns', $templatecontext); ================================================ FILE: layout/contentonly.php ================================================ . /** * Roshnilite theme. * * @package theme_roshnilite * @author DualCube * @copyright DualCube (https://dualcube.com) * @license http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later */ defined('MOODLE_INTERNAL') || die(); global $PAGE; $bodyattributes = $OUTPUT->body_attributes([]); $templatecontext = [ 'sitename' => format_string($SITE->shortname, true, ['context' => context_course::instance(SITEID), "escape" => false]), 'output' => $OUTPUT, 'bodyattributes' => $bodyattributes, ]; echo $OUTPUT->render_from_template('theme_roshnilite/contentonly', $templatecontext); ================================================ FILE: layout/footer.php ================================================ . /** * Roshnilite theme. * * @package theme_roshnilite * @author DualCube * @copyright DualCube (https://dualcube.com) * @license http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later */ defined('MOODLE_INTERNAL') || die(); $templatecontext = [ 'output' => $OUTPUT, ]; echo $OUTPUT->render_from_template('theme_roshnilite/footer', $templatecontext); ================================================ FILE: layout/frontpage.php ================================================ . /** * Roshnilite theme. * * @package theme_roshnilite * @author DualCube * @copyright DualCube (https://dualcube.com) * @license http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later */ defined('MOODLE_INTERNAL') || die(); global $DB, $PAGE; if (!empty($PAGE->theme->setting_file_url('logo', 'logo'))) { $imgpath = $PAGE->theme->setting_file_url('logo', 'logo'); } else { $imgpath = $CFG->wwwroot."/theme/roshnilite/pix/img/logo.png"; } if (!isloggedin()) { $login = '
'; $logvar = 0; } else { $login = ''; $logvar = 1; } if (!empty($PAGE->theme->setting_file_url('favicon', 'favicon'))) { $favicon = $PAGE->theme->setting_file_url('favicon', 'favicon'); } else { $favicon = $CFG->wwwroot."/theme/roshnilite/pix/favicon.ico"; } $bodyattributes = $OUTPUT->body_attributes(); $backgroundimage = $PAGE->theme->setting_file_url('backgroundimage', 'backgroundimage'); $html = theme_roshnilite_get_html_for_settings($OUTPUT, $PAGE); $roshniliteformatoptions = new stdClass(); $roshniliteformatoptions->noclean = true; $roshniliteformatoptions->overflowdiv = false; $enablemoodlemaincontent = get_config('theme_roshnilite', 'moodlemaincontentinfrontpage'); if (right_to_left()) { $regionbsid = 'region-bs-main-and-post'; } else { $regionbsid = 'region-bs-main-and-pre'; } $context = context_system::instance(); $checkslidercount = $PAGE->theme->setting_file_url('slidercount', 'slidercount'); $sliderdetails = ''; if (!empty($checkslidercount)) { $slideimagecheck = $PAGE->theme->setting_file_url('slideimage1', 'slideimage1'); $slidertextcheck = get_config('theme_roshnilite', 'slidertext1'); $sliderbuttontextcheck = get_config('theme_roshnilite', 'sliderbuttontext1'); $sliderurlcheck = get_config('theme_roshnilite', 'sliderurl1'); if (!empty($slideimagecheck) || !empty($slidertextcheck) || !empty($sliderbuttontextcheck) || !empty($sliderurlcheck)) { $start = strlen($checkslidercount) - 1; $totalslidercount = ''; for ($x = $start; $x < strlen($checkslidercount); $x++) { $totalslidercount = $checkslidercount[$x]; } $totalslidercount = (int)$totalslidercount; $sliderdetails = '
'; } else { $sliderdetails = ''; } $aboutsiteheading = format_text((!empty($html->aboutsiteheading)) ? $html->aboutsiteheading : get_string('aboutsiteheadingdefault', 'theme_roshnilite'), "", $roshniliteformatoptions); $aboutsitesubheading = format_text((!empty($html->aboutsitesubheading)) ? $html->aboutsitesubheading : get_string('aboutsitesubheadingdefault', 'theme_roshnilite'), "", $roshniliteformatoptions); if ($enablemoodlemaincontent == 1) { $maincontent = ''; } else { $maincontent = ''; } if ($CFG->version >= 2018120300) { $version18 = $OUTPUT->standard_after_main_region_html(); } else { $version18 = ''; } $aboutsitename1 = format_text((!empty($html->aboutsitename1)) ? $html->aboutsitename1 : get_string('aboutsitename1default', 'theme_roshnilite'), "", $roshniliteformatoptions); $aboutsitetext1 = format_text((!empty($html->aboutsitetext1)) ? $html->aboutsitetext1 : get_string('aboutsitetext1default', 'theme_roshnilite'), "", $roshniliteformatoptions); $aboutsiteurl1 = (!empty($html->aboutsiteurl1)) ? $html->aboutsiteurl1 : ''; $checkaboutsiteimage1 = $PAGE->theme->setting_file_url('aboutsiteimage1', 'aboutsiteimage1'); if (!empty($checkaboutsiteimage1)) { $aboutsiteimage1 = $PAGE->theme->setting_file_url('aboutsiteimage1', 'aboutsiteimage1'); } else { $aboutsiteimage1 = $CFG->wwwroot."/theme/roshnilite/pix/icon-conts-1.png"; } $aboutsitename2 = format_text((!empty($html->aboutsitename2)) ? $html->aboutsitename2 : get_string('aboutsitename2default', 'theme_roshnilite'), "", $roshniliteformatoptions); $aboutsitetext2 = format_text((!empty($html->aboutsitetext2)) ? $html->aboutsitetext2 : get_string('aboutsitetext2default', 'theme_roshnilite'), "", $roshniliteformatoptions); $aboutsiteurl2 = (!empty($html->aboutsiteurl2)) ? $html->aboutsiteurl2 : ''; $checkaboutsiteimage2 = $PAGE->theme->setting_file_url('aboutsiteimage2', 'aboutsiteimage2'); if (!empty($checkaboutsiteimage2)) { $aboutsiteimage2 = $PAGE->theme->setting_file_url('aboutsiteimage2', 'aboutsiteimage2'); } else { $aboutsiteimage2 = $CFG->wwwroot."/theme/roshnilite/pix/icon-conts-2.png"; } $aboutsitename3 = format_text((!empty($html->aboutsitename3)) ? $html->aboutsitename3 : get_string('aboutsitename3default', 'theme_roshnilite'), "", $roshniliteformatoptions); $aboutsitetext3 = format_text((!empty($html->aboutsitetext3)) ? $html->aboutsitetext3 : get_string('aboutsitetext3default', 'theme_roshnilite'), "", $roshniliteformatoptions); $aboutsiteurl3 = (!empty($html->aboutsiteurl3)) ? $html->aboutsiteurl3 : ''; $checkaboutsiteimage3 = $PAGE->theme->setting_file_url('aboutsiteimage3', 'aboutsiteimage3'); if (!empty($checkaboutsiteimage3)) { $aboutsiteimage3 = $PAGE->theme->setting_file_url('aboutsiteimage3', 'aboutsiteimage3'); } else { $aboutsiteimage3 = $CFG->wwwroot."/theme/roshnilite/pix/icon-conts-3.png"; } $aboutsitename4 = format_text((!empty($html->aboutsitename4)) ? $html->aboutsitename4 : get_string('aboutsitename4default', 'theme_roshnilite'), "", $roshniliteformatoptions); $aboutsitetext4 = format_text((!empty($html->aboutsitetext4)) ? $html->aboutsitetext4 : get_string('fraboutsitetextdescdefault', 'theme_roshnilite'), "", $roshniliteformatoptions); $aboutsiteurl4 = (!empty($html->aboutsiteurl4)) ? $html->aboutsiteurl4 : ''; $checkaboutsiteimage4 = $PAGE->theme->setting_file_url('aboutsiteimage4', 'aboutsiteimage4'); if (!empty($checkaboutsiteimage4)) { $aboutsiteimage4 = $PAGE->theme->setting_file_url('aboutsiteimage4', 'aboutsiteimage4'); } else { $aboutsiteimage4 = $CFG->wwwroot."/theme/roshnilite/pix/icon-conts-4.png"; } $course = $DB->get_records_sql('SELECT c.* FROM {course} c where id != ? AND visible = ?', [1, 1]); $coursedetailsarray = []; if (count($course) > 0) { $coursegetstring = get_string('courses'); $coursedetail = '
' . $coursegetstring . '
Previous
Next
'; } else { $coursedetail = ''; } $allcourse = get_string('viewallcourses'); $masonryheading = format_text((!empty($html->masonryheading)) ? $html->masonryheading : get_string('masonryheadingdefault', 'theme_roshnilite'), "", $roshniliteformatoptions); $masonrysubheading = format_text((!empty($html->masonrysubheading)) ? $html->masonrysubheading : get_string('masonrysubheadingdefault', 'theme_roshnilite'), "", $roshniliteformatoptions); $categorydetails = ''; $categories = $DB->get_records('course_categories'); if (!empty( $categories ) && count($categories) > 1) { $categorydetails .= '
' . $masonryheading . '
' . $masonrysubheading . '
'; } $checkfacultycount = $PAGE->theme->setting_file_url('facultycount', 'facultycount'); $facultydetails = ''; if (!empty($checkfacultycount)) { $facultyimagecheck = $PAGE->theme->setting_file_url('facultyimage1', 'facultyimage1'); $facultynamecheck = get_config('theme_roshnilite', 'facultyname1'); $facultysubtextcheck = get_config('theme_roshnilite', 'facultysubtext1'); if (!empty($facultyimagecheck) || !empty($facultynamecheck) || !empty($facultysubtextcheck)) { $facultyheading = format_text(get_string('facultyheading', 'theme_roshnilite'), "", $roshniliteformatoptions); $start = strlen($checkfacultycount) - 1; $str1 = ''; for ($x = $start; $x < strlen($checkfacultycount); $x++) { $str1 = $checkfacultycount[$x]; } $str1 = (int)$str1; $facultydetails = '
' . $facultyheading . '
'; } else { $facultydetails = ''; } $addressfontawesomeicon = get_config('theme_roshnilite', 'addressfontawesomeicon'); $emailfontawesomeicon = get_config('theme_roshnilite', 'emailfontawesomeicon'); $phonefontawesomeicon = get_config('theme_roshnilite', 'phonefontawesomeicon'); $address = get_config('theme_roshnilite', 'address'); $email = get_config('theme_roshnilite', 'email'); $phone = get_config('theme_roshnilite', 'phone'); if (empty($addressfontawesomeicon) || empty($emailfontawesomeicon) || empty($phonefontawesomeicon) || empty($address) || empty($email) || empty($phone)) { $addressfontawesomeicon = ''; $emailfontawesomeicon = ''; $phonefontawesomeicon = ''; $address = format_text(get_string('addressdefault', 'theme_roshnilite'), "", $roshniliteformatoptions); $email = format_text(get_string('emaildefault', 'theme_roshnilite'), "", $roshniliteformatoptions); $phone = format_text(get_string('phonedefault', 'theme_roshnilite'), "", $roshniliteformatoptions); } $socialfontawesomeicon1 = get_config('theme_roshnilite', 'socialfontawesomeicon1'); $socialicon1 = get_config('theme_roshnilite', 'socialicon1'); $socialfontawesomeicon2 = get_config('theme_roshnilite', 'socialfontawesomeicon2'); $socialicon2 = get_config('theme_roshnilite', 'socialicon2'); $socialfontawesomeicon3 = get_config('theme_roshnilite', 'socialfontawesomeicon3'); $socialicon3 = get_config('theme_roshnilite', 'socialicon3'); $socialfontawesomeicon4 = get_config('theme_roshnilite', 'socialfontawesomeicon4'); $socialicon4 = get_config('theme_roshnilite', 'socialicon4'); $socialheading = get_config('theme_roshnilite', 'socialheading'); if (empty($socialfontawesomeicon1) || empty($socialfontawesomeicon2) || empty($socialfontawesomeicon3) || empty($socialfontawesomeicon4) || empty($socialheading) || empty($socialicon1) || empty($socialicon2) || empty($socialicon3) || empty($socialicon4)) { $socialfontawesomeicon1 = ''; $socialfontawesomeicon2 = ''; $socialfontawesomeicon3 = ''; $socialfontawesomeicon4 = ''; $socialheading = format_text(get_string('socialheadingdefault', 'theme_roshnilite'), "", $roshniliteformatoptions); $socialicon1 = 'javascript:void(0);'; $socialicon2 = 'javascript:void(0);'; $socialicon3 = 'javascript:void(0);'; $socialicon4 = 'javascript:void(0);'; } $templatecontext = [ 'html' => $html, 'output' => $OUTPUT, 'page' => $PAGE, 'regionbsid' => $regionbsid, 'enablemoodlemaincontent' => $enablemoodlemaincontent, 'context' => $context, 'maincontent' => $maincontent, 'bodyattributes' => $bodyattributes, 'login' => $login, 'logvar' => $logvar, 'version18' => $version18, 'imgpath' => $imgpath, 'favicon' => $favicon, 'backgroundimage' => $backgroundimage, 'roshniliteformatoptions' => $roshniliteformatoptions, 'aboutsiteimage1' => $aboutsiteimage1, 'aboutsiteimage2' => $aboutsiteimage2, 'aboutsiteimage3' => $aboutsiteimage3, 'aboutsiteimage4' => $aboutsiteimage4, 'aboutsiteheading' => $aboutsiteheading, 'aboutsitesubheading' => $aboutsitesubheading, 'aboutsiteurl1' => $aboutsiteurl1, 'aboutsiteurl2' => $aboutsiteurl2, 'aboutsiteurl3' => $aboutsiteurl3, 'aboutsiteurl4' => $aboutsiteurl4, 'aboutsitetext1' => $aboutsitetext1, 'aboutsitetext2' => $aboutsitetext2, 'aboutsitetext3' => $aboutsitetext3, 'aboutsitetext4' => $aboutsitetext4, 'aboutsitename1' => $aboutsitename1, 'aboutsitename2' => $aboutsitename2, 'aboutsitename3' => $aboutsitename3, 'aboutsitename4' => $aboutsitename4, 'coursedetailsarray' => $coursedetailsarray, 'avlcoursearrayvalue' => $avlcoursearrayvalue, 'coursegetstring' => $coursegetstring, 'allcourse' => $allcourse, 'coursedetail' => $coursedetail, 'masonryheading' => $masonryheading, 'masonrysubheading1' => $masonrysubheading, 'socialfontawesomeicon1' => $socialfontawesomeicon1, 'socialfontawesomeicon2' => $socialfontawesomeicon2, 'socialfontawesomeicon3' => $socialfontawesomeicon3, 'socialfontawesomeicon4' => $socialfontawesomeicon4, 'socialheading' => $socialheading, 'socialicon1' => $socialicon1, 'socialicon2' => $socialicon2, 'socialicon3' => $socialicon3, 'socialicon4' => $socialicon4, 'addressfontawesomeicon' => $addressfontawesomeicon, 'emailfontawesomeicon' => $emailfontawesomeicon, 'phonefontawesomeicon' => $phonefontawesomeicon, 'address' => $address, 'email' => $email, 'phone' => $phone, 'categorydetails' => $categorydetails, 'facultydetails' => $facultydetails, 'sliderdetails' => $sliderdetails, ]; echo $OUTPUT->render_from_template('theme_roshnilite/frontpage', $templatecontext); ================================================ FILE: layout/login.php ================================================ . /** * Roshnilite theme. * * @package theme_roshnilite * @author DualCube * @copyright DualCube (https://dualcube.com) * @license http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later */ defined('MOODLE_INTERNAL') || die(); global $PAGE; $bodyattributes = $OUTPUT->body_attributes(); if (!empty($PAGE->theme->setting_file_url('favicon', 'favicon'))) { $favicon = $PAGE->theme->setting_file_url('favicon', 'favicon'); } else { $favicon = $CFG->wwwroot."/theme/roshnilite/pix/favicon.ico"; } $templatecontext = [ 'sitename' => format_string($SITE->shortname, true, ['context' => context_course::instance(SITEID), "escape" => false]), 'output' => $OUTPUT, 'bodyattributes' => $bodyattributes, 'favicon' => $favicon, ]; echo $OUTPUT->render_from_template('theme_roshnilite/login', $templatecontext); ================================================ FILE: layout/maintenance.php ================================================ . /** * Roshnilite theme. * * @package theme_roshnilite * @author DualCube * @copyright DualCube (https://dualcube.com) * @license http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later */ defined('MOODLE_INTERNAL') || die(); global $PAGE; $templatecontext = [ 'sitename' => format_string($SITE->shortname, true, ["escape" => false]), 'output' => $OUTPUT, ]; echo $OUTPUT->render_from_template('theme_roshnilite/maintenance', $templatecontext); ================================================ FILE: layout/navbar.php ================================================ . /** * Roshnilite theme. * * @package theme_roshnilite * @author DualCube * @copyright DualCube (https://dualcube.com) * @license http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later */ defined('MOODLE_INTERNAL') || die(); global $PAGE; if (!empty($PAGE->theme->setting_file_url('logo', 'logo'))) { $imgpath = $PAGE->theme->setting_file_url('logo', 'logo'); } else { $imgpath = $CFG->wwwroot."/theme/roshnilite/pix/img/logo.png"; } $templatecontext = [ 'output' => $OUTPUT, 'favicon' => $favicon, ]; echo $OUTPUT->render_from_template('theme_roshnilite/navbar', $templatecontext); ================================================ FILE: layout/secure.php ================================================ . /** * Roshnilite theme. * * @package theme_roshnilite * @author DualCube * @copyright DualCube (https://dualcube.com) * @license http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later */ defined('MOODLE_INTERNAL') || die(); global $PAGE; $bodyattributes = $OUTPUT->body_attributes(); $blockspre = $OUTPUT->blocks('side-pre'); $blockspost = $OUTPUT->blocks('side-post'); $hassidepre = $PAGE->blocks->region_has_content('side-pre', $OUTPUT); $hassidepost = $PAGE->blocks->region_has_content('side-post', $OUTPUT); $templatecontext = [ 'sitename' => format_string($SITE->shortname, true, ['context' => context_course::instance(SITEID), "escape" => false]), 'output' => $OUTPUT, 'sidepreblocks' => $blockspre, 'sidepostblocks' => $blockspost, 'haspreblocks' => $hassidepre, 'haspostblocks' => $hassidepost, 'bodyattributes' => $bodyattributes, ]; echo $OUTPUT->render_from_template('theme_roshnilite/secure', $templatecontext); ================================================ FILE: lib.php ================================================ . /** * Roshnilite theme. * * @package theme_roshnilite * @author DualCube * @copyright DualCube (https://dualcube.com) * @license http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later */ // Every file should have GPL and copyright in the header - we skip it in tutorials but you should not skip it for real. // We will add callbacks here as we add features to our theme. // Function to return the SCSS to prepend to our main SCSS for this theme. // Note the function name starts with the component name because this is a global function and we don't want namespace clashes. /** * theme_roshnilite_get_pre_scss function for load custom settings. * * @param string $theme * @return $theme->settings->$setting */ function theme_roshnilite_get_pre_scss($theme) { global $CFG; $scss = ''; $configurable = [ 'brandcolor' => ['secondary', 'black'], ]; // Prepend variables first. foreach ($configurable as $configkey => $targets) { $value = isset($theme->settings->{$configkey}) ? $theme->settings->{$configkey} : null; if (empty($value)) { continue; } array_map(function($target) use (&$scss, $value) { $scss .= '$' . $target . ': ' . $value . ";\n"; }, (array) $targets); } // Prepend pre-scss. if (!empty($theme->settings->scsspre)) { $scss .= $theme->settings->scsspre; } if (!empty($theme->settings->fontsize)) { $scss .= '$font-size-base: ' . (1 / 100 * $theme->settings->fontsize) . "rem !default;\n"; } return $scss; } // Function to return the SCSS to append to our main SCSS for this theme. // Note the function name starts with the component name because this is a global function and we don't want namespace clashes. /** * theme_roshnilite_get_extra_scss function for load custom settings. * * @param string $theme * @return $theme->settings->$setting */ function theme_roshnilite_get_extra_scss($theme) { global $CFG; $content = ''; // Set the page background image. $imageurl = $theme->setting_file_url('backgroundimage', 'backgroundimage'); if (!empty($imageurl)) { $content .= '$imageurl: "' . $imageurl . '";'; $content .= file_get_contents($CFG->dirroot . '/theme/roshnilite/scss/roshnilite/body-background.scss'); } if (!empty($theme->settings->navbardark)) { $content .= file_get_contents($CFG->dirroot . '/theme/roshnilite/scss/roshnilite/navbar-dark.scss'); } else { $content .= file_get_contents($CFG->dirroot . '/theme/roshnilite/scss/roshnilite/navbar-light.scss'); } if (!empty($theme->settings->scss)) { $content .= $theme->settings->scss; } return $content; } /** * Get compiled css. * * @return string compiled css */ function theme_roshnilite_get_precompiled_css() { global $CFG; return file_get_contents($CFG->dirroot . '/theme/roshnilite/style/moodle.css'); } /** * theme_roshnilite_get_main_scss_content function for load custom theme css settings. * * @param string $theme * @return string $pre,$scss and $post */ function theme_roshnilite_get_main_scss_content($theme) { global $CFG; $scss = ''; $filename = !empty($theme->settings->preset) ? $theme->settings->preset : null; $fs = get_file_storage(); $context = context_system::instance(); if ($filename == 'default.scss') { $scss .= file_get_contents($CFG->dirroot . '/theme/roshnilite/scss/preset/default.scss'); } else if ($filename == 'plain.scss') { $scss .= file_get_contents($CFG->dirroot . '/theme/roshnilite/scss/preset/plain.scss'); } else if ($filename && ($presetfile = $fs->get_file($context->id, 'theme_roshnilite', 'preset', 0, '/', $filename))) { $scss .= $presetfile->get_content(); } else { // Safety fallback - maybe new installs etc. $scss .= file_get_contents($CFG->dirroot . '/theme/roshnilite/scss/preset/default.scss'); } // Pre CSS - this is loaded AFTER any prescss from the setting but before the main scss. $pre = file_get_contents($CFG->dirroot . '/theme/roshnilite/scss/roshnilite/pre.scss'); // Post CSS - this is loaded AFTER the main scss but before the extra scss from the setting. $post = file_get_contents($CFG->dirroot . '/theme/roshnilite/scss/roshnilite/post.scss'); return $pre . "\n" . $scss . "\n" . $post; } /** * Parses CSS before it is cached. * * This function can make alterations and replace patterns within the CSS. * * @param string $css The CSS * @param theme_config $theme The theme config object. * @return string The parsed CSS The parsed CSS. */ function theme_roshnilite_process_css($css, $theme) { // Set the background image for the logo. $logo = $theme->setting_file_url('logo', 'logo'); $css = theme_roshnilite_set_logo($css, $logo); if (!empty($theme->settings->fontnamebody)) { $font = $theme->settings->fontnamebody; } else { $font = get_string('fontnamedefault', 'theme_roshnilite'); } $headingfont = theme_roshnilite_get_setting('fontnameheading'); $bodyfont = theme_roshnilite_get_setting('fontnamebody'); $css = theme_roshnilite_set_headingfont($css, $headingfont); $css = theme_roshnilite_set_bodyfont($css, $bodyfont); $css = theme_roshnilite_set_fontfiles($css, 'heading', $headingfont); $css = theme_roshnilite_set_fontfiles($css, 'body', $bodyfont); // Set custom CSS. if (!empty($theme->settings->customcss)) { $customcss = $theme->settings->customcss; } else { $customcss = null; } $css = theme_roshnilite_set_customcss($css, $customcss); $thememaincolor = theme_roshnilite_get_setting('maincolor'); $css = theme_roshnilite_set_maincolor($css, $thememaincolor); $themebrandcolor = theme_roshnilite_get_setting('brandcolor'); $css = theme_roshnilite_set_brandcolor($css, $themebrandcolor); $themefontsize = theme_roshnilite_get_setting('fontsize'); $css = theme_roshnilite_set_fontsize($css, $themefontsize); return $css; } function theme_roshnilite_set_fontsize($css, $themefontsize) { $tag = '[[setting:fontsize]]'; $replacement = $themefontsize; if (is_null($replacement)) { $replacement = '15'; } $css = str_replace($tag, $replacement, $css); return $css; } /** * Adds the logo to CSS. * * @param string $css The CSS. * @param string $logo The URL of the logo. * @return string The parsed CSS */ function theme_roshnilite_set_logo($css, $logo) { GLOBAL $CFG; $tag = '[[setting:logo]]'; $replacement = $logo; if (is_null($replacement)) { $replacement = $CFG->wwwroot.'/theme/roshnilite/pix/img/logo.png'; } $css = str_replace($tag, $replacement, $css); return $css; } /** * theme_roshnilite_get_setting function for load custom settings. * * @param string $setting * @param string $format * @return $theme->settings->$setting */ function theme_roshnilite_get_setting($setting, $format = false) { global $CFG; require_once($CFG->dirroot . '/lib/weblib.php'); static $theme; if (empty($theme)) { $theme = theme_config::load('roshnilite'); } if (empty($theme->settings->$setting)) { return false; } else if (!$format) { return $theme->settings->$setting; } else if ($format === 'format_text') { return format_text($theme->settings->$setting, FORMAT_PLAIN); } else if ($format === 'format_html') { return format_text($theme->settings->$setting, FORMAT_HTML, ['trusted' => true, 'noclean' => true]); } else { return format_string($theme->settings->$setting); } } /** * Adds any custom headingfont to the CSS before it is cached. * * @param string $css The original CSS. * @param string $headingfont The custom CSS to add. * @return string The CSS which now contains our custom CSS. */ function theme_roshnilite_set_headingfont($css, $headingfont) { $tag = '[[setting:headingfont]]'; $replacement = $headingfont; $css = str_replace($tag, $replacement, $css); return $css; } /** * Adds any custom bodyfont to the CSS before it is cached. * * @param string $css The original CSS. * @param string $bodyfont The custom CSS to add. * @return string The CSS which now contains our custom CSS. */ function theme_roshnilite_set_bodyfont($css, $bodyfont) { $tag = '[[setting:bodyfont]]'; $replacement = $bodyfont; $css = str_replace($tag, $replacement, $css); return $css; } /** * Adds the font to CSS. * * @param string $css The CSS. * @param string $type The font file type. * @param string $fontname The font name. * @return string The parsed CSS */ function theme_roshnilite_set_fontfiles($css, $type, $fontname) { $tag = '[[setting:fontname]]'; $replacement = $fontname; if (is_null($replacement)) { $replacement = ''; } if (theme_roshnilite_get_setting('fontselect') === '2') { static $theme; if (empty($theme)) { $theme = theme_config::load('roshnilite'); } $fontfiles = []; $fontfileeot = $theme->setting_file_url('fontfileeot' . $type, 'fontfileeot' . $type); if (!empty($fontfileeot)) { $fontfiles[] = "url('" . $fontfileeot . "?#iefix') format('embedded-opentype')"; } $fontfilewoff = $theme->setting_file_url('fontfilewoff' . $type, 'fontfilewoff' . $type); if (!empty($fontfilewoff)) { $fontfiles[] = "url('" . $fontfilewoff . "') format('woff')"; } $fontfilewofftwo = $theme->setting_file_url('fontfilewofftwo' . $type, 'fontfilewofftwo' . $type); if (!empty($fontfilewofftwo)) { $fontfiles[] = "url('" . $fontfilewofftwo . "') format('woff2')"; } $fontfileotf = $theme->setting_file_url('fontfileotf' . $type, 'fontfileotf' . $type); if (!empty($fontfileotf)) { $fontfiles[] = "url('" . $fontfileotf . "') format('opentype')"; } $fontfilettf = $theme->setting_file_url('fontfilettf' . $type, 'fontfilettf' . $type); if (!empty($fontfilettf)) { $fontfiles[] = "url('" . $fontfilettf . "') format('truetype')"; } $fontfilesvg = $theme->setting_file_url('fontfilesvg' . $type, 'fontfilesvg' . $type); if (!empty($fontfilesvg)) { $fontfiles[] = "url('" . $fontfilesvg . "') format('svg')"; } $replacement = '@font-face {' . PHP_EOL . 'font-family: "' . $fontname . '";' . PHP_EOL; $replacement .= !empty($fontfileeot) ? "src: url('" . $fontfileeot . "');" . PHP_EOL : ''; if (!empty($fontfiles)) { $replacement .= "src: "; $replacement .= implode("," . PHP_EOL . " ", $fontfiles); $replacement .= ";"; } $replacement .= '' . PHP_EOL . "}"; } $css = str_replace($tag, $replacement, $css); return $css; } /** * Adds any custom CSS to the CSS before it is cached. * * @param string $css The original CSS. * @param string $customcss The custom CSS to add. * @return string The CSS which now contains our custom CSS. */ function theme_roshnilite_set_customcss($css, $customcss) { $tag = '[[setting:customcss]]'; $replacement = $customcss; if (is_null($replacement)) { $replacement = ''; } $css = str_replace($tag, $replacement, $css); return $css; } /** * Adds any custom color to the CSS before it is cached. * * @param string $css The original CSS. * @param string $themecolor The custom CSS to add. * @return string The CSS which now contains our custom CSS. */ function theme_roshnilite_set_maincolor($css, $themecolor) { $tag = '[[setting:maincolor]]'; $replacement = $themecolor; if (is_null($replacement)) { $replacement = '#e74c3c'; } $css = str_replace($tag, $replacement, $css); return $css; } /** * Adds any custom color to the CSS before it is cached. * * @param string $css The original CSS. * @param string $themecolor The custom CSS to add. * @return string The CSS which now contains our custom CSS. */ function theme_roshnilite_set_brandcolor($css, $themecolor) { $tag = '[[setting:brandcolor]]'; $replacement = $themecolor; if (is_null($replacement)) { $replacement = '#e74c3c'; } $css = str_replace($tag, $replacement, $css); return $css; } /** * Returns an object containing HTML for the areas affected by settings. * * Do not add roshnilite specific logic in here, child themes should be able to * rely on that function just by declaring settings with similar names. * * @param renderer_base $output Pass in $OUTPUT. * @param moodle_page $page Pass in $PAGE. * @return stdClass An object with the following properties: * - navbarclass A CSS class to use on the navbar. By default ''. * - heading HTML to use for the heading. A logo if one is selected or the default heading. * - footnote HTML to use as a footnote. By default ''. */ function theme_roshnilite_get_html_for_settings(renderer_base $output, moodle_page $page) { global $CFG, $USER; $return = new stdClass; $return->navbarclass = ''; if (!empty($page->theme->settings->invert)) { $return->navbarclass .= ' navbar-inverse'; } if (!empty($page->theme->settings->logo)) { $return->heading = html_writer::tag('div', '', ['class' => 'logo']); } else { $return->heading = $output->page_heading(); } $return->footnote = ''; if (!empty($page->theme->settings->footnote)) { $return->footnote = '
'.format_text($page->theme->settings->footnote).'
'; } /*-----------------------for contact*--------------------------*/ if (!empty($page->theme->settings->addressfontawesomeicon)) { $return->addressfontawesomeicon = $page->theme->settings->addressfontawesomeicon; } if (!empty($page->theme->settings->emailfontawesomeicon)) { $return->emailfontawesomeicon = $page->theme->settings->emailfontawesomeicon; } if (!empty($page->theme->settings->phonefontawesomeicon)) { $return->phonefontawesomeicon = $page->theme->settings->phonefontawesomeicon; } if (!empty($page->theme->settings->address)) { $return->address = $page->theme->settings->address; } if (!empty($page->theme->settings->phone)) { $return->phone = $page->theme->settings->phone; } if (!empty($page->theme->settings->email)) { $return->email = $page->theme->settings->email; } /*-----------------------for social contact*--------------------------*/ if (!empty($page->theme->settings->socialheading)) { $return->socialheading = $page->theme->settings->socialheading; } if (!empty($page->theme->settings->masonrysubheading)) { $return->masonrysubheading = $page->theme->settings->masonrysubheading; } if (!empty($page->theme->settings->socialfontawesomeicon1)) { $return->socialfontawesomeicon1 = $page->theme->settings->socialfontawesomeicon1; } if (!empty($page->theme->settings->socialicon1)) { $return->socialicon1 = $page->theme->settings->socialicon1; } if (!empty($page->theme->settings->socialfontawesomeicon2)) { $return->socialfontawesomeicon2 = $page->theme->settings->socialfontawesomeicon2; } if (!empty($page->theme->settings->socialicon2)) { $return->socialicon2 = $page->theme->settings->socialicon2; } if (!empty($page->theme->settings->socialfontawesomeicon3)) { $return->socialfontawesomeicon3 = $page->theme->settings->socialfontawesomeicon3; } if (!empty($page->theme->settings->socialicon3)) { $return->socialicon3 = $page->theme->settings->socialicon3; } if (!empty($page->theme->settings->socialfontawesomeicon4)) { $return->socialfontawesomeicon4 = $page->theme->settings->socialfontawesomeicon4; } if (!empty($page->theme->settings->socialicon4)) { $return->socialicon4 = $page->theme->settings->socialicon4; } /*--------------------for masonry--------------------------------*/ if (!empty($page->theme->settings->masonryheading)) { $return->masonryheading = $page->theme->settings->masonryheading; } if (!empty($page->theme->settings->masonrysubheading)) { $return->masonrysubheading = $page->theme->settings->masonrysubheading; } if (!empty($page->theme->settings->masonrytext1)) { $return->masonrytext1 = $page->theme->settings->masonrytext1; } if (!empty($page->theme->settings->masonrysubtext1)) { $return->masonrysubtext1 = $page->theme->settings->masonrysubtext1; } if (!empty($page->theme->settings->masonryrurl1)) { $return->masonryurl1 = $page->theme->settings->masonryrurl1; } if (!empty($page->theme->settings->masonrytext2)) { $return->masonrytext2 = $page->theme->settings->masonrytext2; } if (!empty($page->theme->settings->masonrysubtext2)) { $return->masonrysubtext2 = $page->theme->settings->masonrysubtext2; } if (!empty($page->theme->settings->masonryrurl2)) { $return->masonryurl2 = $page->theme->settings->masonryrurl2; } if (!empty($page->theme->settings->masonrytext3)) { $return->masonrytext3 = $page->theme->settings->masonrytext3; } if (!empty($page->theme->settings->masonrysubtext3)) { $return->masonrysubtext3 = $page->theme->settings->masonrysubtext3; } if (!empty($page->theme->settings->masonryrurl3)) { $return->masonryurl3 = $page->theme->settings->masonryrurl3; } if (!empty($page->theme->settings->masonrytext4)) { $return->masonrytext4 = $page->theme->settings->masonrytext4; } if (!empty($page->theme->settings->masonrysubtext4)) { $return->masonrysubtext4 = $page->theme->settings->masonrysubtext4; } if (!empty($page->theme->settings->masonryrurl4)) { $return->masonryurl4 = $page->theme->settings->masonryrurl4; } if (!empty($page->theme->settings->masonrytext5)) { $return->masonrytext5 = $page->theme->settings->masonrytext5; } if (!empty($page->theme->settings->masonrysubtext5)) { $return->masonrysubtext5 = $page->theme->settings->masonrysubtext5; } if (!empty($page->theme->settings->masonryrurl5)) { $return->masonryurl5 = $page->theme->settings->masonryrurl5; } if (!empty($page->theme->settings->masonrytext6)) { $return->masonrytext6 = $page->theme->settings->masonrytext6; } if (!empty($page->theme->settings->masonrysubtext6)) { $return->masonrysubtext6 = $page->theme->settings->masonrysubtext6; } if (!empty($page->theme->settings->masonryrurl6)) { $return->masonryurl6 = $page->theme->settings->masonryrurl6; } if (!empty($page->theme->settings->masonrytext7)) { $return->masonrytext7 = $page->theme->settings->masonrytext7; } if (!empty($page->theme->settings->masonrysubtext7)) { $return->masonrysubtext7 = $page->theme->settings->masonrysubtext7; } if (!empty($page->theme->settings->masonryrurl7)) { $return->masonryurl7 = $page->theme->settings->masonryrurl7; } if (!empty($page->theme->settings->masonrytext8)) { $return->masonrytext8 = $page->theme->settings->masonrytext8; } if (!empty($page->theme->settings->masonrysubtext8)) { $return->masonrysubtext8 = $page->theme->settings->masonrysubtext8; } if (!empty($page->theme->settings->masonryrurl8)) { $return->masonryurl8 = $page->theme->settings->masonryrurl8; } /*-------------------------for first slider-----------------------------*/ if (!empty($page->theme->settings->slidertext1)) { $return->slidertext1 = $page->theme->settings->slidertext1; } if (!empty($page->theme->settings->sliderbuttontext1)) { $return->sliderbuttontext1 = $page->theme->settings->sliderbuttontext1; } if (!empty($page->theme->settings->sliderurl1)) { $return->sliderurl1 = $page->theme->settings->sliderurl1; } if (!empty($page->theme->settings->slidertext2)) { $return->slidertext2 = $page->theme->settings->slidertext2; } if (!empty($page->theme->settings->sliderbuttontext2)) { $return->sliderbuttontext2 = $page->theme->settings->sliderbuttontext2; } if (!empty($page->theme->settings->sliderurl2)) { $return->sliderurl2 = $page->theme->settings->sliderurl2; } if (!empty($page->theme->settings->slidertext3)) { $return->slidertext3 = $page->theme->settings->slidertext3; } if (!empty($page->theme->settings->sliderbuttontext3)) { $return->sliderbuttontext3 = $page->theme->settings->sliderbuttontext3; } if (!empty($page->theme->settings->sliderurl3)) { $return->sliderurl3 = $page->theme->settings->sliderurl3; } if (!empty($page->theme->settings->slidertext4)) { $return->slidertext4 = $page->theme->settings->slidertext4; } if (!empty($page->theme->settings->sliderbuttontext4)) { $return->sliderbuttontext4 = $page->theme->settings->sliderbuttontext4; } if (!empty($page->theme->settings->sliderurl4)) { $return->sliderurl4 = $page->theme->settings->sliderurl4; } if (!empty($page->theme->settings->slidertext5)) { $return->slidertext5 = $page->theme->settings->slidertext5; } if (!empty($page->theme->settings->sliderbuttontext5)) { $return->sliderbuttontext5 = $page->theme->settings->sliderbuttontext5; } if (!empty($page->theme->settings->sliderurl5)) { $return->sliderurl5 = $page->theme->settings->sliderurl5; } if (!empty($page->theme->settings->slidertext6)) { $return->slidertext6 = $page->theme->settings->slidertext6; } if (!empty($page->theme->settings->sliderbuttontext6)) { $return->sliderbuttontext6 = $page->theme->settings->sliderbuttontext6; } if (!empty($page->theme->settings->sliderurl6)) { $return->sliderurl6 = $page->theme->settings->sliderurl6; } /*--------------------------about site---------------------------------*/ if (!empty($page->theme->settings->aboutsiteheading)) { $return->aboutsiteheading = $page->theme->settings->aboutsiteheading; } if (!empty($page->theme->settings->aboutsitesubheading)) { $return->aboutsitesubheading = $page->theme->settings->aboutsitesubheading; } if (!empty($page->theme->settings->aboutsitename1)) { $return->aboutsitename1 = $page->theme->settings->aboutsitename1; } if (!empty($page->theme->settings->aboutsitetext1)) { $return->aboutsitetext1 = $page->theme->settings->aboutsitetext1; } if (!empty($page->theme->settings->aboutsiteurl1)) { $return->aboutsiteurl1 = $page->theme->settings->aboutsiteurl1; } else { $return->aboutsiteurl1 = $CFG->wwwroot.'/mod/forum/user.php?id='.$USER->id; } if (!empty($page->theme->settings->aboutsitename2)) { $return->aboutsitename2 = $page->theme->settings->aboutsitename2; } if (!empty($page->theme->settings->aboutsitetext2)) { $return->aboutsitetext2 = $page->theme->settings->aboutsitetext2; } if (!empty($page->theme->settings->aboutsiteurl2)) { $return->aboutsiteurl2 = $page->theme->settings->aboutsiteurl2; } else { $return->aboutsiteurl2 = $CFG->wwwroot.'/course/index.php'; } if (!empty($page->theme->settings->aboutsitename3)) { $return->aboutsitename3 = $page->theme->settings->aboutsitename3; } if (!empty($page->theme->settings->aboutsitetext3)) { $return->aboutsitetext3 = $page->theme->settings->aboutsitetext3; } if (!empty($page->theme->settings->aboutsiteurl3)) { $return->aboutsiteurl3 = $page->theme->settings->aboutsiteurl3; } else { $return->aboutsiteurl3 = $CFG->wwwroot.'/blog/index.php?userid='.$USER->id; } if (!empty($page->theme->settings->aboutsitename4)) { $return->aboutsitename4 = $page->theme->settings->aboutsitename4; } if (!empty($page->theme->settings->aboutsitetext4)) { $return->aboutsitetext4 = $page->theme->settings->aboutsitetext4; } if (!empty($page->theme->settings->aboutsiteurl4)) { $return->aboutsiteurl4 = $page->theme->settings->aboutsiteurl4; } else { $return->aboutsiteurl4 = $CFG->wwwroot.'/calendar/view.php'; } return $return; } /** * Serves any files associated with the theme settings. * * @param stdClass $course * @param stdClass $cm * @param context $context * @param string $filearea * @param array $args * @param bool $forcedownload * @param array $options * @return bool */ function theme_roshnilite_pluginfile($course, $cm, $context, $filearea, $args, $forcedownload, array $options = []) { static $theme; if (empty($theme)) { $theme = theme_config::load('roshnilite'); } if ($context->contextlevel == CONTEXT_SYSTEM) { if ($filearea === 'logo') { return $theme->setting_file_serve('logo', $args, $forcedownload, $options); } else if ($filearea === 'backgroundimage') { return $theme->setting_file_serve('backgroundimage', $args, $forcedownload, $options); } else if (preg_match("/^fontfile(eot|otf|svg|ttf|woff|woff2)(heading|body)$/", $filearea)) { return $theme->setting_file_serve($filearea, $args, $forcedownload, $options); } else if (preg_match("/^(marketing|slide)[1-9][0-9]*image$/", $filearea)) { return $theme->setting_file_serve($filearea, $args, $forcedownload, $options); } else if ($filearea === 'favicon') { return $theme->setting_file_serve('favicon', $args, $forcedownload, $options); } else if ($filearea === 'slideimage1') { return $theme->setting_file_serve('slideimage1', $args, $forcedownload, $options); } else if ($filearea === 'slideimage2') { return $theme->setting_file_serve('slideimage2', $args, $forcedownload, $options); } else if ($filearea === 'slideimage3') { return $theme->setting_file_serve('slideimage3', $args, $forcedownload, $options); } else if ($filearea === 'slideimage4') { return $theme->setting_file_serve('slideimage4', $args, $forcedownload, $options); } else if ($filearea === 'slideimage5') { return $theme->setting_file_serve('slideimage5', $args, $forcedownload, $options); } else if ($filearea === 'slideimage6') { return $theme->setting_file_serve('slideimage6', $args, $forcedownload, $options); } else if ($filearea === 'aboutsiteimage1') { return $theme->setting_file_serve('aboutsiteimage1', $args, $forcedownload, $options); } else if ($filearea === 'aboutsiteimage2') { return $theme->setting_file_serve('aboutsiteimage2', $args, $forcedownload, $options); } else if ($filearea === 'aboutsiteimage3') { return $theme->setting_file_serve('aboutsiteimage3', $args, $forcedownload, $options); } else if ($filearea === 'aboutsiteimage4') { return $theme->setting_file_serve('aboutsiteimage4', $args, $forcedownload, $options); } else if ($filearea === 'facultyimage1') { return $theme->setting_file_serve('facultyimage1', $args, $forcedownload, $options); } else if ($filearea === 'facultyimage2') { return $theme->setting_file_serve('facultyimage2', $args, $forcedownload, $options); } else if ($filearea === 'facultyimage3') { return $theme->setting_file_serve('facultyimage3', $args, $forcedownload, $options); } else if ($filearea === 'facultyimage4') { return $theme->setting_file_serve('facultyimage4', $args, $forcedownload, $options); } else if ($filearea === 'facultyimage5') { return $theme->setting_file_serve('facultyimage5', $args, $forcedownload, $options); } else if ($filearea === 'facultyimage6') { return $theme->setting_file_serve('facultyimage6', $args, $forcedownload, $options); } else if ($filearea === 'facultyimage7') { return $theme->setting_file_serve('facultyimage7', $args, $forcedownload, $options); } else if ($filearea === 'facultyimage8') { return $theme->setting_file_serve('facultyimage8', $args, $forcedownload, $options); } else { send_file_not_found(); } } else { send_file_not_found(); } } ================================================ FILE: scss/classicgrunt.scss ================================================ // This file allows the creation of precompiled css from the core Grunt task. @import "roshnilite/pre"; @import "preset/default"; @import "roshnilite/post"; ================================================ FILE: scss/fontawesome.css ================================================ @font-face { font-family: "FontAwesome"; src: url("[[font:core|fontawesome-webfont.eot]]?v=4.7.0"); src: url("[[font:core|fontawesome-webfont.eot]]?#iefix&v=4.7.0") format("embedded-opentype"), url("[[font:core|fontawesome-webfont.woff2]]?v=4.7.0") format("woff2"), url("[[font:core|fontawesome-webfont.woff]]?v=4.7.0") format("woff"), url("[[font:core|fontawesome-webfont.ttf]]?v=4.7.0") format("truetype"), url("[[font:core|fontawesome-webfont.svg]]?v=4.7.0#fontawesomeregular") format("svg"); font-weight: normal; font-style: normal; } /*! * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* makes the font 33% larger relative to the icon container */ .fa-lg { font-size: 1.3333333333em; line-height: 0.75em; vertical-align: -15%; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-fw { width: 1.2857142857em; text-align: center; } .fa-ul { padding-left: 0; margin-left: 2.1428571429em; list-style-type: none; } .fa-ul > li { position: relative; } .fa-li { position: absolute; left: -2.1428571429em; width: 2.1428571429em; top: 0.1428571429em; text-align: center; } .fa-li.fa-lg { left: -1.8571428571em; } .fa-border { padding: 0.2em 0.25em 0.15em; border: solid 0.08em #eee; border-radius: 0.1em; } .fa-pull-left { float: left; } .fa-pull-right { float: right; } .fa.fa-pull-left { margin-right: 0.3em; } .fa.fa-pull-right { margin-left: 0.3em; } /* Deprecated as of 4.4.0 */ .pull-right { float: right; } .pull-left { float: left; } .fa.pull-left { margin-right: 0.3em; } .fa.pull-right { margin-left: 0.3em; } .fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } .fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); } @-webkit-keyframes fa-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } } @keyframes fa-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } } .fa-rotate-90 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; transform: rotate(90deg); } .fa-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; transform: rotate(180deg); } .fa-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; transform: rotate(270deg); } .fa-flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; transform: scale(-1, 1); } .fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; transform: scale(1, -1); } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical { filter: none; } .fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; } .fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: #fff; } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .fa-glass:before { content: "\f000"; } .fa-music:before { content: "\f001"; } .fa-search:before { content: "\f002"; } .fa-envelope-o:before { content: "\f003"; } .fa-heart:before { content: "\f004"; } .fa-star:before { content: "\f005"; } .fa-star-o:before { content: "\f006"; } .fa-user:before { content: "\f007"; } .fa-film:before { content: "\f008"; } .fa-th-large:before { content: "\f009"; } .fa-th:before { content: "\f00a"; } .fa-th-list:before { content: "\f00b"; } .fa-check:before { content: "\f00c"; } .fa-remove:before, .fa-close:before, .fa-times:before { content: "\f00d"; } .fa-search-plus:before { content: "\f00e"; } .fa-search-minus:before { content: "\f010"; } .fa-power-off:before { content: "\f011"; } .fa-signal:before { content: "\f012"; } .fa-gear:before, .fa-cog:before { content: "\f013"; } .fa-trash-o:before { content: "\f014"; } .fa-home:before { content: "\f015"; } .fa-file-o:before { content: "\f016"; } .fa-clock-o:before { content: "\f017"; } .fa-road:before { content: "\f018"; } .fa-download:before { content: "\f019"; } .fa-arrow-circle-o-down:before { content: "\f01a"; } .fa-arrow-circle-o-up:before { content: "\f01b"; } .fa-inbox:before { content: "\f01c"; } .fa-play-circle-o:before { content: "\f01d"; } .fa-rotate-right:before, .fa-repeat:before { content: "\f01e"; } .fa-refresh:before { content: "\f021"; } .fa-list-alt:before { content: "\f022"; } .fa-lock:before { content: "\f023"; } .fa-flag:before { content: "\f024"; } .fa-headphones:before { content: "\f025"; } .fa-volume-off:before { content: "\f026"; } .fa-volume-down:before { content: "\f027"; } .fa-volume-up:before { content: "\f028"; } .fa-qrcode:before { content: "\f029"; } .fa-barcode:before { content: "\f02a"; } .fa-tag:before { content: "\f02b"; } .fa-tags:before { content: "\f02c"; } .fa-book:before { content: "\f02d"; } .fa-bookmark:before { content: "\f02e"; } .fa-print:before { content: "\f02f"; } .fa-camera:before { content: "\f030"; } .fa-font:before { content: "\f031"; } .fa-bold:before { content: "\f032"; } .fa-italic:before { content: "\f033"; } .fa-text-height:before { content: "\f034"; } .fa-text-width:before { content: "\f035"; } .fa-align-left:before { content: "\f036"; } .fa-align-center:before { content: "\f037"; } .fa-align-right:before { content: "\f038"; } .fa-align-justify:before { content: "\f039"; } .fa-list:before { content: "\f03a"; } .fa-dedent:before, .fa-outdent:before { content: "\f03b"; } .fa-indent:before { content: "\f03c"; } .fa-video-camera:before { content: "\f03d"; } .fa-photo:before, .fa-image:before, .fa-picture-o:before { content: "\f03e"; } .fa-pencil:before { content: "\f040"; } .fa-map-marker:before { content: "\f041"; } .fa-adjust:before { content: "\f042"; } .fa-tint:before { content: "\f043"; } .fa-edit:before, .fa-pencil-square-o:before { content: "\f044"; } .fa-share-square-o:before { content: "\f045"; } .fa-check-square-o:before { content: "\f046"; } .fa-arrows:before { content: "\f047"; } .fa-step-backward:before { content: "\f048"; } .fa-fast-backward:before { content: "\f049"; } .fa-backward:before { content: "\f04a"; } .fa-play:before { content: "\f04b"; } .fa-pause:before { content: "\f04c"; } .fa-stop:before { content: "\f04d"; } .fa-forward:before { content: "\f04e"; } .fa-fast-forward:before { content: "\f050"; } .fa-step-forward:before { content: "\f051"; } .fa-eject:before { content: "\f052"; } .fa-chevron-left:before { content: "\f053"; } .fa-chevron-right:before { content: "\f054"; } .fa-plus-circle:before { content: "\f055"; } .fa-minus-circle:before { content: "\f056"; } .fa-times-circle:before { content: "\f057"; } .fa-check-circle:before { content: "\f058"; } .fa-question-circle:before { content: "\f059"; } .fa-info-circle:before { content: "\f05a"; } .fa-crosshairs:before { content: "\f05b"; } .fa-times-circle-o:before { content: "\f05c"; } .fa-check-circle-o:before { content: "\f05d"; } .fa-ban:before { content: "\f05e"; } .fa-arrow-left:before { content: "\f060"; } .fa-arrow-right:before { content: "\f061"; } .fa-arrow-up:before { content: "\f062"; } .fa-arrow-down:before { content: "\f063"; } .fa-mail-forward:before, .fa-share:before { content: "\f064"; } .fa-expand:before { content: "\f065"; } .fa-compress:before { content: "\f066"; } .fa-plus:before { content: "\f067"; } .fa-minus:before { content: "\f068"; } .fa-asterisk:before { content: "\f069"; } .fa-exclamation-circle:before { content: "\f06a"; } .fa-gift:before { content: "\f06b"; } .fa-leaf:before { content: "\f06c"; } .fa-fire:before { content: "\f06d"; } .fa-eye:before { content: "\f06e"; } .fa-eye-slash:before { content: "\f070"; } .fa-warning:before, .fa-exclamation-triangle:before { content: "\f071"; } .fa-plane:before { content: "\f072"; } .fa-calendar:before { content: "\f073"; } .fa-random:before { content: "\f074"; } .fa-comment:before { content: "\f075"; } .fa-magnet:before { content: "\f076"; } .fa-chevron-up:before { content: "\f077"; } .fa-chevron-down:before { content: "\f078"; } .fa-retweet:before { content: "\f079"; } .fa-shopping-cart:before { content: "\f07a"; } .fa-folder:before { content: "\f07b"; } .fa-folder-open:before { content: "\f07c"; } .fa-arrows-v:before { content: "\f07d"; } .fa-arrows-h:before { content: "\f07e"; } .fa-bar-chart-o:before, .fa-bar-chart:before { content: "\f080"; } .fa-twitter-square:before { content: "\f081"; } .fa-facebook-square:before { content: "\f082"; } .fa-camera-retro:before { content: "\f083"; } .fa-key:before { content: "\f084"; } .fa-gears:before, .fa-cogs:before { content: "\f085"; } .fa-comments:before { content: "\f086"; } .fa-thumbs-o-up:before { content: "\f087"; } .fa-thumbs-o-down:before { content: "\f088"; } .fa-star-half:before { content: "\f089"; } .fa-heart-o:before { content: "\f08a"; } .fa-sign-out:before { content: "\f08b"; } .fa-linkedin-square:before { content: "\f08c"; } .fa-thumb-tack:before { content: "\f08d"; } .fa-external-link:before { content: "\f08e"; } .fa-sign-in:before { content: "\f090"; } .fa-trophy:before { content: "\f091"; } .fa-github-square:before { content: "\f092"; } .fa-upload:before { content: "\f093"; } .fa-lemon-o:before { content: "\f094"; } .fa-phone:before { content: "\f095"; } .fa-square-o:before { content: "\f096"; } .fa-bookmark-o:before { content: "\f097"; } .fa-phone-square:before { content: "\f098"; } .fa-twitter:before { content: "\f099"; } .fa-facebook-f:before, .fa-facebook:before { content: "\f09a"; } .fa-github:before { content: "\f09b"; } .fa-unlock:before { content: "\f09c"; } .fa-credit-card:before { content: "\f09d"; } .fa-feed:before, .fa-rss:before { content: "\f09e"; } .fa-hdd-o:before { content: "\f0a0"; } .fa-bullhorn:before { content: "\f0a1"; } .fa-bell:before { content: "\f0f3"; } .fa-certificate:before { content: "\f0a3"; } .fa-hand-o-right:before { content: "\f0a4"; } .fa-hand-o-left:before { content: "\f0a5"; } .fa-hand-o-up:before { content: "\f0a6"; } .fa-hand-o-down:before { content: "\f0a7"; } .fa-arrow-circle-left:before { content: "\f0a8"; } .fa-arrow-circle-right:before { content: "\f0a9"; } .fa-arrow-circle-up:before { content: "\f0aa"; } .fa-arrow-circle-down:before { content: "\f0ab"; } .fa-globe:before { content: "\f0ac"; } .fa-wrench:before { content: "\f0ad"; } .fa-tasks:before { content: "\f0ae"; } .fa-filter:before { content: "\f0b0"; } .fa-briefcase:before { content: "\f0b1"; } .fa-arrows-alt:before { content: "\f0b2"; } .fa-group:before, .fa-users:before { content: "\f0c0"; } .fa-chain:before, .fa-link:before { content: "\f0c1"; } .fa-cloud:before { content: "\f0c2"; } .fa-flask:before { content: "\f0c3"; } .fa-cut:before, .fa-scissors:before { content: "\f0c4"; } .fa-copy:before, .fa-files-o:before { content: "\f0c5"; } .fa-paperclip:before { content: "\f0c6"; } .fa-save:before, .fa-floppy-o:before { content: "\f0c7"; } .fa-square:before { content: "\f0c8"; } .fa-navicon:before, .fa-reorder:before, .fa-bars:before { content: "\f0c9"; } .fa-list-ul:before { content: "\f0ca"; } .fa-list-ol:before { content: "\f0cb"; } .fa-strikethrough:before { content: "\f0cc"; } .fa-underline:before { content: "\f0cd"; } .fa-table:before { content: "\f0ce"; } .fa-magic:before { content: "\f0d0"; } .fa-truck:before { content: "\f0d1"; } .fa-pinterest:before { content: "\f0d2"; } .fa-pinterest-square:before { content: "\f0d3"; } .fa-google-plus-square:before { content: "\f0d4"; } .fa-google-plus:before { content: "\f0d5"; } .fa-money:before { content: "\f0d6"; } .fa-caret-down:before { content: "\f0d7"; } .fa-caret-up:before { content: "\f0d8"; } .fa-caret-left:before { content: "\f0d9"; } .fa-caret-right:before { content: "\f0da"; } .fa-columns:before { content: "\f0db"; } .fa-unsorted:before, .fa-sort:before { content: "\f0dc"; } .fa-sort-down:before, .fa-sort-desc:before { content: "\f0dd"; } .fa-sort-up:before, .fa-sort-asc:before { content: "\f0de"; } .fa-envelope:before { content: "\f0e0"; } .fa-linkedin:before { content: "\f0e1"; } .fa-rotate-left:before, .fa-undo:before { content: "\f0e2"; } .fa-legal:before, .fa-gavel:before { content: "\f0e3"; } .fa-dashboard:before, .fa-tachometer:before { content: "\f0e4"; } .fa-comment-o:before { content: "\f0e5"; } .fa-comments-o:before { content: "\f0e6"; } .fa-flash:before, .fa-bolt:before { content: "\f0e7"; } .fa-sitemap:before { content: "\f0e8"; } .fa-umbrella:before { content: "\f0e9"; } .fa-paste:before, .fa-clipboard:before { content: "\f0ea"; } .fa-lightbulb-o:before { content: "\f0eb"; } .fa-exchange:before { content: "\f0ec"; } .fa-cloud-download:before { content: "\f0ed"; } .fa-cloud-upload:before { content: "\f0ee"; } .fa-user-md:before { content: "\f0f0"; } .fa-stethoscope:before { content: "\f0f1"; } .fa-suitcase:before { content: "\f0f2"; } .fa-bell-o:before { content: "\f0a2"; } .fa-coffee:before { content: "\f0f4"; } .fa-cutlery:before { content: "\f0f5"; } .fa-file-text-o:before { content: "\f0f6"; } .fa-building-o:before { content: "\f0f7"; } .fa-hospital-o:before { content: "\f0f8"; } .fa-ambulance:before { content: "\f0f9"; } .fa-medkit:before { content: "\f0fa"; } .fa-fighter-jet:before { content: "\f0fb"; } .fa-beer:before { content: "\f0fc"; } .fa-h-square:before { content: "\f0fd"; } .fa-plus-square:before { content: "\f0fe"; } .fa-angle-double-left:before { content: "\f100"; } .fa-angle-double-right:before { content: "\f101"; } .fa-angle-double-up:before { content: "\f102"; } .fa-angle-double-down:before { content: "\f103"; } .fa-angle-left:before { content: "\f104"; } .fa-angle-right:before { content: "\f105"; } .fa-angle-up:before { content: "\f106"; } .fa-angle-down:before { content: "\f107"; } .fa-desktop:before { content: "\f108"; } .fa-laptop:before { content: "\f109"; } .fa-tablet:before { content: "\f10a"; } .fa-mobile-phone:before, .fa-mobile:before { content: "\f10b"; } .fa-circle-o:before { content: "\f10c"; } .fa-quote-left:before { content: "\f10d"; } .fa-quote-right:before { content: "\f10e"; } .fa-spinner:before { content: "\f110"; } .fa-circle:before { content: "\f111"; } .fa-mail-reply:before, .fa-reply:before { content: "\f112"; } .fa-github-alt:before { content: "\f113"; } .fa-folder-o:before { content: "\f114"; } .fa-folder-open-o:before { content: "\f115"; } .fa-smile-o:before { content: "\f118"; } .fa-frown-o:before { content: "\f119"; } .fa-meh-o:before { content: "\f11a"; } .fa-gamepad:before { content: "\f11b"; } .fa-keyboard-o:before { content: "\f11c"; } .fa-flag-o:before { content: "\f11d"; } .fa-flag-checkered:before { content: "\f11e"; } .fa-terminal:before { content: "\f120"; } .fa-code:before { content: "\f121"; } .fa-mail-reply-all:before, .fa-reply-all:before { content: "\f122"; } .fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content: "\f123"; } .fa-location-arrow:before { content: "\f124"; } .fa-crop:before { content: "\f125"; } .fa-code-fork:before { content: "\f126"; } .fa-unlink:before, .fa-chain-broken:before { content: "\f127"; } .fa-question:before { content: "\f128"; } .fa-info:before { content: "\f129"; } .fa-exclamation:before { content: "\f12a"; } .fa-superscript:before { content: "\f12b"; } .fa-subscript:before { content: "\f12c"; } .fa-eraser:before { content: "\f12d"; } .fa-puzzle-piece:before { content: "\f12e"; } .fa-microphone:before { content: "\f130"; } .fa-microphone-slash:before { content: "\f131"; } .fa-shield:before { content: "\f132"; } .fa-calendar-o:before { content: "\f133"; } .fa-fire-extinguisher:before { content: "\f134"; } .fa-rocket:before { content: "\f135"; } .fa-maxcdn:before { content: "\f136"; } .fa-chevron-circle-left:before { content: "\f137"; } .fa-chevron-circle-right:before { content: "\f138"; } .fa-chevron-circle-up:before { content: "\f139"; } .fa-chevron-circle-down:before { content: "\f13a"; } .fa-html5:before { content: "\f13b"; } .fa-css3:before { content: "\f13c"; } .fa-anchor:before { content: "\f13d"; } .fa-unlock-alt:before { content: "\f13e"; } .fa-bullseye:before { content: "\f140"; } .fa-ellipsis-h:before { content: "\f141"; } .fa-ellipsis-v:before { content: "\f142"; } .fa-rss-square:before { content: "\f143"; } .fa-play-circle:before { content: "\f144"; } .fa-ticket:before { content: "\f145"; } .fa-minus-square:before { content: "\f146"; } .fa-minus-square-o:before { content: "\f147"; } .fa-level-up:before { content: "\f148"; } .fa-level-down:before { content: "\f149"; } .fa-check-square:before { content: "\f14a"; } .fa-pencil-square:before { content: "\f14b"; } .fa-external-link-square:before { content: "\f14c"; } .fa-share-square:before { content: "\f14d"; } .fa-compass:before { content: "\f14e"; } .fa-toggle-down:before, .fa-caret-square-o-down:before { content: "\f150"; } .fa-toggle-up:before, .fa-caret-square-o-up:before { content: "\f151"; } .fa-toggle-right:before, .fa-caret-square-o-right:before { content: "\f152"; } .fa-euro:before, .fa-eur:before { content: "\f153"; } .fa-gbp:before { content: "\f154"; } .fa-dollar:before, .fa-usd:before { content: "\f155"; } .fa-rupee:before, .fa-inr:before { content: "\f156"; } .fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before { content: "\f157"; } .fa-ruble:before, .fa-rouble:before, .fa-rub:before { content: "\f158"; } .fa-won:before, .fa-krw:before { content: "\f159"; } .fa-bitcoin:before, .fa-btc:before { content: "\f15a"; } .fa-file:before { content: "\f15b"; } .fa-file-text:before { content: "\f15c"; } .fa-sort-alpha-asc:before { content: "\f15d"; } .fa-sort-alpha-desc:before { content: "\f15e"; } .fa-sort-amount-asc:before { content: "\f160"; } .fa-sort-amount-desc:before { content: "\f161"; } .fa-sort-numeric-asc:before { content: "\f162"; } .fa-sort-numeric-desc:before { content: "\f163"; } .fa-thumbs-up:before { content: "\f164"; } .fa-thumbs-down:before { content: "\f165"; } .fa-youtube-square:before { content: "\f166"; } .fa-youtube:before { content: "\f167"; } .fa-xing:before { content: "\f168"; } .fa-xing-square:before { content: "\f169"; } .fa-youtube-play:before { content: "\f16a"; } .fa-dropbox:before { content: "\f16b"; } .fa-stack-overflow:before { content: "\f16c"; } .fa-instagram:before { content: "\f16d"; } .fa-flickr:before { content: "\f16e"; } .fa-adn:before { content: "\f170"; } .fa-bitbucket:before { content: "\f171"; } .fa-bitbucket-square:before { content: "\f172"; } .fa-tumblr:before { content: "\f173"; } .fa-tumblr-square:before { content: "\f174"; } .fa-long-arrow-down:before { content: "\f175"; } .fa-long-arrow-up:before { content: "\f176"; } .fa-long-arrow-left:before { content: "\f177"; } .fa-long-arrow-right:before { content: "\f178"; } .fa-apple:before { content: "\f179"; } .fa-windows:before { content: "\f17a"; } .fa-android:before { content: "\f17b"; } .fa-linux:before { content: "\f17c"; } .fa-dribbble:before { content: "\f17d"; } .fa-skype:before { content: "\f17e"; } .fa-foursquare:before { content: "\f180"; } .fa-trello:before { content: "\f181"; } .fa-female:before { content: "\f182"; } .fa-male:before { content: "\f183"; } .fa-gittip:before, .fa-gratipay:before { content: "\f184"; } .fa-sun-o:before { content: "\f185"; } .fa-moon-o:before { content: "\f186"; } .fa-archive:before { content: "\f187"; } .fa-bug:before { content: "\f188"; } .fa-vk:before { content: "\f189"; } .fa-weibo:before { content: "\f18a"; } .fa-renren:before { content: "\f18b"; } .fa-pagelines:before { content: "\f18c"; } .fa-stack-exchange:before { content: "\f18d"; } .fa-arrow-circle-o-right:before { content: "\f18e"; } .fa-arrow-circle-o-left:before { content: "\f190"; } .fa-toggle-left:before, .fa-caret-square-o-left:before { content: "\f191"; } .fa-dot-circle-o:before { content: "\f192"; } .fa-wheelchair:before { content: "\f193"; } .fa-vimeo-square:before { content: "\f194"; } .fa-turkish-lira:before, .fa-try:before { content: "\f195"; } .fa-plus-square-o:before { content: "\f196"; } .fa-space-shuttle:before { content: "\f197"; } .fa-slack:before { content: "\f198"; } .fa-envelope-square:before { content: "\f199"; } .fa-wordpress:before { content: "\f19a"; } .fa-openid:before { content: "\f19b"; } .fa-institution:before, .fa-bank:before, .fa-university:before { content: "\f19c"; } .fa-mortar-board:before, .fa-graduation-cap:before { content: "\f19d"; } .fa-yahoo:before { content: "\f19e"; } .fa-google:before { content: "\f1a0"; } .fa-reddit:before { content: "\f1a1"; } .fa-reddit-square:before { content: "\f1a2"; } .fa-stumbleupon-circle:before { content: "\f1a3"; } .fa-stumbleupon:before { content: "\f1a4"; } .fa-delicious:before { content: "\f1a5"; } .fa-digg:before { content: "\f1a6"; } .fa-pied-piper-pp:before { content: "\f1a7"; } .fa-pied-piper-alt:before { content: "\f1a8"; } .fa-drupal:before { content: "\f1a9"; } .fa-joomla:before { content: "\f1aa"; } .fa-language:before { content: "\f1ab"; } .fa-fax:before { content: "\f1ac"; } .fa-building:before { content: "\f1ad"; } .fa-child:before { content: "\f1ae"; } .fa-paw:before { content: "\f1b0"; } .fa-spoon:before { content: "\f1b1"; } .fa-cube:before { content: "\f1b2"; } .fa-cubes:before { content: "\f1b3"; } .fa-behance:before { content: "\f1b4"; } .fa-behance-square:before { content: "\f1b5"; } .fa-steam:before { content: "\f1b6"; } .fa-steam-square:before { content: "\f1b7"; } .fa-recycle:before { content: "\f1b8"; } .fa-automobile:before, .fa-car:before { content: "\f1b9"; } .fa-cab:before, .fa-taxi:before { content: "\f1ba"; } .fa-tree:before { content: "\f1bb"; } .fa-spotify:before { content: "\f1bc"; } .fa-deviantart:before { content: "\f1bd"; } .fa-soundcloud:before { content: "\f1be"; } .fa-database:before { content: "\f1c0"; } .fa-file-pdf-o:before { content: "\f1c1"; } .fa-file-word-o:before { content: "\f1c2"; } .fa-file-excel-o:before { content: "\f1c3"; } .fa-file-powerpoint-o:before { content: "\f1c4"; } .fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before { content: "\f1c5"; } .fa-file-zip-o:before, .fa-file-archive-o:before { content: "\f1c6"; } .fa-file-sound-o:before, .fa-file-audio-o:before { content: "\f1c7"; } .fa-file-movie-o:before, .fa-file-video-o:before { content: "\f1c8"; } .fa-file-code-o:before { content: "\f1c9"; } .fa-vine:before { content: "\f1ca"; } .fa-codepen:before { content: "\f1cb"; } .fa-jsfiddle:before { content: "\f1cc"; } .fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before { content: "\f1cd"; } .fa-circle-o-notch:before { content: "\f1ce"; } .fa-ra:before, .fa-resistance:before, .fa-rebel:before { content: "\f1d0"; } .fa-ge:before, .fa-empire:before { content: "\f1d1"; } .fa-git-square:before { content: "\f1d2"; } .fa-git:before { content: "\f1d3"; } .fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before { content: "\f1d4"; } .fa-tencent-weibo:before { content: "\f1d5"; } .fa-qq:before { content: "\f1d6"; } .fa-wechat:before, .fa-weixin:before { content: "\f1d7"; } .fa-send:before, .fa-paper-plane:before { content: "\f1d8"; } .fa-send-o:before, .fa-paper-plane-o:before { content: "\f1d9"; } .fa-history:before { content: "\f1da"; } .fa-circle-thin:before { content: "\f1db"; } .fa-header:before { content: "\f1dc"; } .fa-paragraph:before { content: "\f1dd"; } .fa-sliders:before { content: "\f1de"; } .fa-share-alt:before { content: "\f1e0"; } .fa-share-alt-square:before { content: "\f1e1"; } .fa-bomb:before { content: "\f1e2"; } .fa-soccer-ball-o:before, .fa-futbol-o:before { content: "\f1e3"; } .fa-tty:before { content: "\f1e4"; } .fa-binoculars:before { content: "\f1e5"; } .fa-plug:before { content: "\f1e6"; } .fa-slideshare:before { content: "\f1e7"; } .fa-twitch:before { content: "\f1e8"; } .fa-yelp:before { content: "\f1e9"; } .fa-newspaper-o:before { content: "\f1ea"; } .fa-wifi:before { content: "\f1eb"; } .fa-calculator:before { content: "\f1ec"; } .fa-paypal:before { content: "\f1ed"; } .fa-google-wallet:before { content: "\f1ee"; } .fa-cc-visa:before { content: "\f1f0"; } .fa-cc-mastercard:before { content: "\f1f1"; } .fa-cc-discover:before { content: "\f1f2"; } .fa-cc-amex:before { content: "\f1f3"; } .fa-cc-paypal:before { content: "\f1f4"; } .fa-cc-stripe:before { content: "\f1f5"; } .fa-bell-slash:before { content: "\f1f6"; } .fa-bell-slash-o:before { content: "\f1f7"; } .fa-trash:before { content: "\f1f8"; } .fa-copyright:before { content: "\f1f9"; } .fa-at:before { content: "\f1fa"; } .fa-eyedropper:before { content: "\f1fb"; } .fa-paint-brush:before { content: "\f1fc"; } .fa-birthday-cake:before { content: "\f1fd"; } .fa-area-chart:before { content: "\f1fe"; } .fa-pie-chart:before { content: "\f200"; } .fa-line-chart:before { content: "\f201"; } .fa-lastfm:before { content: "\f202"; } .fa-lastfm-square:before { content: "\f203"; } .fa-toggle-off:before { content: "\f204"; } .fa-toggle-on:before { content: "\f205"; } .fa-bicycle:before { content: "\f206"; } .fa-bus:before { content: "\f207"; } .fa-ioxhost:before { content: "\f208"; } .fa-angellist:before { content: "\f209"; } .fa-cc:before { content: "\f20a"; } .fa-shekel:before, .fa-sheqel:before, .fa-ils:before { content: "\f20b"; } .fa-meanpath:before { content: "\f20c"; } .fa-buysellads:before { content: "\f20d"; } .fa-connectdevelop:before { content: "\f20e"; } .fa-dashcube:before { content: "\f210"; } .fa-forumbee:before { content: "\f211"; } .fa-leanpub:before { content: "\f212"; } .fa-sellsy:before { content: "\f213"; } .fa-shirtsinbulk:before { content: "\f214"; } .fa-simplybuilt:before { content: "\f215"; } .fa-skyatlas:before { content: "\f216"; } .fa-cart-plus:before { content: "\f217"; } .fa-cart-arrow-down:before { content: "\f218"; } .fa-diamond:before { content: "\f219"; } .fa-ship:before { content: "\f21a"; } .fa-user-secret:before { content: "\f21b"; } .fa-motorcycle:before { content: "\f21c"; } .fa-street-view:before { content: "\f21d"; } .fa-heartbeat:before { content: "\f21e"; } .fa-venus:before { content: "\f221"; } .fa-mars:before { content: "\f222"; } .fa-mercury:before { content: "\f223"; } .fa-intersex:before, .fa-transgender:before { content: "\f224"; } .fa-transgender-alt:before { content: "\f225"; } .fa-venus-double:before { content: "\f226"; } .fa-mars-double:before { content: "\f227"; } .fa-venus-mars:before { content: "\f228"; } .fa-mars-stroke:before { content: "\f229"; } .fa-mars-stroke-v:before { content: "\f22a"; } .fa-mars-stroke-h:before { content: "\f22b"; } .fa-neuter:before { content: "\f22c"; } .fa-genderless:before { content: "\f22d"; } .fa-facebook-official:before { content: "\f230"; } .fa-pinterest-p:before { content: "\f231"; } .fa-whatsapp:before { content: "\f232"; } .fa-server:before { content: "\f233"; } .fa-user-plus:before { content: "\f234"; } .fa-user-times:before { content: "\f235"; } .fa-hotel:before, .fa-bed:before { content: "\f236"; } .fa-viacoin:before { content: "\f237"; } .fa-train:before { content: "\f238"; } .fa-subway:before { content: "\f239"; } .fa-medium:before { content: "\f23a"; } .fa-yc:before, .fa-y-combinator:before { content: "\f23b"; } .fa-optin-monster:before { content: "\f23c"; } .fa-opencart:before { content: "\f23d"; } .fa-expeditedssl:before { content: "\f23e"; } .fa-battery-4:before, .fa-battery:before, .fa-battery-full:before { content: "\f240"; } .fa-battery-3:before, .fa-battery-three-quarters:before { content: "\f241"; } .fa-battery-2:before, .fa-battery-half:before { content: "\f242"; } .fa-battery-1:before, .fa-battery-quarter:before { content: "\f243"; } .fa-battery-0:before, .fa-battery-empty:before { content: "\f244"; } .fa-mouse-pointer:before { content: "\f245"; } .fa-i-cursor:before { content: "\f246"; } .fa-object-group:before { content: "\f247"; } .fa-object-ungroup:before { content: "\f248"; } .fa-sticky-note:before { content: "\f249"; } .fa-sticky-note-o:before { content: "\f24a"; } .fa-cc-jcb:before { content: "\f24b"; } .fa-cc-diners-club:before { content: "\f24c"; } .fa-clone:before { content: "\f24d"; } .fa-balance-scale:before { content: "\f24e"; } .fa-hourglass-o:before { content: "\f250"; } .fa-hourglass-1:before, .fa-hourglass-start:before { content: "\f251"; } .fa-hourglass-2:before, .fa-hourglass-half:before { content: "\f252"; } .fa-hourglass-3:before, .fa-hourglass-end:before { content: "\f253"; } .fa-hourglass:before { content: "\f254"; } .fa-hand-grab-o:before, .fa-hand-rock-o:before { content: "\f255"; } .fa-hand-stop-o:before, .fa-hand-paper-o:before { content: "\f256"; } .fa-hand-scissors-o:before { content: "\f257"; } .fa-hand-lizard-o:before { content: "\f258"; } .fa-hand-spock-o:before { content: "\f259"; } .fa-hand-pointer-o:before { content: "\f25a"; } .fa-hand-peace-o:before { content: "\f25b"; } .fa-trademark:before { content: "\f25c"; } .fa-registered:before { content: "\f25d"; } .fa-creative-commons:before { content: "\f25e"; } .fa-gg:before { content: "\f260"; } .fa-gg-circle:before { content: "\f261"; } .fa-tripadvisor:before { content: "\f262"; } .fa-odnoklassniki:before { content: "\f263"; } .fa-odnoklassniki-square:before { content: "\f264"; } .fa-get-pocket:before { content: "\f265"; } .fa-wikipedia-w:before { content: "\f266"; } .fa-safari:before { content: "\f267"; } .fa-chrome:before { content: "\f268"; } .fa-firefox:before { content: "\f269"; } .fa-opera:before { content: "\f26a"; } .fa-internet-explorer:before { content: "\f26b"; } .fa-tv:before, .fa-television:before { content: "\f26c"; } .fa-contao:before { content: "\f26d"; } .fa-500px:before { content: "\f26e"; } .fa-amazon:before { content: "\f270"; } .fa-calendar-plus-o:before { content: "\f271"; } .fa-calendar-minus-o:before { content: "\f272"; } .fa-calendar-times-o:before { content: "\f273"; } .fa-calendar-check-o:before { content: "\f274"; } .fa-industry:before { content: "\f275"; } .fa-map-pin:before { content: "\f276"; } .fa-map-signs:before { content: "\f277"; } .fa-map-o:before { content: "\f278"; } .fa-map:before { content: "\f279"; } .fa-commenting:before { content: "\f27a"; } .fa-commenting-o:before { content: "\f27b"; } .fa-houzz:before { content: "\f27c"; } .fa-vimeo:before { content: "\f27d"; } .fa-black-tie:before { content: "\f27e"; } .fa-fonticons:before { content: "\f280"; } .fa-reddit-alien:before { content: "\f281"; } .fa-edge:before { content: "\f282"; } .fa-credit-card-alt:before { content: "\f283"; } .fa-codiepie:before { content: "\f284"; } .fa-modx:before { content: "\f285"; } .fa-fort-awesome:before { content: "\f286"; } .fa-usb:before { content: "\f287"; } .fa-product-hunt:before { content: "\f288"; } .fa-mixcloud:before { content: "\f289"; } .fa-scribd:before { content: "\f28a"; } .fa-pause-circle:before { content: "\f28b"; } .fa-pause-circle-o:before { content: "\f28c"; } .fa-stop-circle:before { content: "\f28d"; } .fa-stop-circle-o:before { content: "\f28e"; } .fa-shopping-bag:before { content: "\f290"; } .fa-shopping-basket:before { content: "\f291"; } .fa-hashtag:before { content: "\f292"; } .fa-bluetooth:before { content: "\f293"; } .fa-bluetooth-b:before { content: "\f294"; } .fa-percent:before { content: "\f295"; } .fa-gitlab:before { content: "\f296"; } .fa-wpbeginner:before { content: "\f297"; } .fa-wpforms:before { content: "\f298"; } .fa-envira:before { content: "\f299"; } .fa-universal-access:before { content: "\f29a"; } .fa-wheelchair-alt:before { content: "\f29b"; } .fa-question-circle-o:before { content: "\f29c"; } .fa-blind:before { content: "\f29d"; } .fa-audio-description:before { content: "\f29e"; } .fa-volume-control-phone:before { content: "\f2a0"; } .fa-braille:before { content: "\f2a1"; } .fa-assistive-listening-systems:before { content: "\f2a2"; } .fa-asl-interpreting:before, .fa-american-sign-language-interpreting:before { content: "\f2a3"; } .fa-deafness:before, .fa-hard-of-hearing:before, .fa-deaf:before { content: "\f2a4"; } .fa-glide:before { content: "\f2a5"; } .fa-glide-g:before { content: "\f2a6"; } .fa-signing:before, .fa-sign-language:before { content: "\f2a7"; } .fa-low-vision:before { content: "\f2a8"; } .fa-viadeo:before { content: "\f2a9"; } .fa-viadeo-square:before { content: "\f2aa"; } .fa-snapchat:before { content: "\f2ab"; } .fa-snapchat-ghost:before { content: "\f2ac"; } .fa-snapchat-square:before { content: "\f2ad"; } .fa-pied-piper:before { content: "\f2ae"; } .fa-first-order:before { content: "\f2b0"; } .fa-yoast:before { content: "\f2b1"; } .fa-themeisle:before { content: "\f2b2"; } .fa-google-plus-circle:before, .fa-google-plus-official:before { content: "\f2b3"; } .fa-fa:before, .fa-font-awesome:before { content: "\f2b4"; } .fa-handshake-o:before { content: "\f2b5"; } .fa-envelope-open:before { content: "\f2b6"; } .fa-envelope-open-o:before { content: "\f2b7"; } .fa-linode:before { content: "\f2b8"; } .fa-address-book:before { content: "\f2b9"; } .fa-address-book-o:before { content: "\f2ba"; } .fa-vcard:before, .fa-address-card:before { content: "\f2bb"; } .fa-vcard-o:before, .fa-address-card-o:before { content: "\f2bc"; } .fa-user-circle:before { content: "\f2bd"; } .fa-user-circle-o:before { content: "\f2be"; } .fa-user-o:before { content: "\f2c0"; } .fa-id-badge:before { content: "\f2c1"; } .fa-drivers-license:before, .fa-id-card:before { content: "\f2c2"; } .fa-drivers-license-o:before, .fa-id-card-o:before { content: "\f2c3"; } .fa-quora:before { content: "\f2c4"; } .fa-free-code-camp:before { content: "\f2c5"; } .fa-telegram:before { content: "\f2c6"; } .fa-thermometer-4:before, .fa-thermometer:before, .fa-thermometer-full:before { content: "\f2c7"; } .fa-thermometer-3:before, .fa-thermometer-three-quarters:before { content: "\f2c8"; } .fa-thermometer-2:before, .fa-thermometer-half:before { content: "\f2c9"; } .fa-thermometer-1:before, .fa-thermometer-quarter:before { content: "\f2ca"; } .fa-thermometer-0:before, .fa-thermometer-empty:before { content: "\f2cb"; } .fa-shower:before { content: "\f2cc"; } .fa-bathtub:before, .fa-s15:before, .fa-bath:before { content: "\f2cd"; } .fa-podcast:before { content: "\f2ce"; } .fa-window-maximize:before { content: "\f2d0"; } .fa-window-minimize:before { content: "\f2d1"; } .fa-window-restore:before { content: "\f2d2"; } .fa-times-rectangle:before, .fa-window-close:before { content: "\f2d3"; } .fa-times-rectangle-o:before, .fa-window-close-o:before { content: "\f2d4"; } .fa-bandcamp:before { content: "\f2d5"; } .fa-grav:before { content: "\f2d6"; } .fa-etsy:before { content: "\f2d7"; } .fa-imdb:before { content: "\f2d8"; } .fa-ravelry:before { content: "\f2d9"; } .fa-eercast:before { content: "\f2da"; } .fa-microchip:before { content: "\f2db"; } .fa-snowflake-o:before { content: "\f2dc"; } .fa-superpowers:before { content: "\f2dd"; } .fa-wpexplorer:before { content: "\f2de"; } .fa-meetup:before { content: "\f2e0"; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; }/*# sourceMappingURL=fontawesome.css.map */ ================================================ FILE: scss/fontawesome.scss ================================================ // Import FontAwesome. @import "../../boost/scss/fontawesome"; ================================================ FILE: scss/moodle.scss ================================================ // Import Boost Core moodle CSS @import "../../boost/scss/moodle"; ================================================ FILE: scss/preset/default.scss ================================================ // Bootstrap variables $white: #fff !default; $gray-100: #f8f9fa !default; $gray-200: #e9ecef !default; $gray-300: #dee2e6 !default; $gray-400: #ced4da !default; $gray-500: #adb5bd !default; $gray-600: #868e96 !default; $gray-700: #495057 !default; $gray-800: #373a3c !default; $gray-900: #212529 !default; $black: #000 !default; $blue: #1177d1 !default; $indigo: #6610f2 !default; $purple: #613d7c !default; $pink: #e83e8c !default; $red: #d9534f !default; $orange: #f0ad4e !default; $yellow: #ff7518 !default; $green: #5cb85c !default; $teal: #20c997 !default; $cyan: #5bc0de !default; $primary: $blue !default; $secondary: $gray-800 !default; $success: $green !default; $info: $cyan !default; $warning: $yellow !default; $danger: $red !default; $light: $gray-100 !default; $dark: $gray-800 !default; // Options $enable-rounded: true !default; // Body $body-color: $gray-800 !default; // Fonts $font-size-base: 0.9375rem !default; $headings-font-weight: 300 !default; // Navbar $navbar-dark-hover-color: rgba($white, 1) !default; $navbar-light-hover-color: rgba($black, .9) !default; // Breadcrumbs $breadcrumb-padding-y: .25rem !default; $breadcrumb-padding-x: 0 !default; $breadcrumb-item-padding: .5rem !default; $breadcrumb-margin-bottom: 0 !default; $breadcrumb-bg: transparent !default; $breadcrumb-divider: "/" !default; $breadcrumb-divider-rtl: "/" !default; // Alerts $alert-border-width: 0 !default; $card-group-margin: .25rem; // stylelint-disable $theme-colors: () !default; $theme-colors: map-merge(( primary: $primary, secondary: $gray-200, success: $success, info: $info, warning: $orange, danger: $danger, light: $gray-100, dark: $gray-800 ), $theme-colors); // stylelint-enable // Import FontAwesome. @import "fontawesome"; // Import All of Bootstrap @import "bootstrap"; // Import Core moodle CSS @import "moodle"; // Preset CSS .navbar { box-shadow: 0 2px 4px rgba(0, 0, 0, .08); } .filemanager-container, .filepicker-filelist { border: $border-width solid $border-color; } // Rounded user pictures .userpicture { border-radius: 50%; } .block { background-color: $gray-100; } #page-my-index { background-color: $white; } // Reset the default styling back to the bootstrap defaults for // the secondary outline button because gray-200 is much too light // for an outline button. .btn-outline-secondary { @include button-outline-variant($gray-600); border-color: $border-color; } ================================================ FILE: scss/preset/plain.scss ================================================ // Import FontAwesome. @import "fontawesome"; // Import All of Bootstrap @import "bootstrap"; // Import Core moodle CSS @import "moodle"; ================================================ FILE: scss/roshnilite/body-background.scss ================================================ body { background-image: url($imageurl); background-size: cover; } .region-main .region-main-content { padding: 0.875rem; background-color: $body-bg; border: $card-border-width solid $card-border-color; @include border-radius($card-border-radius); } ================================================ FILE: scss/roshnilite/post.scss ================================================ // General Post SCSS for use in all presets. // Generate the column layout css. @mixin page_layout($blockswidth) { $mainwidth-oneblock: (100% - $blockswidth); $mainwidth-twoblocks: (100% - $blockswidth * 2); #page-content { display: flex; .region-main { flex: 0 0 100%; padding: 0 1rem; } &.blocks-pre { .columnleft { flex: 0 0 $blockswidth; order: -1; padding: 0 1rem; max-width: $blockswidth; } .region-main { flex: 0 0 $mainwidth-oneblock; max-width: $mainwidth-oneblock; padding: 0 1rem 0 0; } } &.blocks-post { .region-main { flex: 0 0 $mainwidth-oneblock; max-width: $mainwidth-oneblock; padding: 0 0 0 1rem; } .columnright { flex: 0 0 $blockswidth; padding: 0 1rem; max-width: $blockswidth; } } &.blocks-pre.blocks-post { .region-main { flex: 0 0 $mainwidth-twoblocks; max-width: $mainwidth-twoblocks; padding: 0; } } [data-region="blocks-column"] { width: 100%; } } .empty-region-side-pre { &.used-region-side-post { #page-content { .region-main { flex: 0 0 $mainwidth-oneblock; max-width: $mainwidth-oneblock; padding-left: 1rem; } .columnright { flex: 0 0 $blockswidth; padding: 0 1rem; max-width: $blockswidth; } } } } .empty-region-side-post { &.used-region-side-pre { #page-content { .region-main { flex: 0 0 $mainwidth-oneblock; max-width: $mainwidth-oneblock; padding-right: 1rem; } .columnleft { flex: 0 0 $blockswidth; order: -1; padding: 0 1rem; max-width: $blockswidth; } } } } .used-region-side-post { &.used-region-side-pre { #page-content { .region-main { flex: 0 0 $mainwidth-twoblocks; max-width: $mainwidth-twoblocks; padding: 0; } .columnleft { flex: 0 0 $blockswidth; order: -1; padding: 0 1rem; max-width: $blockswidth; } .columnright { flex: 0 0 $blockswidth; padding: 0 1rem; max-width: $blockswidth; } } } } } // The block column needs some padding on small devices. @include media-breakpoint-down(sm) { .blockcolumn, .region-main { flex: 0 0 100%; padding: 0 1rem; margin-bottom: 1rem; } } // When changing this please check the size of the calendar block. @include media-breakpoint-up(md) { @include page_layout(32%); } @include media-breakpoint-up(lg) { @include page_layout(25%); } @include media-breakpoint-up(xl) { @include page_layout(20%); } .block_myoverview, .block_recentlyaccesseditems { .dashboard-card-deck { .dashboard-card { width: calc(33.33% - #{$card-gutter}); } } } @include media-breakpoint-up(md) { .blockcolumn { .dashboard-card-deck { margin-left: 0; margin-right: 0; .dashboard-card { width: calc(100% - #{$card-gutter}) !important; /* stylelint-disable-line declaration-no-important */ } } } } // Settings and Navigation blocks don't render well from default boost. .block_navigation, .block_settings { .block_tree { &.list > li > ul { padding-left: 0; } .tree_item.branch { margin-left: 5px; padding-left: 0.75rem; } p.hasicon { text-indent: 0; padding-left: 0.75rem; } ul { margin-left: 0.25rem; padding-left: 1rem; } } } .block_navigation .block_tree p.hasicon .icon, .block_settings .block_tree p.hasicon .icon { margin-right: 5px; } // Remove left indenting from root nodes to allow sub-nodes to indent correctly. .root_node, .navigation_node { margin-left: 0 !important; /* stylelint-disable-line declaration-no-important */ padding-left: 0 !important; /* stylelint-disable-line declaration-no-important */ } .block.block_settings { #settingsnav { padding-top: 0 !important; /* stylelint-disable-line declaration-no-important */ } } ================================================ FILE: scss/roshnilite/pre.css ================================================ /*# sourceMappingURL=pre.css.map */ ================================================ FILE: scss/roshnilite/pre.scss ================================================ // General variables for all presets // Disable the Boost theme reset styling and fixed width content. $allow-reset-style: false; ================================================ FILE: settings.php ================================================ . /** * Roshnilite theme. * * @package theme_roshnilite * @author DualCube * @copyright DualCube (https://dualcube.com) * @license http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later */ defined('MOODLE_INTERNAL') || die(); if ($ADMIN->fulltree) { $settings = new theme_boost_admin_settingspage_tabs('themesettingroshnilite', get_string('configtitle', 'theme_roshnilite')); $page = new admin_settingpage('theme_roshnilite_general', get_string('generalsettings', 'theme_roshnilite')); // Preset. $name = 'theme_roshnilite/preset'; $title = get_string('preset', 'theme_roshnilite'); $description = get_string('preset_desc', 'theme_roshnilite'); $default = 'default.scss'; $context = context_system::instance(); $fs = get_file_storage(); $files = $fs->get_area_files($context->id, 'theme_roshnilite', 'preset', 0, 'itemid, filepath, filename', false); $choices = []; foreach ($files as $file) { $choices[$file->get_filename()] = $file->get_filename(); } // These are the built in presets. $choices['default.scss'] = 'default.scss'; $choices['plain.scss'] = 'plain.scss'; $setting = new admin_setting_configselect($name, $title, $description, $default, $choices); $setting->set_updatedcallback('theme_reset_all_caches'); $page->add($setting); // Preset files setting. $name = 'theme_roshnilite/presetfiles'; $title = get_string('presetfiles', 'theme_roshnilite'); $description = get_string('presetfiles_desc', 'theme_roshnilite'); $setting = new admin_setting_configstoredfile($name, $title, $description, 'preset', 0, ['maxfiles' => 20, 'accepted_types' => ['.scss']]); $page->add($setting); // Background image setting. $name = 'theme_roshnilite/backgroundimage'; $title = get_string('backgroundimage', 'theme_roshnilite'); $description = get_string('backgroundimage_desc', 'theme_roshnilite'); $setting = new admin_setting_configstoredfile($name, $title, $description, 'backgroundimage'); $setting->set_updatedcallback('theme_reset_all_caches'); $page->add($setting); // Variable $body-color. // We use an empty default value because the default colour should come from the preset. $name = 'theme_roshnilite/brandcolor'; $title = get_string('brandcolor', 'theme_roshnilite'); $description = get_string('brandcolor_desc', 'theme_roshnilite'); $default = '#e74c3c'; $setting = new admin_setting_configcolourpicker($name, $title, $description, $default); $setting->set_updatedcallback('theme_reset_all_caches'); $page->add($setting); $name = 'theme_roshnilite/favicon'; $title = get_string('favicon', 'theme_roshnilite'); $description = get_string('favicondesc', 'theme_roshnilite'); $setting = new admin_setting_configstoredfile($name, $title, $description, 'favicon'); $setting->set_updatedcallback('theme_reset_all_caches'); $page->add($setting); $name = 'theme_roshnilite/logo'; $title = get_string('logo', 'theme_roshnilite'); $description = get_string('logodesc', 'theme_roshnilite'); $setting = new admin_setting_configstoredfile($name, $title, $description, 'logo'); $setting->set_updatedcallback('theme_reset_all_caches'); $page->add($setting); $name = 'theme_roshnilite/moodlemaincontentinfrontpage'; $title = get_string('moodlemaincontentinfrontpage', 'theme_roshnilite'); $description = get_string('moodlemaincontentinfrontpagedesc', 'theme_roshnilite'); $setting = new admin_setting_configcheckbox($name, $title, $description, 1); $setting->set_updatedcallback('theme_reset_all_caches'); $page->add($setting); $name = 'theme_roshnilite/slidercount'; $title = get_string('slidercount', 'theme_roshnilite'); $description = get_string('slidercountdesc', 'theme_roshnilite'); $setting = new admin_setting_configselect($name, $title, $description, 0, [ 1 => get_string('one', 'theme_roshnilite'), 2 => get_string('two', 'theme_roshnilite'), 3 => get_string('three', 'theme_roshnilite'), 4 => get_string('four', 'theme_roshnilite'), 5 => get_string('five', 'theme_roshnilite'), 6 => get_string('six', 'theme_roshnilite'), ]); $page->add($setting); for ($slidecounts = 1; $slidecounts <= get_config('theme_roshnilite', 'slidercount'); $slidecounts = $slidecounts + 1) { $name = 'theme_roshnilite/slideimage'.$slidecounts; $title = get_string('slideimage', 'theme_roshnilite').$slidecounts; $description = get_string('slideimagedesc', 'theme_roshnilite').$slidecounts; $setting = new admin_setting_configstoredfile($name, $title, $description, 'slideimage'.$slidecounts); $setting->set_updatedcallback('theme_reset_all_caches'); $page->add($setting); $name = 'theme_roshnilite/slidertext'.$slidecounts; $title = get_string('slidertext', 'theme_roshnilite').$slidecounts; $description = get_string('slidertextdesc', 'theme_roshnilite').$slidecounts; $default = get_string('slidertextdefault', 'theme_roshnilite'); $setting = new admin_setting_confightmleditor($name, $title, $description, $default); $setting->set_updatedcallback('theme_reset_all_caches'); $page->add($setting); $name = 'theme_roshnilite/sliderbuttontext'.$slidecounts; $title = get_string('sliderbuttontext', 'theme_roshnilite').$slidecounts; $description = get_string('sliderbuttontextdesc', 'theme_roshnilite'); $default = get_string('sliderbuttontextdefault', 'theme_roshnilite'); $setting = new admin_setting_configtext($name, $title, $description, $default); $setting->set_updatedcallback('theme_reset_all_caches'); $page->add($setting); $name = 'theme_roshnilite/sliderurl'.$slidecounts; $title = get_string('sliderurl', 'theme_roshnilite').$slidecounts; $description = get_string('sliderurldesc', 'theme_roshnilite').$slidecounts; $default = get_string('sliderurldefault', 'theme_roshnilite'); $setting = new admin_setting_configtext($name, $title, $description, $default); $setting->set_updatedcallback('theme_reset_all_caches'); $page->add($setting); } $name = 'theme_roshnilite/aboutsiteheading'; $title = get_string('aboutsiteheading', 'theme_roshnilite'); $description = get_string('aboutsiteheadingdesc', 'theme_roshnilite'); $default = get_string('aboutsiteheadingdefault', 'theme_roshnilite'); $setting = new admin_setting_configtext($name, $title, $description, $default); $setting->set_updatedcallback('theme_reset_all_caches'); $page->add($setting); $name = 'theme_roshnilite/aboutsitesubheading'; $title = get_string('aboutsitesubheading', 'theme_roshnilite'); $description = get_string('aboutsitesubheadingdesc', 'theme_roshnilite'); $default = get_string('aboutsitesubheadingdefault', 'theme_roshnilite'); $setting = new admin_setting_configtext($name, $title, $description, $default); $setting->set_updatedcallback('theme_reset_all_caches'); $page->add($setting); $name = 'theme_roshnilite/aboutsiteimage1'; $title = get_string('aboutsiteimage', 'theme_roshnilite'); $description = get_string('faboutsiteimagedesc', 'theme_roshnilite');; $setting = new admin_setting_configstoredfile($name, $title, $description, 'aboutsiteimage1'); $setting->set_updatedcallback('theme_reset_all_caches'); $page->add($setting); $name = 'theme_roshnilite/aboutsitename1'; $title = get_string('aboutsitename', 'theme_roshnilite'); $description = get_string('faboutsitenamedesc', 'theme_roshnilite'); $default = get_string('aboutsitename1default', 'theme_roshnilite'); $setting = new admin_setting_configtext($name, $title, $description, $default); $setting->set_updatedcallback('theme_reset_all_caches'); $page->add($setting); $name = 'theme_roshnilite/aboutsitetext1'; $title = get_string('aboutsitetext', 'theme_roshnilite'); $description = get_string('faboutsitetextdesc', 'theme_roshnilite'); $default = get_string('aboutsitetext1default', 'theme_roshnilite'); $setting = new admin_setting_confightmleditor($name, $title, $description, $default); $setting->set_updatedcallback('theme_reset_all_caches'); $page->add($setting); $name = 'theme_roshnilite/aboutsiteurl1'; $title = get_string('aboutsiteurl', 'theme_roshnilite'); $description = get_string('faboutsiteurldesc', 'theme_roshnilite'); $default = get_string('sliderurldefault', 'theme_roshnilite'); $setting = new admin_setting_configtext($name, $title, $description, $default); $setting->set_updatedcallback('theme_reset_all_caches'); $page->add($setting); $name = 'theme_roshnilite/aboutsiteimage2'; $title = get_string('aboutsiteimage', 'theme_roshnilite'); $description = get_string('saboutsiteimagedesc', 'theme_roshnilite'); $setting = new admin_setting_configstoredfile($name, $title, $description, 'aboutsiteimage2'); $setting->set_updatedcallback('theme_reset_all_caches'); $page->add($setting); $name = 'theme_roshnilite/aboutsitename2'; $title = get_string('aboutsitename', 'theme_roshnilite'); $description = get_string('saboutsitenamedesc', 'theme_roshnilite'); $default = get_string('aboutsitename2default', 'theme_roshnilite'); $setting = new admin_setting_configtext($name, $title, $description, $default); $setting->set_updatedcallback('theme_reset_all_caches'); $page->add($setting); $name = 'theme_roshnilite/aboutsitetext2'; $title = get_string('aboutsitetext', 'theme_roshnilite'); $description = get_string('saboutsitetextdesc', 'theme_roshnilite'); $default = get_string('aboutsitetext2default', 'theme_roshnilite'); $setting = new admin_setting_confightmleditor($name, $title, $description, $default); $setting->set_updatedcallback('theme_reset_all_caches'); $page->add($setting); $name = 'theme_roshnilite/aboutsiteurl2'; $title = get_string('aboutsiteurl', 'theme_roshnilite'); $description = get_string('saboutsiteurldesc', 'theme_roshnilite'); $default = get_string('sliderurldefault', 'theme_roshnilite'); $setting = new admin_setting_configtext($name, $title, $description, $default); $setting->set_updatedcallback('theme_reset_all_caches'); $page->add($setting); /*-------------*/ $name = 'theme_roshnilite/aboutsiteimage3'; $title = get_string('aboutsiteimage', 'theme_roshnilite'); $description = get_string('taboutsiteimagedesc', 'theme_roshnilite'); $setting = new admin_setting_configstoredfile($name, $title, $description, 'aboutsiteimage3'); $setting->set_updatedcallback('theme_reset_all_caches'); $page->add($setting); $name = 'theme_roshnilite/aboutsitename3'; $title = get_string('aboutsitename', 'theme_roshnilite'); $description = get_string('taboutsitenamedesc', 'theme_roshnilite'); $default = get_string('aboutsitename3default', 'theme_roshnilite'); $setting = new admin_setting_configtext($name, $title, $description, $default); $setting->set_updatedcallback('theme_reset_all_caches'); $page->add($setting); $name = 'theme_roshnilite/aboutsitetext3'; $title = get_string('aboutsitetext', 'theme_roshnilite'); $description = get_string('taboutsitetextdesc', 'theme_roshnilite'); $default = get_string('aboutsitetext3default', 'theme_roshnilite'); $setting = new admin_setting_confightmleditor($name, $title, $description, $default); $setting->set_updatedcallback('theme_reset_all_caches'); $page->add($setting); $name = 'theme_roshnilite/aboutsiteurl3'; $title = get_string('aboutsiteurl', 'theme_roshnilite'); $description = get_string('taboutsiteurldesc', 'theme_roshnilite'); $default = get_string('sliderurldefault', 'theme_roshnilite'); $setting = new admin_setting_configtext($name, $title, $description, $default); $setting->set_updatedcallback('theme_reset_all_caches'); $page->add($setting); $name = 'theme_roshnilite/aboutsiteimage4'; $title = get_string('aboutsiteimage', 'theme_roshnilite'); $description = get_string('fraboutsiteimagedesc', 'theme_roshnilite'); $setting = new admin_setting_configstoredfile($name, $title, $description, 'aboutsiteimage4'); $setting->set_updatedcallback('theme_reset_all_caches'); $page->add($setting); $name = 'theme_roshnilite/aboutsitename4'; $title = get_string('aboutsitename', 'theme_roshnilite'); $description = get_string('fraboutsitenamedesc', 'theme_roshnilite'); $default = get_string('aboutsitename4default', 'theme_roshnilite'); $setting = new admin_setting_configtext($name, $title, $description, $default); $setting->set_updatedcallback('theme_reset_all_caches'); $page->add($setting); $name = 'theme_roshnilite/aboutsitetext4'; $title = get_string('aboutsitetext', 'theme_roshnilite'); $description = get_string('fraboutsitetextdesc', 'theme_roshnilite'); $default = get_string('fraboutsitetextdescdefault', 'theme_roshnilite'); $setting = new admin_setting_confightmleditor($name, $title, $description, $default); $setting->set_updatedcallback('theme_reset_all_caches'); $page->add($setting); $name = 'theme_roshnilite/aboutsiteurl4'; $title = get_string('aboutsiteurl', 'theme_roshnilite'); $description = get_string('fraboutsiteurldesc', 'theme_roshnilite'); $default = get_string('sliderurldefault', 'theme_roshnilite'); $setting = new admin_setting_configtext($name, $title, $description, $default); $setting->set_updatedcallback('theme_reset_all_caches'); $page->add($setting); $name = 'theme_roshnilite/maincolor'; $title = get_string('maincolor', 'theme_roshnilite'); $description = get_string('maincolordesc', 'theme_roshnilite'); $default = '#e74c3c'; $setting = new admin_setting_configcolourpicker($name, $title, $description, $default); $page->add($setting); $name = 'theme_roshnilite/masonryheading'; $title = get_string('masonryheading', 'theme_roshnilite'); $description = get_string('masonryheadingdesc', 'theme_roshnilite'); $default = get_string('masonryheadingdefault', 'theme_roshnilite'); $setting = new admin_setting_configtext($name, $title, $description, $default); $setting->set_updatedcallback('theme_reset_all_caches'); $page->add($setting); $name = 'theme_roshnilite/masonrysubheading'; $title = get_string('masonrysubheading', 'theme_roshnilite'); $description = get_string('masonrysubheadingdesc', 'theme_roshnilite'); $default = get_string('masonrysubheadingdefault', 'theme_roshnilite'); $setting = new admin_setting_configtext($name, $title, $description, $default); $setting->set_updatedcallback('theme_reset_all_caches'); $page->add($setting); $name = 'theme_roshnilite/addressfontawesomeicon'; $title = get_string('addressfontawesomeicon', 'theme_roshnilite'); $description = get_string('addressfontawesomeicondesc', 'theme_roshnilite'); $default = ''; $setting = new admin_setting_configtext($name, $title, $description, $default); $setting->set_updatedcallback('theme_reset_all_caches'); $page->add($setting); $name = 'theme_roshnilite/address'; $title = get_string('address', 'theme_roshnilite'); $description = get_string('addressdesc', 'theme_roshnilite'); $default = get_string('addressdefault', 'theme_roshnilite'); $setting = new admin_setting_confightmleditor($name, $title, $description, $default); $setting->set_updatedcallback('theme_reset_all_caches'); $page->add($setting); $name = 'theme_roshnilite/emailfontawesomeicon'; $title = get_string('emailfontawesomeicon', 'theme_roshnilite'); $description = get_string('emailfontawesomeicondesc', 'theme_roshnilite'); $default = ''; $setting = new admin_setting_configtext($name, $title, $description, $default); $setting->set_updatedcallback('theme_reset_all_caches'); $page->add($setting); $name = 'theme_roshnilite/email'; $title = get_string('email', 'theme_roshnilite'); $description = get_string('emaildesc', 'theme_roshnilite'); $default = get_string('emaildefault', 'theme_roshnilite'); $setting = new admin_setting_confightmleditor($name, $title, $description, $default); $setting->set_updatedcallback('theme_reset_all_caches'); $page->add($setting); $name = 'theme_roshnilite/phonefontawesomeicon'; $title = get_string('phonefontawesomeicon', 'theme_roshnilite'); $description = get_string('phonefontawesomeicondesc', 'theme_roshnilite'); $default = ''; $setting = new admin_setting_configtext($name, $title, $description, $default); $setting->set_updatedcallback('theme_reset_all_caches'); $page->add($setting); $name = 'theme_roshnilite/phone'; $title = get_string('phone', 'theme_roshnilite'); $description = get_string('phonedesc', 'theme_roshnilite'); $default = get_string('phonedefault', 'theme_roshnilite'); $setting = new admin_setting_confightmleditor($name, $title, $description, $default); $setting->set_updatedcallback('theme_reset_all_caches'); $page->add($setting); $name = 'theme_roshnilite/socialheading'; $title = get_string('socialheading', 'theme_roshnilite'); $description = get_string('socialheadingdesc', 'theme_roshnilite'); $default = get_string('socialheadingdefault', 'theme_roshnilite'); $setting = new admin_setting_configtext($name, $title, $description, $default); $setting->set_updatedcallback('theme_reset_all_caches'); $page->add($setting); $name = 'theme_roshnilite/socialfontawesomeicon1'; $title = get_string('socialfontawesomeicon1', 'theme_roshnilite'); $description = get_string('socialfontawesomeicondesc1', 'theme_roshnilite'); $default = ''; $setting = new admin_setting_configtext($name, $title, $description, $default); $setting->set_updatedcallback('theme_reset_all_caches'); $page->add($setting); $name = 'theme_roshnilite/socialicon1'; $title = get_string('socialicon', 'theme_roshnilite'); $description = get_string('socialicondesc', 'theme_roshnilite'); $default = get_string('sliderurldefault', 'theme_roshnilite'); $setting = new admin_setting_configtext($name, $title, $description, $default); $setting->set_updatedcallback('theme_reset_all_caches'); $page->add($setting); $name = 'theme_roshnilite/socialfontawesomeicon2'; $title = get_string('socialfontawesomeicon2', 'theme_roshnilite'); $description = get_string('socialfontawesomeicondesc2', 'theme_roshnilite'); $default = ''; $setting = new admin_setting_configtext($name, $title, $description, $default); $setting->set_updatedcallback('theme_reset_all_caches'); $page->add($setting); $name = 'theme_roshnilite/socialicon2'; $title = get_string('socialicon', 'theme_roshnilite'); $description = get_string('socialicondesc', 'theme_roshnilite'); $default = get_string('sliderurldefault', 'theme_roshnilite'); $setting = new admin_setting_configtext($name, $title, $description, $default); $setting->set_updatedcallback('theme_reset_all_caches'); $page->add($setting); $name = 'theme_roshnilite/socialfontawesomeicon3'; $title = get_string('socialfontawesomeicon3', 'theme_roshnilite'); $description = get_string('socialfontawesomeicondesc3', 'theme_roshnilite'); $default = ''; $setting = new admin_setting_configtext($name, $title, $description, $default); $setting->set_updatedcallback('theme_reset_all_caches'); $page->add($setting); $name = 'theme_roshnilite/socialicon3'; $title = get_string('socialicon', 'theme_roshnilite'); $description = get_string('socialicondesc', 'theme_roshnilite'); $default = get_string('sliderurldefault', 'theme_roshnilite'); $setting = new admin_setting_configtext($name, $title, $description, $default); $setting->set_updatedcallback('theme_reset_all_caches'); $page->add($setting); $name = 'theme_roshnilite/socialfontawesomeicon4'; $title = get_string('socialfontawesomeicon4', 'theme_roshnilite'); $description = get_string('socialfontawesomeicondesc4', 'theme_roshnilite'); $default = ''; $setting = new admin_setting_configtext($name, $title, $description, $default); $setting->set_updatedcallback('theme_reset_all_caches'); $page->add($setting); $name = 'theme_roshnilite/socialicon4'; $title = get_string('socialicon', 'theme_roshnilite'); $description = get_string('socialicondesc', 'theme_roshnilite'); $default = get_string('sliderurldefault', 'theme_roshnilite'); $setting = new admin_setting_configtext($name, $title, $description, $default); $setting->set_updatedcallback('theme_reset_all_caches'); $page->add($setting); // Must add the page after definiting all the settings! $settings->add($page); // Advanced settings. $page = new admin_settingpage('theme_roshnilite_advanced', get_string('advancedsettings', 'theme_roshnilite')); // Raw SCSS to include before the content. $setting = new admin_setting_scsscode('theme_roshnilite/scsspre', get_string('rawscsspre', 'theme_roshnilite'), get_string('rawscsspre_desc', 'theme_roshnilite'), '', PARAM_RAW); $setting->set_updatedcallback('theme_reset_all_caches'); $page->add($setting); // Raw SCSS to include after the content. $setting = new admin_setting_scsscode('theme_roshnilite/scss', get_string('rawscss', 'theme_roshnilite'), get_string('rawscss_desc', 'theme_roshnilite'), '', PARAM_RAW); $setting->set_updatedcallback('theme_reset_all_caches'); $page->add($setting); $settings->add($page); // Font settings. $page = new admin_settingpage('theme_roshnilite_font', get_string('fontsettings', 'theme_roshnilite')); $name = 'theme_roshnilite/fontselect'; $title = get_string('fontselect', 'theme_roshnilite'); $description = get_string('fontselectdesc', 'theme_roshnilite'); $default = 1; $choices = [ 1 => get_string('fonttypestandard', 'theme_roshnilite'), 2 => get_string('fonttypecustom', 'theme_roshnilite'), ]; $setting = new admin_setting_configselect($name, $title, $description, $default, $choices); $setting->set_updatedcallback('theme_reset_all_caches'); $page->add($setting); $name = 'theme_roshnilite/fontsize'; $title = get_string('fontsize', 'theme_roshnilite'); $description = get_string('fontsize_desc', 'theme_roshnilite'); $default = '15'; $setting = new admin_setting_configtext($name, $title, $description, $default); $setting->set_updatedcallback('theme_reset_all_caches'); $page->add($setting); // Heading font name. $name = 'theme_roshnilite/fontnameheading'; $title = get_string('fontnameheading', 'theme_roshnilite'); $description = get_string('fontnameheadingdesc', 'theme_roshnilite'); $default = get_string('fontnamedefault', 'theme_roshnilite'); $setting = new admin_setting_configtext($name, $title, $description, $default); $setting->set_updatedcallback('theme_reset_all_caches'); $page->add($setting); // Text font name. $name = 'theme_roshnilite/fontnamebody'; $title = get_string('fontnamebody', 'theme_roshnilite'); $description = get_string('fontnamebodydesc', 'theme_roshnilite'); $default = get_string('fontnamedefault', 'theme_roshnilite'); $setting = new admin_setting_configtext($name, $title, $description, $default); $setting->set_updatedcallback('theme_reset_all_caches'); $page->add($setting); if (get_config('theme_roshnilite', 'fontselect') === "2") { if (floatval($CFG->version) >= 2014111005.01) { $woff2 = true; } else { $woff2 = false; } // This is the descriptor for the font files. $name = 'theme_roshnilite/fontfiles'; $heading = get_string('fontfiles', 'theme_roshnilite'); $information = get_string('fontfilesdesc', 'theme_roshnilite'); $setting = new admin_setting_heading($name, $heading, $information); $page->add($setting); // Heading Fonts. // TTF Font. $name = 'theme_roshnilite/fontfilettfheading'; $title = get_string('fontfilettfheading', 'theme_roshnilite'); $description = ''; $setting = new admin_setting_configstoredfile($name, $title, $description, 'fontfilettfheading'); $setting->set_updatedcallback('theme_reset_all_caches'); $page->add($setting); // OTF Font. $name = 'theme_roshnilite/fontfileotfheading'; $title = get_string('fontfileotfheading', 'theme_roshnilite'); $description = ''; $setting = new admin_setting_configstoredfile($name, $title, $description, 'fontfileotfheading'); $setting->set_updatedcallback('theme_reset_all_caches'); $page->add($setting); // WOFF Font. $name = 'theme_roshnilite/fontfilewoffheading'; $title = get_string('fontfilewoffheading', 'theme_roshnilite'); $description = ''; $setting = new admin_setting_configstoredfile($name, $title, $description, 'fontfilewoffheading'); $setting->set_updatedcallback('theme_reset_all_caches'); $page->add($setting); if ($woff2) { // WOFF2 Font. $name = 'theme_roshnilite/fontfilewofftwoheading'; $title = get_string('fontfilewofftwoheading', 'theme_roshnilite'); $description = ''; $setting = new admin_setting_configstoredfile($name, $title, $description, 'fontfilewofftwoheading'); $setting->set_updatedcallback('theme_reset_all_caches'); $page->add($setting); } // EOT Font. $name = 'theme_roshnilite/fontfileeotheading'; $title = get_string('fontfileeotheading', 'theme_roshnilite'); $description = ''; $setting = new admin_setting_configstoredfile($name, $title, $description, 'fontfileweotheading'); $setting->set_updatedcallback('theme_reset_all_caches'); $page->add($setting); // SVG Font. $name = 'theme_roshnilite/fontfilesvgheading'; $title = get_string('fontfilesvgheading', 'theme_roshnilite'); $description = ''; $setting = new admin_setting_configstoredfile($name, $title, $description, 'fontfilesvgheading'); $setting->set_updatedcallback('theme_reset_all_caches'); $page->add($setting); // Body fonts. // TTF Font. $name = 'theme_roshnilite/fontfilettfbody'; $title = get_string('fontfilettfbody', 'theme_roshnilite'); $description = ''; $setting = new admin_setting_configstoredfile($name, $title, $description, 'fontfilettfbody'); $setting->set_updatedcallback('theme_reset_all_caches'); $page->add($setting); // OTF Font. $name = 'theme_roshnilite/fontfileotfbody'; $title = get_string('fontfileotfbody', 'theme_roshnilite'); $description = ''; $setting = new admin_setting_configstoredfile($name, $title, $description, 'fontfileotfbody'); $setting->set_updatedcallback('theme_reset_all_caches'); $page->add($setting); // WOFF Font. $name = 'theme_roshnilite/fontfilewoffbody'; $title = get_string('fontfilewoffbody', 'theme_roshnilite'); $description = ''; $setting = new admin_setting_configstoredfile($name, $title, $description, 'fontfilewoffbody'); $setting->set_updatedcallback('theme_reset_all_caches'); $page->add($setting); if ($woff2) { // WOFF2 Font. $name = 'theme_roshnilite/fontfilewofftwobody'; $title = get_string('fontfilewofftwobody', 'theme_roshnilite'); $description = ''; $setting = new admin_setting_configstoredfile($name, $title, $description, 'fontfilewofftwobody'); $setting->set_updatedcallback('theme_reset_all_caches'); $page->add($setting); } // EOT Font. $name = 'theme_roshnilite/fontfileeotbody'; $title = get_string('fontfileeotbody', 'theme_roshnilite'); $description = ''; $setting = new admin_setting_configstoredfile($name, $title, $description, 'fontfileweotbody'); $setting->set_updatedcallback('theme_reset_all_caches'); $page->add($setting); // SVG Font. $name = 'theme_roshnilite/fontfilesvgbody'; $title = get_string('fontfilesvgbody', 'theme_roshnilite'); $description = ''; $setting = new admin_setting_configstoredfile($name, $title, $description, 'fontfilesvgbody'); $setting->set_updatedcallback('theme_reset_all_caches'); $page->add($setting); } // Custom CSS file. $name = 'theme_roshnilite/customcss'; $title = get_string('customcss', 'theme_roshnilite'); $description = get_string('customcssdesc', 'theme_roshnilite'); $default = ''; $setting = new admin_setting_configtextarea($name, $title, $description, $default); $setting->set_updatedcallback('theme_reset_all_caches'); $page->add($setting); $settings->add($page); $page = new admin_settingpage('theme_roshnilite_faculty', get_string('facultysettings', 'theme_roshnilite')); $name = 'theme_roshnilite/facultycount'; $title = get_string('facultycount', 'theme_roshnilite'); $description = get_string('facultycountdesc', 'theme_roshnilite'); $setting = new admin_setting_configselect($name, $title, $description, 0, [ 1 => get_string('one', 'theme_roshnilite'), 2 => get_string('two', 'theme_roshnilite'), 3 => get_string('three', 'theme_roshnilite'), 4 => get_string('four', 'theme_roshnilite'), 5 => get_string('five', 'theme_roshnilite'), 6 => get_string('six', 'theme_roshnilite'), 7 => get_string('seven', 'theme_roshnilite'), 8 => get_string('eight', 'theme_roshnilite'), ]); $page->add($setting); for ($facultycounts = 1; $facultycounts <= get_config('theme_roshnilite', 'facultycount'); $facultycounts++) { $name = 'theme_roshnilite/facultyimage'.$facultycounts; $title = get_string('facultyimage', 'theme_roshnilite').$facultycounts; $description = get_string('facultyimagedesc', 'theme_roshnilite').$facultycounts; $default = ''; $setting = new admin_setting_configstoredfile($name, $title, $description, 'facultyimage'.$facultycounts); $setting->set_updatedcallback('theme_reset_all_caches'); $page->add($setting); $name = 'theme_roshnilite/facultyname'.$facultycounts; $title = get_string('facultyname', 'theme_roshnilite').$facultycounts; $description = get_string('facultynamedesc', 'theme_roshnilite').$facultycounts; $default = ''; $setting = new admin_setting_configtext($name, $title, $description, $default); $setting->set_updatedcallback('theme_reset_all_caches'); $page->add($setting); $name = 'theme_roshnilite/facultysubtext'.$facultycounts; $title = get_string('facultysubtext', 'theme_roshnilite').$facultycounts; $description = get_string('facultysubtextdesc', 'theme_roshnilite').$facultycounts; $default = ''; $setting = new admin_setting_confightmleditor($name, $title, $description, $default); $setting->set_updatedcallback('theme_reset_all_caches'); $page->add($setting); $name = 'theme_roshnilite/facultyfburl'.$facultycounts; $title = get_string('facultyfburl', 'theme_roshnilite').$facultycounts; $description = get_string('facultyfburldesc', 'theme_roshnilite').$facultycounts; $default = get_string('sliderurldefault', 'theme_roshnilite'); $setting = new admin_setting_configtext($name, $title, $description, $default); $setting->set_updatedcallback('theme_reset_all_caches'); $page->add($setting); $name = 'theme_roshnilite/facultylnkdnurl'.$facultycounts; $title = get_string('facultylnkdnurl', 'theme_roshnilite').$facultycounts; $description = get_string('facultylnkdnurldesc', 'theme_roshnilite').$facultycounts; $default = get_string('sliderurldefault', 'theme_roshnilite'); $setting = new admin_setting_configtext($name, $title, $description, $default); $setting->set_updatedcallback('theme_reset_all_caches'); $page->add($setting); $name = 'theme_roshnilite/facultygoogleurl'.$facultycounts; $title = get_string('facultygoogleurl', 'theme_roshnilite').$facultycounts; $description = get_string('facultygoogleurldesc', 'theme_roshnilite').$facultycounts; $default = get_string('sliderurldefault', 'theme_roshnilite'); $setting = new admin_setting_configtext($name, $title, $description, $default); $setting->set_updatedcallback('theme_reset_all_caches'); $page->add($setting); $name = 'theme_roshnilite/facultytwitterurl'.$facultycounts; $title = get_string('facultytwitterurl', 'theme_roshnilite').$facultycounts; $description = get_string('facultytwitterurldesc', 'theme_roshnilite').$facultycounts; $default = get_string('sliderurldefault', 'theme_roshnilite'); $setting = new admin_setting_configtext($name, $title, $description, $default); $setting->set_updatedcallback('theme_reset_all_caches'); $page->add($setting); } $settings->add($page); } ================================================ FILE: style/moodle.css ================================================ @charset "UTF-8"; @font-face { font-family: 'FontAwesome'; src: url("[[font:core|fontawesome-webfont.eot]]?v=4.7.0"); src: url("[[font:core|fontawesome-webfont.eot]]?#iefix&v=4.7.0") format("embedded-opentype"), url("[[font:core|fontawesome-webfont.woff2]]?v=4.7.0") format("woff2"), url("[[font:core|fontawesome-webfont.woff]]?v=4.7.0") format("woff"), url("[[font:core|fontawesome-webfont.ttf]]?v=4.7.0") format("truetype"), url("[[font:core|fontawesome-webfont.svg]]?v=4.7.0#fontawesomeregular") format("svg"); font-weight: normal; font-style: normal; } /*! * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* makes the font 33% larger relative to the icon container */ .fa-lg { font-size: 1.3333333333em; line-height: 0.75em; vertical-align: -15%; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-fw { width: 1.2857142857em; text-align: center; } .fa-ul { padding-left: 0; margin-left: 2.1428571429em; list-style-type: none; } .fa-ul > li { position: relative; } .fa-li { position: absolute; left: -2.1428571429em; width: 2.1428571429em; top: 0.1428571429em; text-align: center; } .fa-li.fa-lg { left: -1.8571428571em; } .fa-border { padding: .2em .25em .15em; border: solid 0.08em #eee; border-radius: .1em; } .fa-pull-left { float: left; } .fa-pull-right { float: right; } .fa.fa-pull-left { margin-right: .3em; } .fa.fa-pull-right { margin-left: .3em; } .pull-right { float: right; } .pull-left { float: left; } .fa.pull-left { margin-right: .3em; } .fa.pull-right { margin-left: .3em; } .fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } .fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } .fa-rotate-90 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .fa-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .fa-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .fa-flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); } .fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1); } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical { filter: none; } .fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; } .fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: #fff; } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .fa-glass:before { content: ""; } .fa-music:before { content: ""; } .fa-search:before { content: ""; } .fa-envelope-o:before { content: ""; } .fa-heart:before { content: ""; } .fa-star:before { content: ""; } .fa-star-o:before { content: ""; } .fa-user:before { content: ""; } .fa-film:before { content: ""; } .fa-th-large:before { content: ""; } .fa-th:before { content: ""; } .fa-th-list:before { content: ""; } .fa-check:before { content: ""; } .fa-remove:before, .fa-close:before, .fa-times:before { content: ""; } .fa-search-plus:before { content: ""; } .fa-search-minus:before { content: ""; } .fa-power-off:before { content: ""; } .fa-signal:before { content: ""; } .fa-gear:before, .fa-cog:before { content: ""; } .fa-trash-o:before { content: ""; } .fa-home:before { content: ""; } .fa-file-o:before { content: ""; } .fa-clock-o:before { content: ""; } .fa-road:before { content: ""; } .fa-download:before { content: ""; } .fa-arrow-circle-o-down:before { content: ""; } .fa-arrow-circle-o-up:before { content: ""; } .fa-inbox:before { content: ""; } .fa-play-circle-o:before { content: ""; } .fa-rotate-right:before, .fa-repeat:before { content: ""; } .fa-refresh:before { content: ""; } .fa-list-alt:before { content: ""; } .fa-lock:before { content: ""; } .fa-flag:before { content: ""; } .fa-headphones:before { content: ""; } .fa-volume-off:before { content: ""; } .fa-volume-down:before { content: ""; } .fa-volume-up:before { content: ""; } .fa-qrcode:before { content: ""; } .fa-barcode:before { content: ""; } .fa-tag:before { content: ""; } .fa-tags:before { content: ""; } .fa-book:before { content: ""; } .fa-bookmark:before { content: ""; } .fa-print:before { content: ""; } .fa-camera:before { content: ""; } .fa-font:before { content: ""; } .fa-bold:before { content: ""; } .fa-italic:before { content: ""; } .fa-text-height:before { content: ""; } .fa-text-width:before { content: ""; } .fa-align-left:before { content: ""; } .fa-align-center:before { content: ""; } .fa-align-right:before { content: ""; } .fa-align-justify:before { content: ""; } .fa-list:before { content: ""; } .fa-dedent:before, .fa-outdent:before { content: ""; } .fa-indent:before { content: ""; } .fa-video-camera:before { content: ""; } .fa-photo:before, .fa-image:before, .fa-picture-o:before { content: ""; } .fa-pencil:before { content: ""; } .fa-map-marker:before { content: ""; } .fa-adjust:before { content: ""; } .fa-tint:before { content: ""; } .fa-edit:before, .fa-pencil-square-o:before { content: ""; } .fa-share-square-o:before { content: ""; } .fa-check-square-o:before { content: ""; } .fa-arrows:before { content: ""; } .fa-step-backward:before { content: ""; } .fa-fast-backward:before { content: ""; } .fa-backward:before { content: ""; } .fa-play:before { content: ""; } .fa-pause:before { content: ""; } .fa-stop:before { content: ""; } .fa-forward:before { content: ""; } .fa-fast-forward:before { content: ""; } .fa-step-forward:before { content: ""; } .fa-eject:before { content: ""; } .fa-chevron-left:before { content: ""; } .fa-chevron-right:before { content: ""; } .fa-plus-circle:before { content: ""; } .fa-minus-circle:before { content: ""; } .fa-times-circle:before { content: ""; } .fa-check-circle:before { content: ""; } .fa-question-circle:before { content: ""; } .fa-info-circle:before { content: ""; } .fa-crosshairs:before { content: ""; } .fa-times-circle-o:before { content: ""; } .fa-check-circle-o:before { content: ""; } .fa-ban:before { content: ""; } .fa-arrow-left:before { content: ""; } .fa-arrow-right:before { content: ""; } .fa-arrow-up:before { content: ""; } .fa-arrow-down:before { content: ""; } .fa-mail-forward:before, .fa-share:before { content: ""; } .fa-expand:before { content: ""; } .fa-compress:before { content: ""; } .fa-plus:before { content: ""; } .fa-minus:before { content: ""; } .fa-asterisk:before { content: ""; } .fa-exclamation-circle:before { content: ""; } .fa-gift:before { content: ""; } .fa-leaf:before { content: ""; } .fa-fire:before { content: ""; } .fa-eye:before { content: ""; } .fa-eye-slash:before { content: ""; } .fa-warning:before, .fa-exclamation-triangle:before { content: ""; } .fa-plane:before { content: ""; } .fa-calendar:before { content: ""; } .fa-random:before { content: ""; } .fa-comment:before { content: ""; } .fa-magnet:before { content: ""; } .fa-chevron-up:before { content: ""; } .fa-chevron-down:before { content: ""; } .fa-retweet:before { content: ""; } .fa-shopping-cart:before { content: ""; } .fa-folder:before { content: ""; } .fa-folder-open:before { content: ""; } .fa-arrows-v:before { content: ""; } .fa-arrows-h:before { content: ""; } .fa-bar-chart-o:before, .fa-bar-chart:before { content: ""; } .fa-twitter-square:before { content: ""; } .fa-facebook-square:before { content: ""; } .fa-camera-retro:before { content: ""; } .fa-key:before { content: ""; } .fa-gears:before, .fa-cogs:before { content: ""; } .fa-comments:before { content: ""; } .fa-thumbs-o-up:before { content: ""; } .fa-thumbs-o-down:before { content: ""; } .fa-star-half:before { content: ""; } .fa-heart-o:before { content: ""; } .fa-sign-out:before { content: ""; } .fa-linkedin-square:before { content: ""; } .fa-thumb-tack:before { content: ""; } .fa-external-link:before { content: ""; } .fa-sign-in:before { content: ""; } .fa-trophy:before { content: ""; } .fa-github-square:before { content: ""; } .fa-upload:before { content: ""; } .fa-lemon-o:before { content: ""; } .fa-phone:before { content: ""; } .fa-square-o:before { content: ""; } .fa-bookmark-o:before { content: ""; } .fa-phone-square:before { content: ""; } .fa-twitter:before { content: ""; } .fa-facebook-f:before, .fa-facebook:before { content: ""; } .fa-github:before { content: ""; } .fa-unlock:before { content: ""; } .fa-credit-card:before { content: ""; } .fa-feed:before, .fa-rss:before { content: ""; } .fa-hdd-o:before { content: ""; } .fa-bullhorn:before { content: ""; } .fa-bell:before { content: ""; } .fa-certificate:before { content: ""; } .fa-hand-o-right:before { content: ""; } .fa-hand-o-left:before { content: ""; } .fa-hand-o-up:before { content: ""; } .fa-hand-o-down:before { content: ""; } .fa-arrow-circle-left:before { content: ""; } .fa-arrow-circle-right:before { content: ""; } .fa-arrow-circle-up:before { content: ""; } .fa-arrow-circle-down:before { content: ""; } .fa-globe:before { content: ""; } .fa-wrench:before { content: ""; } .fa-tasks:before { content: ""; } .fa-filter:before { content: ""; } .fa-briefcase:before { content: ""; } .fa-arrows-alt:before { content: ""; } .fa-group:before, .fa-users:before { content: ""; } .fa-chain:before, .fa-link:before { content: ""; } .fa-cloud:before { content: ""; } .fa-flask:before { content: ""; } .fa-cut:before, .fa-scissors:before { content: ""; } .fa-copy:before, .fa-files-o:before { content: ""; } .fa-paperclip:before { content: ""; } .fa-save:before, .fa-floppy-o:before { content: ""; } .fa-square:before { content: ""; } .fa-navicon:before, .fa-reorder:before, .fa-bars:before { content: ""; } .fa-list-ul:before { content: ""; } .fa-list-ol:before { content: ""; } .fa-strikethrough:before { content: ""; } .fa-underline:before { content: ""; } .fa-table:before { content: ""; } .fa-magic:before { content: ""; } .fa-truck:before { content: ""; } .fa-pinterest:before { content: ""; } .fa-pinterest-square:before { content: ""; } .fa-google-plus-square:before { content: ""; } .fa-google-plus:before { content: ""; } .fa-money:before { content: ""; } .fa-caret-down:before { content: ""; } .fa-caret-up:before { content: ""; } .fa-caret-left:before { content: ""; } .fa-caret-right:before { content: ""; } .fa-columns:before { content: ""; } .fa-unsorted:before, .fa-sort:before { content: ""; } .fa-sort-down:before, .fa-sort-desc:before { content: ""; } .fa-sort-up:before, .fa-sort-asc:before { content: ""; } .fa-envelope:before { content: ""; } .fa-linkedin:before { content: ""; } .fa-rotate-left:before, .fa-undo:before { content: ""; } .fa-legal:before, .fa-gavel:before { content: ""; } .fa-dashboard:before, .fa-tachometer:before { content: ""; } .fa-comment-o:before { content: ""; } .fa-comments-o:before { content: ""; } .fa-flash:before, .fa-bolt:before { content: ""; } .fa-sitemap:before { content: ""; } .fa-umbrella:before { content: ""; } .fa-paste:before, .fa-clipboard:before { content: ""; } .fa-lightbulb-o:before { content: ""; } .fa-exchange:before { content: ""; } .fa-cloud-download:before { content: ""; } .fa-cloud-upload:before { content: ""; } .fa-user-md:before { content: ""; } .fa-stethoscope:before { content: ""; } .fa-suitcase:before { content: ""; } .fa-bell-o:before { content: ""; } .fa-coffee:before { content: ""; } .fa-cutlery:before { content: ""; } .fa-file-text-o:before { content: ""; } .fa-building-o:before { content: ""; } .fa-hospital-o:before { content: ""; } .fa-ambulance:before { content: ""; } .fa-medkit:before { content: ""; } .fa-fighter-jet:before { content: ""; } .fa-beer:before { content: ""; } .fa-h-square:before { content: ""; } .fa-plus-square:before { content: ""; } .fa-angle-double-left:before { content: ""; } .fa-angle-double-right:before { content: ""; } .fa-angle-double-up:before { content: ""; } .fa-angle-double-down:before { content: ""; } .fa-angle-left:before { content: ""; } .fa-angle-right:before { content: ""; } .fa-angle-up:before { content: ""; } .fa-angle-down:before { content: ""; } .fa-desktop:before { content: ""; } .fa-laptop:before { content: ""; } .fa-tablet:before { content: ""; } .fa-mobile-phone:before, .fa-mobile:before { content: ""; } .fa-circle-o:before { content: ""; } .fa-quote-left:before { content: ""; } .fa-quote-right:before { content: ""; } .fa-spinner:before { content: ""; } .fa-circle:before { content: ""; } .fa-mail-reply:before, .fa-reply:before { content: ""; } .fa-github-alt:before { content: ""; } .fa-folder-o:before { content: ""; } .fa-folder-open-o:before { content: ""; } .fa-smile-o:before { content: ""; } .fa-frown-o:before { content: ""; } .fa-meh-o:before { content: ""; } .fa-gamepad:before { content: ""; } .fa-keyboard-o:before { content: ""; } .fa-flag-o:before { content: ""; } .fa-flag-checkered:before { content: ""; } .fa-terminal:before { content: ""; } .fa-code:before { content: ""; } .fa-mail-reply-all:before, .fa-reply-all:before { content: ""; } .fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content: ""; } .fa-location-arrow:before { content: ""; } .fa-crop:before { content: ""; } .fa-code-fork:before { content: ""; } .fa-unlink:before, .fa-chain-broken:before { content: ""; } .fa-question:before { content: ""; } .fa-info:before { content: ""; } .fa-exclamation:before { content: ""; } .fa-superscript:before { content: ""; } .fa-subscript:before { content: ""; } .fa-eraser:before { content: ""; } .fa-puzzle-piece:before { content: ""; } .fa-microphone:before { content: ""; } .fa-microphone-slash:before { content: ""; } .fa-shield:before { content: ""; } .fa-calendar-o:before { content: ""; } .fa-fire-extinguisher:before { content: ""; } .fa-rocket:before { content: ""; } .fa-maxcdn:before { content: ""; } .fa-chevron-circle-left:before { content: ""; } .fa-chevron-circle-right:before { content: ""; } .fa-chevron-circle-up:before { content: ""; } .fa-chevron-circle-down:before { content: ""; } .fa-html5:before { content: ""; } .fa-css3:before { content: ""; } .fa-anchor:before { content: ""; } .fa-unlock-alt:before { content: ""; } .fa-bullseye:before { content: ""; } .fa-ellipsis-h:before { content: ""; } .fa-ellipsis-v:before { content: ""; } .fa-rss-square:before { content: ""; } .fa-play-circle:before { content: ""; } .fa-ticket:before { content: ""; } .fa-minus-square:before { content: ""; } .fa-minus-square-o:before { content: ""; } .fa-level-up:before { content: ""; } .fa-level-down:before { content: ""; } .fa-check-square:before { content: ""; } .fa-pencil-square:before { content: ""; } .fa-external-link-square:before { content: ""; } .fa-share-square:before { content: ""; } .fa-compass:before { content: ""; } .fa-toggle-down:before, .fa-caret-square-o-down:before { content: ""; } .fa-toggle-up:before, .fa-caret-square-o-up:before { content: ""; } .fa-toggle-right:before, .fa-caret-square-o-right:before { content: ""; } .fa-euro:before, .fa-eur:before { content: ""; } .fa-gbp:before { content: ""; } .fa-dollar:before, .fa-usd:before { content: ""; } .fa-rupee:before, .fa-inr:before { content: ""; } .fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before { content: ""; } .fa-ruble:before, .fa-rouble:before, .fa-rub:before { content: ""; } .fa-won:before, .fa-krw:before { content: ""; } .fa-bitcoin:before, .fa-btc:before { content: ""; } .fa-file:before { content: ""; } .fa-file-text:before { content: ""; } .fa-sort-alpha-asc:before { content: ""; } .fa-sort-alpha-desc:before { content: ""; } .fa-sort-amount-asc:before { content: ""; } .fa-sort-amount-desc:before { content: ""; } .fa-sort-numeric-asc:before { content: ""; } .fa-sort-numeric-desc:before { content: ""; } .fa-thumbs-up:before { content: ""; } .fa-thumbs-down:before { content: ""; } .fa-youtube-square:before { content: ""; } .fa-youtube:before { content: ""; } .fa-xing:before { content: ""; } .fa-xing-square:before { content: ""; } .fa-youtube-play:before { content: ""; } .fa-dropbox:before { content: ""; } .fa-stack-overflow:before { content: ""; } .fa-instagram:before { content: ""; } .fa-flickr:before { content: ""; } .fa-adn:before { content: ""; } .fa-bitbucket:before { content: ""; } .fa-bitbucket-square:before { content: ""; } .fa-tumblr:before { content: ""; } .fa-tumblr-square:before { content: ""; } .fa-long-arrow-down:before { content: ""; } .fa-long-arrow-up:before { content: ""; } .fa-long-arrow-left:before { content: ""; } .fa-long-arrow-right:before { content: ""; } .fa-apple:before { content: ""; } .fa-windows:before { content: ""; } .fa-android:before { content: ""; } .fa-linux:before { content: ""; } .fa-dribbble:before { content: ""; } .fa-skype:before { content: ""; } .fa-foursquare:before { content: ""; } .fa-trello:before { content: ""; } .fa-female:before { content: ""; } .fa-male:before { content: ""; } .fa-gittip:before, .fa-gratipay:before { content: ""; } .fa-sun-o:before { content: ""; } .fa-moon-o:before { content: ""; } .fa-archive:before { content: ""; } .fa-bug:before { content: ""; } .fa-vk:before { content: ""; } .fa-weibo:before { content: ""; } .fa-renren:before { content: ""; } .fa-pagelines:before { content: ""; } .fa-stack-exchange:before { content: ""; } .fa-arrow-circle-o-right:before { content: ""; } .fa-arrow-circle-o-left:before { content: ""; } .fa-toggle-left:before, .fa-caret-square-o-left:before { content: ""; } .fa-dot-circle-o:before { content: ""; } .fa-wheelchair:before { content: ""; } .fa-vimeo-square:before { content: ""; } .fa-turkish-lira:before, .fa-try:before { content: ""; } .fa-plus-square-o:before { content: ""; } .fa-space-shuttle:before { content: ""; } .fa-slack:before { content: ""; } .fa-envelope-square:before { content: ""; } .fa-wordpress:before { content: ""; } .fa-openid:before { content: ""; } .fa-institution:before, .fa-bank:before, .fa-university:before { content: ""; } .fa-mortar-board:before, .fa-graduation-cap:before { content: ""; } .fa-yahoo:before { content: ""; } .fa-google:before { content: ""; } .fa-reddit:before { content: ""; } .fa-reddit-square:before { content: ""; } .fa-stumbleupon-circle:before { content: ""; } .fa-stumbleupon:before { content: ""; } .fa-delicious:before { content: ""; } .fa-digg:before { content: ""; } .fa-pied-piper-pp:before { content: ""; } .fa-pied-piper-alt:before { content: ""; } .fa-drupal:before { content: ""; } .fa-joomla:before { content: ""; } .fa-language:before { content: ""; } .fa-fax:before { content: ""; } .fa-building:before { content: ""; } .fa-child:before { content: ""; } .fa-paw:before { content: ""; } .fa-spoon:before { content: ""; } .fa-cube:before { content: ""; } .fa-cubes:before { content: ""; } .fa-behance:before { content: ""; } .fa-behance-square:before { content: ""; } .fa-steam:before { content: ""; } .fa-steam-square:before { content: ""; } .fa-recycle:before { content: ""; } .fa-automobile:before, .fa-car:before { content: ""; } .fa-cab:before, .fa-taxi:before { content: ""; } .fa-tree:before { content: ""; } .fa-spotify:before { content: ""; } .fa-deviantart:before { content: ""; } .fa-soundcloud:before { content: ""; } .fa-database:before { content: ""; } .fa-file-pdf-o:before { content: ""; } .fa-file-word-o:before { content: ""; } .fa-file-excel-o:before { content: ""; } .fa-file-powerpoint-o:before { content: ""; } .fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before { content: ""; } .fa-file-zip-o:before, .fa-file-archive-o:before { content: ""; } .fa-file-sound-o:before, .fa-file-audio-o:before { content: ""; } .fa-file-movie-o:before, .fa-file-video-o:before { content: ""; } .fa-file-code-o:before { content: ""; } .fa-vine:before { content: ""; } .fa-codepen:before { content: ""; } .fa-jsfiddle:before { content: ""; } .fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before { content: ""; } .fa-circle-o-notch:before { content: ""; } .fa-ra:before, .fa-resistance:before, .fa-rebel:before { content: ""; } .fa-ge:before, .fa-empire:before { content: ""; } .fa-git-square:before { content: ""; } .fa-git:before { content: ""; } .fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before { content: ""; } .fa-tencent-weibo:before { content: ""; } .fa-qq:before { content: ""; } .fa-wechat:before, .fa-weixin:before { content: ""; } .fa-send:before, .fa-paper-plane:before { content: ""; } .fa-send-o:before, .fa-paper-plane-o:before { content: ""; } .fa-history:before { content: ""; } .fa-circle-thin:before { content: ""; } .fa-header:before { content: ""; } .fa-paragraph:before { content: ""; } .fa-sliders:before { content: ""; } .fa-share-alt:before { content: ""; } .fa-share-alt-square:before { content: ""; } .fa-bomb:before { content: ""; } .fa-soccer-ball-o:before, .fa-futbol-o:before { content: ""; } .fa-tty:before { content: ""; } .fa-binoculars:before { content: ""; } .fa-plug:before { content: ""; } .fa-slideshare:before { content: ""; } .fa-twitch:before { content: ""; } .fa-yelp:before { content: ""; } .fa-newspaper-o:before { content: ""; } .fa-wifi:before { content: ""; } .fa-calculator:before { content: ""; } .fa-paypal:before { content: ""; } .fa-google-wallet:before { content: ""; } .fa-cc-visa:before { content: ""; } .fa-cc-mastercard:before { content: ""; } .fa-cc-discover:before { content: ""; } .fa-cc-amex:before { content: ""; } .fa-cc-paypal:before { content: ""; } .fa-cc-stripe:before { content: ""; } .fa-bell-slash:before { content: ""; } .fa-bell-slash-o:before { content: ""; } .fa-trash:before { content: ""; } .fa-copyright:before { content: ""; } .fa-at:before { content: ""; } .fa-eyedropper:before { content: ""; } .fa-paint-brush:before { content: ""; } .fa-birthday-cake:before { content: ""; } .fa-area-chart:before { content: ""; } .fa-pie-chart:before { content: ""; } .fa-line-chart:before { content: ""; } .fa-lastfm:before { content: ""; } .fa-lastfm-square:before { content: ""; } .fa-toggle-off:before { content: ""; } .fa-toggle-on:before { content: ""; } .fa-bicycle:before { content: ""; } .fa-bus:before { content: ""; } .fa-ioxhost:before { content: ""; } .fa-angellist:before { content: ""; } .fa-cc:before { content: ""; } .fa-shekel:before, .fa-sheqel:before, .fa-ils:before { content: ""; } .fa-meanpath:before { content: ""; } .fa-buysellads:before { content: ""; } .fa-connectdevelop:before { content: ""; } .fa-dashcube:before { content: ""; } .fa-forumbee:before { content: ""; } .fa-leanpub:before { content: ""; } .fa-sellsy:before { content: ""; } .fa-shirtsinbulk:before { content: ""; } .fa-simplybuilt:before { content: ""; } .fa-skyatlas:before { content: ""; } .fa-cart-plus:before { content: ""; } .fa-cart-arrow-down:before { content: ""; } .fa-diamond:before { content: ""; } .fa-ship:before { content: ""; } .fa-user-secret:before { content: ""; } .fa-motorcycle:before { content: ""; } .fa-street-view:before { content: ""; } .fa-heartbeat:before { content: ""; } .fa-venus:before { content: ""; } .fa-mars:before { content: ""; } .fa-mercury:before { content: ""; } .fa-intersex:before, .fa-transgender:before { content: ""; } .fa-transgender-alt:before { content: ""; } .fa-venus-double:before { content: ""; } .fa-mars-double:before { content: ""; } .fa-venus-mars:before { content: ""; } .fa-mars-stroke:before { content: ""; } .fa-mars-stroke-v:before { content: ""; } .fa-mars-stroke-h:before { content: ""; } .fa-neuter:before { content: ""; } .fa-genderless:before { content: ""; } .fa-facebook-official:before { content: ""; } .fa-pinterest-p:before { content: ""; } .fa-whatsapp:before { content: ""; } .fa-server:before { content: ""; } .fa-user-plus:before { content: ""; } .fa-user-times:before { content: ""; } .fa-hotel:before, .fa-bed:before { content: ""; } .fa-viacoin:before { content: ""; } .fa-train:before { content: ""; } .fa-subway:before { content: ""; } .fa-medium:before { content: ""; } .fa-yc:before, .fa-y-combinator:before { content: ""; } .fa-optin-monster:before { content: ""; } .fa-opencart:before { content: ""; } .fa-expeditedssl:before { content: ""; } .fa-battery-4:before, .fa-battery:before, .fa-battery-full:before { content: ""; } .fa-battery-3:before, .fa-battery-three-quarters:before { content: ""; } .fa-battery-2:before, .fa-battery-half:before { content: ""; } .fa-battery-1:before, .fa-battery-quarter:before { content: ""; } .fa-battery-0:before, .fa-battery-empty:before { content: ""; } .fa-mouse-pointer:before { content: ""; } .fa-i-cursor:before { content: ""; } .fa-object-group:before { content: ""; } .fa-object-ungroup:before { content: ""; } .fa-sticky-note:before { content: ""; } .fa-sticky-note-o:before { content: ""; } .fa-cc-jcb:before { content: ""; } .fa-cc-diners-club:before { content: ""; } .fa-clone:before { content: ""; } .fa-balance-scale:before { content: ""; } .fa-hourglass-o:before { content: ""; } .fa-hourglass-1:before, .fa-hourglass-start:before { content: ""; } .fa-hourglass-2:before, .fa-hourglass-half:before { content: ""; } .fa-hourglass-3:before, .fa-hourglass-end:before { content: ""; } .fa-hourglass:before { content: ""; } .fa-hand-grab-o:before, .fa-hand-rock-o:before { content: ""; } .fa-hand-stop-o:before, .fa-hand-paper-o:before { content: ""; } .fa-hand-scissors-o:before { content: ""; } .fa-hand-lizard-o:before { content: ""; } .fa-hand-spock-o:before { content: ""; } .fa-hand-pointer-o:before { content: ""; } .fa-hand-peace-o:before { content: ""; } .fa-trademark:before { content: ""; } .fa-registered:before { content: ""; } .fa-creative-commons:before { content: ""; } .fa-gg:before { content: ""; } .fa-gg-circle:before { content: ""; } .fa-tripadvisor:before { content: ""; } .fa-odnoklassniki:before { content: ""; } .fa-odnoklassniki-square:before { content: ""; } .fa-get-pocket:before { content: ""; } .fa-wikipedia-w:before { content: ""; } .fa-safari:before { content: ""; } .fa-chrome:before { content: ""; } .fa-firefox:before { content: ""; } .fa-opera:before { content: ""; } .fa-internet-explorer:before { content: ""; } .fa-tv:before, .fa-television:before { content: ""; } .fa-contao:before { content: ""; } .fa-500px:before { content: ""; } .fa-amazon:before { content: ""; } .fa-calendar-plus-o:before { content: ""; } .fa-calendar-minus-o:before { content: ""; } .fa-calendar-times-o:before { content: ""; } .fa-calendar-check-o:before { content: ""; } .fa-industry:before { content: ""; } .fa-map-pin:before { content: ""; } .fa-map-signs:before { content: ""; } .fa-map-o:before { content: ""; } .fa-map:before { content: ""; } .fa-commenting:before { content: ""; } .fa-commenting-o:before { content: ""; } .fa-houzz:before { content: ""; } .fa-vimeo:before { content: ""; } .fa-black-tie:before { content: ""; } .fa-fonticons:before { content: ""; } .fa-reddit-alien:before { content: ""; } .fa-edge:before { content: ""; } .fa-credit-card-alt:before { content: ""; } .fa-codiepie:before { content: ""; } .fa-modx:before { content: ""; } .fa-fort-awesome:before { content: ""; } .fa-usb:before { content: ""; } .fa-product-hunt:before { content: ""; } .fa-mixcloud:before { content: ""; } .fa-scribd:before { content: ""; } .fa-pause-circle:before { content: ""; } .fa-pause-circle-o:before { content: ""; } .fa-stop-circle:before { content: ""; } .fa-stop-circle-o:before { content: ""; } .fa-shopping-bag:before { content: ""; } .fa-shopping-basket:before { content: ""; } .fa-hashtag:before { content: ""; } .fa-bluetooth:before { content: ""; } .fa-bluetooth-b:before { content: ""; } .fa-percent:before { content: ""; } .fa-gitlab:before { content: ""; } .fa-wpbeginner:before { content: ""; } .fa-wpforms:before { content: ""; } .fa-envira:before { content: ""; } .fa-universal-access:before { content: ""; } .fa-wheelchair-alt:before { content: ""; } .fa-question-circle-o:before { content: ""; } .fa-blind:before { content: ""; } .fa-audio-description:before { content: ""; } .fa-volume-control-phone:before { content: ""; } .fa-braille:before { content: ""; } .fa-assistive-listening-systems:before { content: ""; } .fa-asl-interpreting:before, .fa-american-sign-language-interpreting:before { content: ""; } .fa-deafness:before, .fa-hard-of-hearing:before, .fa-deaf:before { content: ""; } .fa-glide:before { content: ""; } .fa-glide-g:before { content: ""; } .fa-signing:before, .fa-sign-language:before { content: ""; } .fa-low-vision:before { content: ""; } .fa-viadeo:before { content: ""; } .fa-viadeo-square:before { content: ""; } .fa-snapchat:before { content: ""; } .fa-snapchat-ghost:before { content: ""; } .fa-snapchat-square:before { content: ""; } .fa-pied-piper:before { content: ""; } .fa-first-order:before { content: ""; } .fa-yoast:before { content: ""; } .fa-themeisle:before { content: ""; } .fa-google-plus-circle:before, .fa-google-plus-official:before { content: ""; } .fa-fa:before, .fa-font-awesome:before { content: ""; } .fa-handshake-o:before { content: ""; } .fa-envelope-open:before { content: ""; } .fa-envelope-open-o:before { content: ""; } .fa-linode:before { content: ""; } .fa-address-book:before { content: ""; } .fa-address-book-o:before { content: ""; } .fa-vcard:before, .fa-address-card:before { content: ""; } .fa-vcard-o:before, .fa-address-card-o:before { content: ""; } .fa-user-circle:before { content: ""; } .fa-user-circle-o:before { content: ""; } .fa-user-o:before { content: ""; } .fa-id-badge:before { content: ""; } .fa-drivers-license:before, .fa-id-card:before { content: ""; } .fa-drivers-license-o:before, .fa-id-card-o:before { content: ""; } .fa-quora:before { content: ""; } .fa-free-code-camp:before { content: ""; } .fa-telegram:before { content: ""; } .fa-thermometer-4:before, .fa-thermometer:before, .fa-thermometer-full:before { content: ""; } .fa-thermometer-3:before, .fa-thermometer-three-quarters:before { content: ""; } .fa-thermometer-2:before, .fa-thermometer-half:before { content: ""; } .fa-thermometer-1:before, .fa-thermometer-quarter:before { content: ""; } .fa-thermometer-0:before, .fa-thermometer-empty:before { content: ""; } .fa-shower:before { content: ""; } .fa-bathtub:before, .fa-s15:before, .fa-bath:before { content: ""; } .fa-podcast:before { content: ""; } .fa-window-maximize:before { content: ""; } .fa-window-minimize:before { content: ""; } .fa-window-restore:before { content: ""; } .fa-times-rectangle:before, .fa-window-close:before { content: ""; } .fa-times-rectangle-o:before, .fa-window-close-o:before { content: ""; } .fa-bandcamp:before { content: ""; } .fa-grav:before { content: ""; } .fa-etsy:before { content: ""; } .fa-imdb:before { content: ""; } .fa-ravelry:before { content: ""; } .fa-eercast:before { content: ""; } .fa-microchip:before { content: ""; } .fa-snowflake-o:before { content: ""; } .fa-superpowers:before { content: ""; } .fa-wpexplorer:before { content: ""; } .fa-meetup:before { content: ""; } .sr-only, .path-mod-forum .nested-v2-display-mode .alert.discussionlocked, .path-mod-forum .nested-v2-display-mode #page-admin-index .discussionlocked.releasenoteslink, #page-admin-index .path-mod-forum .nested-v2-display-mode .discussionlocked.releasenoteslink, .path-mod-forum .nested-v2-display-mode #page-admin-index .discussionlocked.adminwarning, #page-admin-index .path-mod-forum .nested-v2-display-mode .discussionlocked.adminwarning, .path-mod-forum .nested-v2-display-mode #page-admin-index .discussionlocked.adminerror, #page-admin-index .path-mod-forum .nested-v2-display-mode .discussionlocked.adminerror, .path-mod-forum .nested-v2-display-mode .que .discussionlocked.formulation, .que .path-mod-forum .nested-v2-display-mode .discussionlocked.formulation, .path-mod-forum .nested-v2-display-mode .que .discussionlocked.outcome, .que .path-mod-forum .nested-v2-display-mode .discussionlocked.outcome, .path-mod-forum .nested-v2-display-mode .que .discussionlocked.comment, .que .path-mod-forum .nested-v2-display-mode .discussionlocked.comment, .path-mod-forum .nested-v2-display-mode .assignfeedback_editpdf_widget .discussionlocked.label, .assignfeedback_editpdf_widget .path-mod-forum .nested-v2-display-mode .discussionlocked.label, .path-mod-forum.nested-v2-display-mode .alert.discussionlocked, .path-mod-forum.nested-v2-display-mode #page-admin-index .discussionlocked.releasenoteslink, #page-admin-index .path-mod-forum.nested-v2-display-mode .discussionlocked.releasenoteslink, .path-mod-forum.nested-v2-display-mode #page-admin-index .discussionlocked.adminwarning, #page-admin-index .path-mod-forum.nested-v2-display-mode .discussionlocked.adminwarning, .path-mod-forum.nested-v2-display-mode #page-admin-index .discussionlocked.adminerror, #page-admin-index .path-mod-forum.nested-v2-display-mode .discussionlocked.adminerror, .path-mod-forum.nested-v2-display-mode .que .discussionlocked.formulation, .que .path-mod-forum.nested-v2-display-mode .discussionlocked.formulation, .path-mod-forum.nested-v2-display-mode .que .discussionlocked.outcome, .que .path-mod-forum.nested-v2-display-mode .discussionlocked.outcome, .path-mod-forum.nested-v2-display-mode .que .discussionlocked.comment, .que .path-mod-forum.nested-v2-display-mode .discussionlocked.comment, .path-mod-forum.nested-v2-display-mode .assignfeedback_editpdf_widget .discussionlocked.label, .assignfeedback_editpdf_widget .path-mod-forum.nested-v2-display-mode .discussionlocked.label, .path-mod-forum .nested-v2-display-mode .tag_list > b, .path-mod-forum.nested-v2-display-mode .tag_list > b { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } /*! * Bootstrap v4.3.1 (https://getbootstrap.com/) * Copyright 2011-2019 The Bootstrap Authors * Copyright 2011-2019 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ :root { --blue: #1177d1; --indigo: #6610f2; --purple: #613d7c; --pink: #e83e8c; --red: #d9534f; --orange: #f0ad4e; --yellow: #ff7518; --green: #5cb85c; --teal: #20c997; --cyan: #5bc0de; --white: #fff; --gray: #868e96; --gray-dark: #373a3c; --primary: #1177d1; --secondary: #e9ecef; --success: #5cb85c; --info: #5bc0de; --warning: #f0ad4e; --danger: #d9534f; --light: #f8f9fa; --dark: #373a3c; --breakpoint-xs: 0; --breakpoint-sm: 576px; --breakpoint-md: 768px; --breakpoint-lg: 992px; --breakpoint-xl: 1200px; --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } *, *::before, *::after { box-sizing: border-box; } html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; } body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 0.9375rem; font-weight: 400; line-height: 1.5; color: #373a3c; text-align: left; background-color: #fff; } [tabindex="-1"]:focus { outline: 0 !important; } hr { box-sizing: content-box; height: 0; overflow: visible; } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0.5rem; } p { margin-top: 0; margin-bottom: 1rem; } abbr[title], abbr[data-original-title] { text-decoration: underline; text-decoration: underline dotted; cursor: help; border-bottom: 0; text-decoration-skip-ink: none; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } ol, ul, dl { margin-top: 0; margin-bottom: 1rem; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } dt { font-weight: 700; } dd { margin-bottom: .5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } b, strong { font-weight: bolder; } small { font-size: 80%; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sub { bottom: -.25em; } sup { top: -.5em; } a { color: #1177d1; text-decoration: none; background-color: transparent; } a:hover { color: #0b4f8a; text-decoration: underline; } a:not([href]):not([tabindex]) { color: inherit; text-decoration: none; } a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus { color: inherit; text-decoration: none; } a:not([href]):not([tabindex]):focus { outline: 0; } pre, code, kbd, samp { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 1em; } pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; } figure { margin: 0 0 1rem; } img { vertical-align: middle; border-style: none; } svg { overflow: hidden; vertical-align: middle; } table { border-collapse: collapse; } caption { padding-top: 0.75rem; padding-bottom: 0.75rem; color: #868e96; text-align: left; caption-side: bottom; } th { text-align: inherit; } label { display: inline-block; margin-bottom: 0.5rem; } button { border-radius: 0; } button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color; } input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } button, input { overflow: visible; } button, select { text-transform: none; } select { word-wrap: normal; } button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } button:not(:disabled), [type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled) { cursor: pointer; } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { padding: 0; border-style: none; } input[type="radio"], input[type="checkbox"] { box-sizing: border-box; padding: 0; } input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] { -webkit-appearance: listbox; } textarea { overflow: auto; resize: vertical; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: .5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal; } progress { vertical-align: baseline; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { outline-offset: -2px; -webkit-appearance: none; } [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } output { display: inline-block; } summary { display: list-item; cursor: pointer; } template { display: none; } [hidden] { display: none !important; } h1, h2, h3, h4, h5, h6, .h1, .h2, .path-calendar .maincalendar .calendar-controls .current, .h3, .h4, .h5, .h6 { margin-bottom: 0.5rem; font-weight: 300; line-height: 1.2; } h1, .h1 { font-size: 2.34375rem; } h2, .h2, .path-calendar .maincalendar .calendar-controls .current { font-size: 1.875rem; } h3, .h3 { font-size: 1.640625rem; } h4, .h4 { font-size: 1.40625rem; } h5, .h5 { font-size: 1.171875rem; } h6, .h6 { font-size: 0.9375rem; } .lead, .userprofile .profile_tree section h3 { font-size: 1.171875rem; font-weight: 300; } .display-1 { font-size: 6rem; font-weight: 300; line-height: 1.2; } .display-2 { font-size: 5.5rem; font-weight: 300; line-height: 1.2; } .display-3 { font-size: 4.5rem; font-weight: 300; line-height: 1.2; } .display-4 { font-size: 3.5rem; font-weight: 300; line-height: 1.2; } hr { margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); } small, .small, #page-admin-search .adminpagepath li { font-size: 80%; font-weight: 400; } mark, .mark { padding: 0.2em; background-color: #fcf8e3; } .list-unstyled { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; list-style: none; } .list-inline-item { display: inline-block; } .list-inline-item:not(:last-child) { margin-right: 0.5rem; } .initialism { font-size: 90%; text-transform: uppercase; } .blockquote { margin-bottom: 1rem; font-size: 1.171875rem; } .blockquote-footer { display: block; font-size: 80%; color: #868e96; } .blockquote-footer::before { content: "\2014\00A0"; } .img-fluid, .img-responsive { max-width: 100%; height: auto; } .img-thumbnail { padding: 0.25rem; background-color: #fff; border: 1px solid #dee2e6; border-radius: 0.25rem; max-width: 100%; height: auto; } .figure { display: inline-block; } .figure-img { margin-bottom: 0.5rem; line-height: 1; } .figure-caption { font-size: 90%; color: #868e96; } code { font-size: 87.5%; color: #e83e8c; word-break: break-word; } a > code { color: inherit; } kbd { padding: 0.2rem 0.4rem; font-size: 87.5%; color: #fff; background-color: #212529; border-radius: 0.2rem; } kbd kbd { padding: 0; font-size: 100%; font-weight: 700; } pre { display: block; font-size: 87.5%; color: #212529; } pre code { font-size: inherit; color: inherit; word-break: normal; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } .container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .container { max-width: 540px; } } @media (min-width: 768px) { .container { max-width: 720px; } } @media (min-width: 992px) { .container { max-width: 960px; } } @media (min-width: 1200px) { .container { max-width: 1140px; } } .container-fluid { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .no-gutters { margin-right: 0; margin-left: 0; } .no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; } .col-1, .col-xs-1, .col-2, .col-xs-2, .col-3, .col-xs-3, .col-4, .col-xs-4, .col-5, .col-xs-5, .col-6, .col-xs-6, .col-7, .col-xs-7, .col-8, .col-xs-8, .col-9, .col-xs-9, .col-10, .col-xs-10, .col-11, .col-xs-11, .col-12, .col-xs-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; } .col { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-1, .col-xs-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-2, .col-xs-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-3, .col-xs-3 { flex: 0 0 25%; max-width: 25%; } .col-4, .col-xs-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-5, .col-xs-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-6, .col-xs-6 { flex: 0 0 50%; max-width: 50%; } .col-7, .col-xs-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-8, .col-xs-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-9, .col-xs-9 { flex: 0 0 75%; max-width: 75%; } .col-10, .col-xs-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-11, .col-xs-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-12, .col-xs-12 { flex: 0 0 100%; max-width: 100%; } .order-first { order: -1; } .order-last { order: 13; } .order-0 { order: 0; } .order-1 { order: 1; } .order-2 { order: 2; } .order-3 { order: 3; } .order-4 { order: 4; } .order-5 { order: 5; } .order-6 { order: 6; } .order-7 { order: 7; } .order-8 { order: 8; } .order-9 { order: 9; } .order-10 { order: 10; } .order-11 { order: 11; } .order-12 { order: 12; } .offset-1 { margin-left: 8.3333333333%; } .offset-2 { margin-left: 16.6666666667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.3333333333%; } .offset-5 { margin-left: 41.6666666667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.3333333333%; } .offset-8 { margin-left: 66.6666666667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.3333333333%; } .offset-11 { margin-left: 91.6666666667%; } @media (min-width: 576px) { .col-sm { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-sm-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-sm-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-sm-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-sm-3 { flex: 0 0 25%; max-width: 25%; } .col-sm-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-sm-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-sm-6 { flex: 0 0 50%; max-width: 50%; } .col-sm-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-sm-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-sm-9 { flex: 0 0 75%; max-width: 75%; } .col-sm-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-sm-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-sm-12 { flex: 0 0 100%; max-width: 100%; } .order-sm-first { order: -1; } .order-sm-last { order: 13; } .order-sm-0 { order: 0; } .order-sm-1 { order: 1; } .order-sm-2 { order: 2; } .order-sm-3 { order: 3; } .order-sm-4 { order: 4; } .order-sm-5 { order: 5; } .order-sm-6 { order: 6; } .order-sm-7 { order: 7; } .order-sm-8 { order: 8; } .order-sm-9 { order: 9; } .order-sm-10 { order: 10; } .order-sm-11 { order: 11; } .order-sm-12 { order: 12; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.3333333333%; } .offset-sm-2 { margin-left: 16.6666666667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.3333333333%; } .offset-sm-5 { margin-left: 41.6666666667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.3333333333%; } .offset-sm-8 { margin-left: 66.6666666667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.3333333333%; } .offset-sm-11 { margin-left: 91.6666666667%; } } @media (min-width: 768px) { .col-md { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-md-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-md-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-md-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-md-3 { flex: 0 0 25%; max-width: 25%; } .col-md-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-md-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-md-6 { flex: 0 0 50%; max-width: 50%; } .col-md-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-md-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-md-9 { flex: 0 0 75%; max-width: 75%; } .col-md-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-md-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-md-12 { flex: 0 0 100%; max-width: 100%; } .order-md-first { order: -1; } .order-md-last { order: 13; } .order-md-0 { order: 0; } .order-md-1 { order: 1; } .order-md-2 { order: 2; } .order-md-3 { order: 3; } .order-md-4 { order: 4; } .order-md-5 { order: 5; } .order-md-6 { order: 6; } .order-md-7 { order: 7; } .order-md-8 { order: 8; } .order-md-9 { order: 9; } .order-md-10 { order: 10; } .order-md-11 { order: 11; } .order-md-12 { order: 12; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.3333333333%; } .offset-md-2 { margin-left: 16.6666666667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.3333333333%; } .offset-md-5 { margin-left: 41.6666666667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.3333333333%; } .offset-md-8 { margin-left: 66.6666666667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.3333333333%; } .offset-md-11 { margin-left: 91.6666666667%; } } @media (min-width: 992px) { .col-lg { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-lg-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-lg-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-lg-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-lg-3 { flex: 0 0 25%; max-width: 25%; } .col-lg-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-lg-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-lg-6 { flex: 0 0 50%; max-width: 50%; } .col-lg-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-lg-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-lg-9 { flex: 0 0 75%; max-width: 75%; } .col-lg-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-lg-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-lg-12 { flex: 0 0 100%; max-width: 100%; } .order-lg-first { order: -1; } .order-lg-last { order: 13; } .order-lg-0 { order: 0; } .order-lg-1 { order: 1; } .order-lg-2 { order: 2; } .order-lg-3 { order: 3; } .order-lg-4 { order: 4; } .order-lg-5 { order: 5; } .order-lg-6 { order: 6; } .order-lg-7 { order: 7; } .order-lg-8 { order: 8; } .order-lg-9 { order: 9; } .order-lg-10 { order: 10; } .order-lg-11 { order: 11; } .order-lg-12 { order: 12; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.3333333333%; } .offset-lg-2 { margin-left: 16.6666666667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.3333333333%; } .offset-lg-5 { margin-left: 41.6666666667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.3333333333%; } .offset-lg-8 { margin-left: 66.6666666667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.3333333333%; } .offset-lg-11 { margin-left: 91.6666666667%; } } @media (min-width: 1200px) { .col-xl { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-xl-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-xl-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-xl-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-xl-3 { flex: 0 0 25%; max-width: 25%; } .col-xl-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-xl-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-xl-6 { flex: 0 0 50%; max-width: 50%; } .col-xl-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-xl-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-xl-9 { flex: 0 0 75%; max-width: 75%; } .col-xl-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-xl-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-xl-12 { flex: 0 0 100%; max-width: 100%; } .order-xl-first { order: -1; } .order-xl-last { order: 13; } .order-xl-0 { order: 0; } .order-xl-1 { order: 1; } .order-xl-2 { order: 2; } .order-xl-3 { order: 3; } .order-xl-4 { order: 4; } .order-xl-5 { order: 5; } .order-xl-6 { order: 6; } .order-xl-7 { order: 7; } .order-xl-8 { order: 8; } .order-xl-9 { order: 9; } .order-xl-10 { order: 10; } .order-xl-11 { order: 11; } .order-xl-12 { order: 12; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.3333333333%; } .offset-xl-2 { margin-left: 16.6666666667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.3333333333%; } .offset-xl-5 { margin-left: 41.6666666667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.3333333333%; } .offset-xl-8 { margin-left: 66.6666666667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.3333333333%; } .offset-xl-11 { margin-left: 91.6666666667%; } } .table, table.collection, table.flexible, .generaltable { width: 100%; margin-bottom: 1rem; color: #373a3c; } .table th, table.collection th, table.flexible th, .generaltable th, .table td, table.collection td, table.flexible td, .generaltable td { padding: 0.75rem; vertical-align: top; border-top: 1px solid #dee2e6; } .table thead th, table.collection thead th, table.flexible thead th, .generaltable thead th { vertical-align: bottom; border-bottom: 2px solid #dee2e6; } .table tbody + tbody, table.collection tbody + tbody, table.flexible tbody + tbody, .generaltable tbody + tbody { border-top: 2px solid #dee2e6; } .table-sm th, #page-report-loglive-index .generaltable th, #page-admin-report-log-index .generaltable th, #page-report-log-user .generaltable th, #page-admin-user table th, .environmenttable th, .category_subcategories th, .rcs-results th, table#listdirectories th, .table-sm td, #page-report-loglive-index .generaltable td, #page-admin-report-log-index .generaltable td, #page-report-log-user .generaltable td, #page-admin-user table td, .environmenttable td, .category_subcategories td, .rcs-results td, table#listdirectories td { padding: 0.3rem; } .table-bordered, table.collection { border: 1px solid #dee2e6; } .table-bordered th, table.collection th, .table-bordered td, table.collection td { border: 1px solid #dee2e6; } .table-bordered thead th, table.collection thead th, .table-bordered thead td, table.collection thead td { border-bottom-width: 2px; } .table-borderless th, .table-borderless td, .table-borderless thead th, .table-borderless tbody + tbody { border: 0; } .table-striped tbody tr:nth-of-type(odd), table.collection tbody tr:nth-of-type(odd), table#explaincaps tbody tr:nth-of-type(odd), table#defineroletable tbody tr:nth-of-type(odd), table.grading-report tbody tr:nth-of-type(odd), table#listdirectories tbody tr:nth-of-type(odd), table.rolecaps tbody tr:nth-of-type(odd), table.userenrolment tbody tr:nth-of-type(odd), form#movecourses table tbody tr:nth-of-type(odd), #page-admin-course-index .editcourse tbody tr:nth-of-type(odd), .forumheaderlist tbody tr:nth-of-type(odd), table.flexible tbody tr:nth-of-type(odd), .generaltable tbody tr:nth-of-type(odd) { background-color: rgba(0, 0, 0, 0.05); } .table-hover tbody tr:hover, table.grading-report tbody tr:hover, .forumheaderlist tbody tr:hover, .generaltable tbody tr:hover, table.flexible tbody tr:hover, .category_subcategories tbody tr:hover, table#modules tbody tr:hover, table#permissions tbody tr:hover { color: #373a3c; background-color: rgba(0, 0, 0, 0.075); } .table-primary, .table-primary > th, .table-primary > td { background-color: #bcd9f2; } .table-primary th, .table-primary td, .table-primary thead th, .table-primary tbody + tbody { border-color: #83b8e7; } .table-hover .table-primary:hover, table.grading-report .table-primary:hover, .forumheaderlist .table-primary:hover, .generaltable .table-primary:hover, table.flexible .table-primary:hover, .category_subcategories .table-primary:hover, table#modules .table-primary:hover, table#permissions .table-primary:hover { background-color: #a7cdee; } .table-hover .table-primary:hover > td, table.grading-report .table-primary:hover > td, .forumheaderlist .table-primary:hover > td, .generaltable .table-primary:hover > td, table.flexible .table-primary:hover > td, .category_subcategories .table-primary:hover > td, table#modules .table-primary:hover > td, table#permissions .table-primary:hover > td, .table-hover .table-primary:hover > th, table.grading-report .table-primary:hover > th, .forumheaderlist .table-primary:hover > th, .generaltable .table-primary:hover > th, table.flexible .table-primary:hover > th, .category_subcategories .table-primary:hover > th, table#modules .table-primary:hover > th, table#permissions .table-primary:hover > th { background-color: #a7cdee; } .table-secondary, .table-secondary > th, .table-secondary > td { background-color: #f9fafb; } .table-secondary th, .table-secondary td, .table-secondary thead th, .table-secondary tbody + tbody { border-color: #f4f5f7; } .table-hover .table-secondary:hover, table.grading-report .table-secondary:hover, .forumheaderlist .table-secondary:hover, .generaltable .table-secondary:hover, table.flexible .table-secondary:hover, .category_subcategories .table-secondary:hover, table#modules .table-secondary:hover, table#permissions .table-secondary:hover { background-color: #eaedf1; } .table-hover .table-secondary:hover > td, table.grading-report .table-secondary:hover > td, .forumheaderlist .table-secondary:hover > td, .generaltable .table-secondary:hover > td, table.flexible .table-secondary:hover > td, .category_subcategories .table-secondary:hover > td, table#modules .table-secondary:hover > td, table#permissions .table-secondary:hover > td, .table-hover .table-secondary:hover > th, table.grading-report .table-secondary:hover > th, .forumheaderlist .table-secondary:hover > th, .generaltable .table-secondary:hover > th, table.flexible .table-secondary:hover > th, .category_subcategories .table-secondary:hover > th, table#modules .table-secondary:hover > th, table#permissions .table-secondary:hover > th { background-color: #eaedf1; } .table-success, .table-success > th, .table-success > td { background-color: #d1ebd1; } .table-success th, .table-success td, .table-success thead th, .table-success tbody + tbody { border-color: #aadaaa; } .table-hover .table-success:hover, table.grading-report .table-success:hover, .forumheaderlist .table-success:hover, .generaltable .table-success:hover, table.flexible .table-success:hover, .category_subcategories .table-success:hover, table#modules .table-success:hover, table#permissions .table-success:hover { background-color: #bfe3bf; } .table-hover .table-success:hover > td, table.grading-report .table-success:hover > td, .forumheaderlist .table-success:hover > td, .generaltable .table-success:hover > td, table.flexible .table-success:hover > td, .category_subcategories .table-success:hover > td, table#modules .table-success:hover > td, table#permissions .table-success:hover > td, .table-hover .table-success:hover > th, table.grading-report .table-success:hover > th, .forumheaderlist .table-success:hover > th, .generaltable .table-success:hover > th, table.flexible .table-success:hover > th, .category_subcategories .table-success:hover > th, table#modules .table-success:hover > th, table#permissions .table-success:hover > th { background-color: #bfe3bf; } .table-info, .table-info > th, .table-info > td { background-color: #d1edf6; } .table-info th, .table-info td, .table-info thead th, .table-info tbody + tbody { border-color: #aadeee; } .table-hover .table-info:hover, table.grading-report .table-info:hover, .forumheaderlist .table-info:hover, .generaltable .table-info:hover, table.flexible .table-info:hover, .category_subcategories .table-info:hover, table#modules .table-info:hover, table#permissions .table-info:hover { background-color: #bce5f2; } .table-hover .table-info:hover > td, table.grading-report .table-info:hover > td, .forumheaderlist .table-info:hover > td, .generaltable .table-info:hover > td, table.flexible .table-info:hover > td, .category_subcategories .table-info:hover > td, table#modules .table-info:hover > td, table#permissions .table-info:hover > td, .table-hover .table-info:hover > th, table.grading-report .table-info:hover > th, .forumheaderlist .table-info:hover > th, .generaltable .table-info:hover > th, table.flexible .table-info:hover > th, .category_subcategories .table-info:hover > th, table#modules .table-info:hover > th, table#permissions .table-info:hover > th { background-color: #bce5f2; } .table-warning, #overriderolestable .overriddenpermission, .table-warning > th, #overriderolestable .overriddenpermission > th, .table-warning > td, #overriderolestable .overriddenpermission > td { background-color: #fbe8cd; } .table-warning th, #overriderolestable .overriddenpermission th, .table-warning td, #overriderolestable .overriddenpermission td, .table-warning thead th, #overriderolestable .overriddenpermission thead th, .table-warning tbody + tbody, #overriderolestable .overriddenpermission tbody + tbody { border-color: #f7d4a3; } .table-hover .table-warning:hover, table.grading-report .table-warning:hover, .forumheaderlist .table-warning:hover, .generaltable .table-warning:hover, table.flexible .table-warning:hover, .category_subcategories .table-warning:hover, table#modules .table-warning:hover, table#permissions .table-warning:hover, .table-hover #overriderolestable .overriddenpermission:hover, #overriderolestable .table-hover .overriddenpermission:hover, table.grading-report #overriderolestable .overriddenpermission:hover, #overriderolestable table.grading-report .overriddenpermission:hover, .forumheaderlist #overriderolestable .overriddenpermission:hover, #overriderolestable .forumheaderlist .overriddenpermission:hover, .generaltable #overriderolestable .overriddenpermission:hover, #overriderolestable .generaltable .overriddenpermission:hover, table.flexible #overriderolestable .overriddenpermission:hover, #overriderolestable table.flexible .overriddenpermission:hover, .category_subcategories #overriderolestable .overriddenpermission:hover, #overriderolestable .category_subcategories .overriddenpermission:hover, table#modules #overriderolestable .overriddenpermission:hover, #overriderolestable table#modules .overriddenpermission:hover, table#permissions #overriderolestable .overriddenpermission:hover, #overriderolestable table#permissions .overriddenpermission:hover { background-color: #f9ddb5; } .table-hover .table-warning:hover > td, table.grading-report .table-warning:hover > td, .forumheaderlist .table-warning:hover > td, .generaltable .table-warning:hover > td, table.flexible .table-warning:hover > td, .category_subcategories .table-warning:hover > td, table#modules .table-warning:hover > td, table#permissions .table-warning:hover > td, .table-hover #overriderolestable .overriddenpermission:hover > td, #overriderolestable .table-hover .overriddenpermission:hover > td, table.grading-report #overriderolestable .overriddenpermission:hover > td, #overriderolestable table.grading-report .overriddenpermission:hover > td, .forumheaderlist #overriderolestable .overriddenpermission:hover > td, #overriderolestable .forumheaderlist .overriddenpermission:hover > td, .generaltable #overriderolestable .overriddenpermission:hover > td, #overriderolestable .generaltable .overriddenpermission:hover > td, table.flexible #overriderolestable .overriddenpermission:hover > td, #overriderolestable table.flexible .overriddenpermission:hover > td, .category_subcategories #overriderolestable .overriddenpermission:hover > td, #overriderolestable .category_subcategories .overriddenpermission:hover > td, table#modules #overriderolestable .overriddenpermission:hover > td, #overriderolestable table#modules .overriddenpermission:hover > td, table#permissions #overriderolestable .overriddenpermission:hover > td, #overriderolestable table#permissions .overriddenpermission:hover > td, .table-hover .table-warning:hover > th, table.grading-report .table-warning:hover > th, .forumheaderlist .table-warning:hover > th, .generaltable .table-warning:hover > th, table.flexible .table-warning:hover > th, .category_subcategories .table-warning:hover > th, table#modules .table-warning:hover > th, table#permissions .table-warning:hover > th, .table-hover #overriderolestable .overriddenpermission:hover > th, #overriderolestable .table-hover .overriddenpermission:hover > th, table.grading-report #overriderolestable .overriddenpermission:hover > th, #overriderolestable table.grading-report .overriddenpermission:hover > th, .forumheaderlist #overriderolestable .overriddenpermission:hover > th, #overriderolestable .forumheaderlist .overriddenpermission:hover > th, .generaltable #overriderolestable .overriddenpermission:hover > th, #overriderolestable .generaltable .overriddenpermission:hover > th, table.flexible #overriderolestable .overriddenpermission:hover > th, #overriderolestable table.flexible .overriddenpermission:hover > th, .category_subcategories #overriderolestable .overriddenpermission:hover > th, #overriderolestable .category_subcategories .overriddenpermission:hover > th, table#modules #overriderolestable .overriddenpermission:hover > th, #overriderolestable table#modules .overriddenpermission:hover > th, table#permissions #overriderolestable .overriddenpermission:hover > th, #overriderolestable table#permissions .overriddenpermission:hover > th { background-color: #f9ddb5; } .table-danger, .table-danger > th, .table-danger > td { background-color: #f4cfce; } .table-danger th, .table-danger td, .table-danger thead th, .table-danger tbody + tbody { border-color: #eba6a3; } .table-hover .table-danger:hover, table.grading-report .table-danger:hover, .forumheaderlist .table-danger:hover, .generaltable .table-danger:hover, table.flexible .table-danger:hover, .category_subcategories .table-danger:hover, table#modules .table-danger:hover, table#permissions .table-danger:hover { background-color: #efbbb9; } .table-hover .table-danger:hover > td, table.grading-report .table-danger:hover > td, .forumheaderlist .table-danger:hover > td, .generaltable .table-danger:hover > td, table.flexible .table-danger:hover > td, .category_subcategories .table-danger:hover > td, table#modules .table-danger:hover > td, table#permissions .table-danger:hover > td, .table-hover .table-danger:hover > th, table.grading-report .table-danger:hover > th, .forumheaderlist .table-danger:hover > th, .generaltable .table-danger:hover > th, table.flexible .table-danger:hover > th, .category_subcategories .table-danger:hover > th, table#modules .table-danger:hover > th, table#permissions .table-danger:hover > th { background-color: #efbbb9; } .table-light, .table-light > th, .table-light > td { background-color: #fdfdfe; } .table-light th, .table-light td, .table-light thead th, .table-light tbody + tbody { border-color: #fbfcfc; } .table-hover .table-light:hover, table.grading-report .table-light:hover, .forumheaderlist .table-light:hover, .generaltable .table-light:hover, table.flexible .table-light:hover, .category_subcategories .table-light:hover, table#modules .table-light:hover, table#permissions .table-light:hover { background-color: #ececf6; } .table-hover .table-light:hover > td, table.grading-report .table-light:hover > td, .forumheaderlist .table-light:hover > td, .generaltable .table-light:hover > td, table.flexible .table-light:hover > td, .category_subcategories .table-light:hover > td, table#modules .table-light:hover > td, table#permissions .table-light:hover > td, .table-hover .table-light:hover > th, table.grading-report .table-light:hover > th, .forumheaderlist .table-light:hover > th, .generaltable .table-light:hover > th, table.flexible .table-light:hover > th, .category_subcategories .table-light:hover > th, table#modules .table-light:hover > th, table#permissions .table-light:hover > th { background-color: #ececf6; } .table-dark, .table-dark > th, .table-dark > td { background-color: #c7c8c8; } .table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody { border-color: #97999a; } .table-hover .table-dark:hover, table.grading-report .table-dark:hover, .forumheaderlist .table-dark:hover, .generaltable .table-dark:hover, table.flexible .table-dark:hover, .category_subcategories .table-dark:hover, table#modules .table-dark:hover, table#permissions .table-dark:hover { background-color: #babbbb; } .table-hover .table-dark:hover > td, table.grading-report .table-dark:hover > td, .forumheaderlist .table-dark:hover > td, .generaltable .table-dark:hover > td, table.flexible .table-dark:hover > td, .category_subcategories .table-dark:hover > td, table#modules .table-dark:hover > td, table#permissions .table-dark:hover > td, .table-hover .table-dark:hover > th, table.grading-report .table-dark:hover > th, .forumheaderlist .table-dark:hover > th, .generaltable .table-dark:hover > th, table.flexible .table-dark:hover > th, .category_subcategories .table-dark:hover > th, table#modules .table-dark:hover > th, table#permissions .table-dark:hover > th { background-color: #babbbb; } .table-active, .table-active > th, .table-active > td { background-color: rgba(0, 0, 0, 0.075); } .table-hover .table-active:hover, table.grading-report .table-active:hover, .forumheaderlist .table-active:hover, .generaltable .table-active:hover, table.flexible .table-active:hover, .category_subcategories .table-active:hover, table#modules .table-active:hover, table#permissions .table-active:hover { background-color: rgba(0, 0, 0, 0.075); } .table-hover .table-active:hover > td, table.grading-report .table-active:hover > td, .forumheaderlist .table-active:hover > td, .generaltable .table-active:hover > td, table.flexible .table-active:hover > td, .category_subcategories .table-active:hover > td, table#modules .table-active:hover > td, table#permissions .table-active:hover > td, .table-hover .table-active:hover > th, table.grading-report .table-active:hover > th, .forumheaderlist .table-active:hover > th, .generaltable .table-active:hover > th, table.flexible .table-active:hover > th, .category_subcategories .table-active:hover > th, table#modules .table-active:hover > th, table#permissions .table-active:hover > th { background-color: rgba(0, 0, 0, 0.075); } .table .thead-dark th, table.collection .thead-dark th, table.flexible .thead-dark th, .generaltable .thead-dark th { color: #fff; background-color: #373a3c; border-color: #494d50; } .table .thead-light th, table.collection .thead-light th, table.flexible .thead-light th, .generaltable .thead-light th { color: #495057; background-color: #e9ecef; border-color: #dee2e6; } .table-dark { color: #fff; background-color: #373a3c; } .table-dark th, .table-dark td, .table-dark thead th { border-color: #494d50; } .table-dark.table-bordered, table.table-dark.collection { border: 0; } .table-dark.table-striped tbody tr:nth-of-type(odd), table.table-dark.collection tbody tr:nth-of-type(odd), table.table-dark#explaincaps tbody tr:nth-of-type(odd), table.table-dark#defineroletable tbody tr:nth-of-type(odd), table.table-dark.grading-report tbody tr:nth-of-type(odd), table.table-dark#listdirectories tbody tr:nth-of-type(odd), table.table-dark.rolecaps tbody tr:nth-of-type(odd), table.table-dark.userenrolment tbody tr:nth-of-type(odd), form#movecourses table.table-dark tbody tr:nth-of-type(odd), #page-admin-course-index .table-dark.editcourse tbody tr:nth-of-type(odd), .table-dark.forumheaderlist tbody tr:nth-of-type(odd), table.table-dark.flexible tbody tr:nth-of-type(odd), .table-dark.generaltable tbody tr:nth-of-type(odd) { background-color: rgba(255, 255, 255, 0.05); } .table-dark.table-hover tbody tr:hover, table.table-dark.grading-report tbody tr:hover, .table-dark.forumheaderlist tbody tr:hover, .table-dark.generaltable tbody tr:hover, table.table-dark.flexible tbody tr:hover, .table-dark.category_subcategories tbody tr:hover, table.table-dark#modules tbody tr:hover, table.table-dark#permissions tbody tr:hover { color: #fff; background-color: rgba(255, 255, 255, 0.075); } @media (max-width: 575.98px) { .table-responsive-sm { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-sm > .table-bordered, .table-responsive-sm > table.collection { border: 0; } } @media (max-width: 767.98px) { .table-responsive-md { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-md > .table-bordered, .table-responsive-md > table.collection { border: 0; } } @media (max-width: 991.98px) { .table-responsive-lg { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-lg > .table-bordered, .table-responsive-lg > table.collection { border: 0; } } @media (max-width: 1199.98px) { .table-responsive-xl { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-xl > .table-bordered, .table-responsive-xl > table.collection { border: 0; } } .table-responsive { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive > .table-bordered, .table-responsive > table.collection { border: 0; } .form-control { display: block; width: 100%; height: calc(1.5em + 0.75rem + 2px); padding: 0.375rem 0.75rem; font-size: 0.9375rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: 0.25rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-control { transition: none; } } .form-control::-ms-expand { background-color: transparent; border: 0; } .form-control:focus { color: #495057; background-color: #fff; border-color: #6eb5f3; outline: 0; box-shadow: 0 0 0 0.2rem rgba(17, 119, 209, 0.25); } .form-control::placeholder { color: #868e96; opacity: 1; } .form-control:disabled, .form-control[readonly] { background-color: #e9ecef; opacity: 1; } select.form-control:focus::-ms-value { color: #495057; background-color: #fff; } .form-control-file, .form-control-range { display: block; width: 100%; } .col-form-label { padding-top: calc(0.375rem + 1px); padding-bottom: calc(0.375rem + 1px); margin-bottom: 0; font-size: inherit; line-height: 1.5; } .col-form-label-lg { padding-top: calc(0.5rem + 1px); padding-bottom: calc(0.5rem + 1px); font-size: 1.171875rem; line-height: 1.5; } .col-form-label-sm { padding-top: calc(0.25rem + 1px); padding-bottom: calc(0.25rem + 1px); font-size: 0.8203125rem; line-height: 1.5; } .form-control-plaintext { display: block; width: 100%; padding-top: 0.375rem; padding-bottom: 0.375rem; margin-bottom: 0; line-height: 1.5; color: #373a3c; background-color: transparent; border: solid transparent; border-width: 1px 0; } .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { padding-right: 0; padding-left: 0; } .form-control-sm { height: calc(1.5em + 0.5rem + 2px); padding: 0.25rem 0.5rem; font-size: 0.8203125rem; line-height: 1.5; border-radius: 0.2rem; } .form-control-lg { height: calc(1.5em + 1rem + 2px); padding: 0.5rem 1rem; font-size: 1.171875rem; line-height: 1.5; border-radius: 0.3rem; } select.form-control[size], select.form-control[multiple] { height: auto; } textarea.form-control { height: auto; } .form-group, .form-buttons, .path-admin .buttons, .fp-content-center form + div, div.backup-section + form { margin-bottom: 1rem; } .form-text { display: block; margin-top: 0.25rem; } .form-row { display: flex; flex-wrap: wrap; margin-right: -5px; margin-left: -5px; } .form-row > .col, .form-row > [class*="col-"] { padding-right: 5px; padding-left: 5px; } .form-check { position: relative; display: block; padding-left: 1.25rem; } .form-check-input { position: absolute; margin-top: 0.3rem; margin-left: -1.25rem; } .form-check-input:disabled ~ .form-check-label { color: #868e96; } .form-check-label { margin-bottom: 0; } .form-check-inline { display: inline-flex; align-items: center; padding-left: 0; margin-right: 0.75rem; } .form-check-inline .form-check-input { position: static; margin-top: 0; margin-right: 0.3125rem; margin-left: 0; } .valid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; color: #5cb85c; } .valid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: .1rem; font-size: 0.8203125rem; line-height: 1.5; color: #fff; background-color: rgba(92, 184, 92, 0.9); border-radius: 0.25rem; } .was-validated .form-control:valid, .form-control.is-valid { border-color: #5cb85c; padding-right: calc(1.5em + 0.75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%235cb85c' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: center right calc(0.375em + 0.1875rem); background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .form-control:valid:focus, .form-control.is-valid:focus { border-color: #5cb85c; box-shadow: 0 0 0 0.2rem rgba(92, 184, 92, 0.25); } .was-validated .form-control:valid ~ .valid-feedback, .was-validated .form-control:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback, .form-control.is-valid ~ .valid-tooltip { display: block; } .was-validated textarea.form-control:valid, textarea.form-control.is-valid { padding-right: calc(1.5em + 0.75rem); background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); } .was-validated .custom-select:valid, .custom-select.is-valid { border-color: #5cb85c; padding-right: calc((1em + 0.75rem) * 3 / 4 + 1.75rem); background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23373a3c' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%235cb85c' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { border-color: #5cb85c; box-shadow: 0 0 0 0.2rem rgba(92, 184, 92, 0.25); } .was-validated .custom-select:valid ~ .valid-feedback, .was-validated .custom-select:valid ~ .valid-tooltip, .custom-select.is-valid ~ .valid-feedback, .custom-select.is-valid ~ .valid-tooltip { display: block; } .was-validated .form-control-file:valid ~ .valid-feedback, .was-validated .form-control-file:valid ~ .valid-tooltip, .form-control-file.is-valid ~ .valid-feedback, .form-control-file.is-valid ~ .valid-tooltip { display: block; } .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { color: #5cb85c; } .was-validated .form-check-input:valid ~ .valid-feedback, .was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, .form-check-input.is-valid ~ .valid-tooltip { display: block; } .was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { color: #5cb85c; } .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { border-color: #5cb85c; } .was-validated .custom-control-input:valid ~ .valid-feedback, .was-validated .custom-control-input:valid ~ .valid-tooltip, .custom-control-input.is-valid ~ .valid-feedback, .custom-control-input.is-valid ~ .valid-tooltip { display: block; } .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { border-color: #80c780; background-color: #80c780; } .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { box-shadow: 0 0 0 0.2rem rgba(92, 184, 92, 0.25); } .was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { border-color: #5cb85c; } .was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { border-color: #5cb85c; } .was-validated .custom-file-input:valid ~ .valid-feedback, .was-validated .custom-file-input:valid ~ .valid-tooltip, .custom-file-input.is-valid ~ .valid-feedback, .custom-file-input.is-valid ~ .valid-tooltip { display: block; } .was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { border-color: #5cb85c; box-shadow: 0 0 0 0.2rem rgba(92, 184, 92, 0.25); } .invalid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; color: #d9534f; } .invalid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: .1rem; font-size: 0.8203125rem; line-height: 1.5; color: #fff; background-color: rgba(217, 83, 79, 0.9); border-radius: 0.25rem; } .was-validated .form-control:invalid, .form-control.is-invalid { border-color: #d9534f; padding-right: calc(1.5em + 0.75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23d9534f' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23d9534f' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E"); background-repeat: no-repeat; background-position: center right calc(0.375em + 0.1875rem); background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { border-color: #d9534f; box-shadow: 0 0 0 0.2rem rgba(217, 83, 79, 0.25); } .was-validated .form-control:invalid ~ .invalid-feedback, .was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback, .form-control.is-invalid ~ .invalid-tooltip { display: block; } .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { padding-right: calc(1.5em + 0.75rem); background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); } .was-validated .custom-select:invalid, .custom-select.is-invalid { border-color: #d9534f; padding-right: calc((1em + 0.75rem) * 3 / 4 + 1.75rem); background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23373a3c' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23d9534f' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23d9534f' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { border-color: #d9534f; box-shadow: 0 0 0 0.2rem rgba(217, 83, 79, 0.25); } .was-validated .custom-select:invalid ~ .invalid-feedback, .was-validated .custom-select:invalid ~ .invalid-tooltip, .custom-select.is-invalid ~ .invalid-feedback, .custom-select.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .form-control-file:invalid ~ .invalid-feedback, .was-validated .form-control-file:invalid ~ .invalid-tooltip, .form-control-file.is-invalid ~ .invalid-feedback, .form-control-file.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { color: #d9534f; } .was-validated .form-check-input:invalid ~ .invalid-feedback, .was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, .form-check-input.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { color: #d9534f; } .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { border-color: #d9534f; } .was-validated .custom-control-input:invalid ~ .invalid-feedback, .was-validated .custom-control-input:invalid ~ .invalid-tooltip, .custom-control-input.is-invalid ~ .invalid-feedback, .custom-control-input.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { border-color: #e27c79; background-color: #e27c79; } .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { box-shadow: 0 0 0 0.2rem rgba(217, 83, 79, 0.25); } .was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { border-color: #d9534f; } .was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { border-color: #d9534f; } .was-validated .custom-file-input:invalid ~ .invalid-feedback, .was-validated .custom-file-input:invalid ~ .invalid-tooltip, .custom-file-input.is-invalid ~ .invalid-feedback, .custom-file-input.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { border-color: #d9534f; box-shadow: 0 0 0 0.2rem rgba(217, 83, 79, 0.25); } .form-inline { display: flex; flex-flow: row wrap; align-items: center; } .form-inline .form-check { width: 100%; } @media (min-width: 576px) { .form-inline label { display: flex; align-items: center; justify-content: center; margin-bottom: 0; } .form-inline .form-group, .form-inline .form-buttons, .form-inline .path-admin .buttons, .path-admin .form-inline .buttons, .form-inline .fp-content-center form + div, .fp-content-center .form-inline form + div, .form-inline div.backup-section + form { display: flex; flex: 0 0 auto; flex-flow: row wrap; align-items: center; margin-bottom: 0; } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .form-inline .form-control-plaintext { display: inline-block; } .form-inline .input-group, .form-inline .custom-select { width: auto; } .form-inline .form-check { display: flex; align-items: center; justify-content: center; width: auto; padding-left: 0; } .form-inline .form-check-input { position: relative; flex-shrink: 0; margin-top: 0; margin-right: 0.25rem; margin-left: 0; } .form-inline .custom-control { align-items: center; justify-content: center; } .form-inline .custom-control-label { margin-bottom: 0; } } .btn, #page-grade-grading-manage .actions .action, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input, #rubric-rubric.gradingform_rubric .addcriterion { display: inline-block; font-weight: 400; color: #373a3c; text-align: center; vertical-align: middle; user-select: none; background-color: transparent; border: 1px solid transparent; padding: 0.375rem 0.75rem; font-size: 0.9375rem; line-height: 1.5; border-radius: 0.25rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .btn, #page-grade-grading-manage .actions .action, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input, #rubric-rubric.gradingform_rubric .addcriterion { transition: none; } } .btn:hover, #page-grade-grading-manage .actions .action:hover, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input:hover, #rubric-rubric.gradingform_rubric .addcriterion:hover { color: #373a3c; text-decoration: none; } .btn:focus, #page-grade-grading-manage .actions .action:focus, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input:focus, #rubric-rubric.gradingform_rubric .addcriterion:focus, .btn.focus, #page-grade-grading-manage .actions .focus.action, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input.focus, #rubric-rubric.gradingform_rubric .focus.addcriterion { outline: 0; box-shadow: 0 0 0 0.2rem rgba(17, 119, 209, 0.25); } .btn.disabled, .fp-viewbar.disabled a, #page-grade-grading-manage .actions .disabled.action, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input.disabled, #rubric-rubric.gradingform_rubric .disabled.addcriterion, .btn:disabled, #page-grade-grading-manage .actions .action:disabled, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input:disabled, #rubric-rubric.gradingform_rubric .addcriterion:disabled { opacity: 0.65; } a.btn.disabled, .fp-viewbar.disabled a, #page-grade-grading-manage .actions a.disabled.action, #rubric-rubric.gradingform_rubric a.disabled.addcriterion, fieldset:disabled a.btn, fieldset:disabled #page-grade-grading-manage .actions a.action, #page-grade-grading-manage .actions fieldset:disabled a.action, fieldset:disabled #rubric-rubric.gradingform_rubric a.addcriterion, #rubric-rubric.gradingform_rubric fieldset:disabled a.addcriterion { pointer-events: none; } .btn-primary { color: #fff; background-color: #1177d1; border-color: #1177d1; } .btn-primary:hover { color: #fff; background-color: #0e63ae; border-color: #0d5ca2; } .btn-primary:focus, .btn-primary.focus { box-shadow: 0 0 0 0.2rem rgba(53, 139, 216, 0.5); } .btn-primary.disabled, .btn-primary:disabled { color: #fff; background-color: #1177d1; border-color: #1177d1; } .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { color: #fff; background-color: #0d5ca2; border-color: #0c5596; } .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(53, 139, 216, 0.5); } .btn-secondary, .btn-default { color: #212529; background-color: #e9ecef; border-color: #e9ecef; } .btn-secondary:hover, .btn-default:hover { color: #212529; background-color: #d3d9df; border-color: #cbd3da; } .btn-secondary:focus, .btn-default:focus, .btn-secondary.focus, .focus.btn-default { box-shadow: 0 0 0 0.2rem rgba(203, 206, 209, 0.5); } .btn-secondary.disabled, .fp-viewbar.disabled a, .disabled.btn-default, .btn-secondary:disabled, .btn-default:disabled { color: #212529; background-color: #e9ecef; border-color: #e9ecef; } .btn-secondary:not(:disabled):not(.disabled):active, .btn-default:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .fp-viewbar:not(.disabled) a.checked:not(:disabled):not(.disabled), .btn-default:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle, .show > .dropdown-toggle.btn-default { color: #212529; background-color: #cbd3da; border-color: #c4ccd4; } .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-default:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .fp-viewbar:not(.disabled) a.checked:not(:disabled):not(.disabled):focus, .btn-default:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus, .show > .dropdown-toggle.btn-default:focus { box-shadow: 0 0 0 0.2rem rgba(203, 206, 209, 0.5); } .btn-success { color: #fff; background-color: #5cb85c; border-color: #5cb85c; } .btn-success:hover { color: #fff; background-color: #48a648; border-color: #449d44; } .btn-success:focus, .btn-success.focus { box-shadow: 0 0 0 0.2rem rgba(116, 195, 116, 0.5); } .btn-success.disabled, .btn-success:disabled { color: #fff; background-color: #5cb85c; border-color: #5cb85c; } .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { color: #fff; background-color: #449d44; border-color: #409440; } .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(116, 195, 116, 0.5); } .btn-info { color: #212529; background-color: #5bc0de; border-color: #5bc0de; } .btn-info:hover { color: #fff; background-color: #3bb4d8; border-color: #31b0d5; } .btn-info:focus, .btn-info.focus { box-shadow: 0 0 0 0.2rem rgba(82, 169, 195, 0.5); } .btn-info.disabled, .btn-info:disabled { color: #212529; background-color: #5bc0de; border-color: #5bc0de; } .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { color: #fff; background-color: #31b0d5; border-color: #2aaacf; } .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(82, 169, 195, 0.5); } .btn-warning { color: #212529; background-color: #f0ad4e; border-color: #f0ad4e; } .btn-warning:hover { color: #212529; background-color: #ed9d2b; border-color: #ec971f; } .btn-warning:focus, .btn-warning.focus { box-shadow: 0 0 0 0.2rem rgba(209, 153, 72, 0.5); } .btn-warning.disabled, .btn-warning:disabled { color: #212529; background-color: #f0ad4e; border-color: #f0ad4e; } .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { color: #212529; background-color: #ec971f; border-color: #ea9214; } .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(209, 153, 72, 0.5); } .btn-danger { color: #fff; background-color: #d9534f; border-color: #d9534f; } .btn-danger:hover { color: #fff; background-color: #d23430; border-color: #c9302c; } .btn-danger:focus, .btn-danger.focus { box-shadow: 0 0 0 0.2rem rgba(223, 109, 105, 0.5); } .btn-danger.disabled, .btn-danger:disabled { color: #fff; background-color: #d9534f; border-color: #d9534f; } .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { color: #fff; background-color: #c9302c; border-color: #bf2e29; } .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(223, 109, 105, 0.5); } .btn-light { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-light:hover { color: #212529; background-color: #e2e6ea; border-color: #dae0e5; } .btn-light:focus, .btn-light.focus { box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5); } .btn-light.disabled, .btn-light:disabled { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { color: #212529; background-color: #dae0e5; border-color: #d3d9df; } .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5); } .btn-dark { color: #fff; background-color: #373a3c; border-color: #373a3c; } .btn-dark:hover { color: #fff; background-color: #252728; border-color: #1f2021; } .btn-dark:focus, .btn-dark.focus { box-shadow: 0 0 0 0.2rem rgba(85, 88, 89, 0.5); } .btn-dark.disabled, .btn-dark:disabled { color: #fff; background-color: #373a3c; border-color: #373a3c; } .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { color: #fff; background-color: #1f2021; border-color: #191a1b; } .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(85, 88, 89, 0.5); } .btn-outline-primary { color: #1177d1; border-color: #1177d1; } .btn-outline-primary:hover { color: #fff; background-color: #1177d1; border-color: #1177d1; } .btn-outline-primary:focus, .btn-outline-primary.focus { box-shadow: 0 0 0 0.2rem rgba(17, 119, 209, 0.5); } .btn-outline-primary.disabled, .btn-outline-primary:disabled { color: #1177d1; background-color: transparent; } .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { color: #fff; background-color: #1177d1; border-color: #1177d1; } .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(17, 119, 209, 0.5); } .btn-outline-secondary { color: #e9ecef; border-color: #e9ecef; } .btn-outline-secondary:hover { color: #212529; background-color: #e9ecef; border-color: #e9ecef; } .btn-outline-secondary:focus, .btn-outline-secondary.focus { box-shadow: 0 0 0 0.2rem rgba(233, 236, 239, 0.5); } .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { color: #e9ecef; background-color: transparent; } .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { color: #212529; background-color: #e9ecef; border-color: #e9ecef; } .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(233, 236, 239, 0.5); } .btn-outline-success { color: #5cb85c; border-color: #5cb85c; } .btn-outline-success:hover { color: #fff; background-color: #5cb85c; border-color: #5cb85c; } .btn-outline-success:focus, .btn-outline-success.focus { box-shadow: 0 0 0 0.2rem rgba(92, 184, 92, 0.5); } .btn-outline-success.disabled, .btn-outline-success:disabled { color: #5cb85c; background-color: transparent; } .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { color: #fff; background-color: #5cb85c; border-color: #5cb85c; } .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(92, 184, 92, 0.5); } .btn-outline-info { color: #5bc0de; border-color: #5bc0de; } .btn-outline-info:hover { color: #212529; background-color: #5bc0de; border-color: #5bc0de; } .btn-outline-info:focus, .btn-outline-info.focus { box-shadow: 0 0 0 0.2rem rgba(91, 192, 222, 0.5); } .btn-outline-info.disabled, .btn-outline-info:disabled { color: #5bc0de; background-color: transparent; } .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { color: #212529; background-color: #5bc0de; border-color: #5bc0de; } .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(91, 192, 222, 0.5); } .btn-outline-warning { color: #f0ad4e; border-color: #f0ad4e; } .btn-outline-warning:hover { color: #212529; background-color: #f0ad4e; border-color: #f0ad4e; } .btn-outline-warning:focus, .btn-outline-warning.focus { box-shadow: 0 0 0 0.2rem rgba(240, 173, 78, 0.5); } .btn-outline-warning.disabled, .btn-outline-warning:disabled { color: #f0ad4e; background-color: transparent; } .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { color: #212529; background-color: #f0ad4e; border-color: #f0ad4e; } .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(240, 173, 78, 0.5); } .btn-outline-danger { color: #d9534f; border-color: #d9534f; } .btn-outline-danger:hover { color: #fff; background-color: #d9534f; border-color: #d9534f; } .btn-outline-danger:focus, .btn-outline-danger.focus { box-shadow: 0 0 0 0.2rem rgba(217, 83, 79, 0.5); } .btn-outline-danger.disabled, .btn-outline-danger:disabled { color: #d9534f; background-color: transparent; } .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { color: #fff; background-color: #d9534f; border-color: #d9534f; } .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(217, 83, 79, 0.5); } .btn-outline-light { color: #f8f9fa; border-color: #f8f9fa; } .btn-outline-light:hover { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-outline-light:focus, .btn-outline-light.focus { box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } .btn-outline-light.disabled, .btn-outline-light:disabled { color: #f8f9fa; background-color: transparent; } .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } .btn-outline-dark { color: #373a3c; border-color: #373a3c; } .btn-outline-dark:hover { color: #fff; background-color: #373a3c; border-color: #373a3c; } .btn-outline-dark:focus, .btn-outline-dark.focus { box-shadow: 0 0 0 0.2rem rgba(55, 58, 60, 0.5); } .btn-outline-dark.disabled, .btn-outline-dark:disabled { color: #373a3c; background-color: transparent; } .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { color: #fff; background-color: #373a3c; border-color: #373a3c; } .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(55, 58, 60, 0.5); } .btn-link, .btn.btn-icon, #page-grade-grading-manage .actions .btn-icon.action, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input.btn-icon, #rubric-rubric.gradingform_rubric .btn-icon.addcriterion { font-weight: 400; color: #1177d1; text-decoration: none; } .btn-link:hover, .btn.btn-icon:hover, #page-grade-grading-manage .actions .btn-icon.action:hover, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input.btn-icon:hover, #rubric-rubric.gradingform_rubric .btn-icon.addcriterion:hover { color: #0b4f8a; text-decoration: underline; } .btn-link:focus, .btn.btn-icon:focus, #page-grade-grading-manage .actions .btn-icon.action:focus, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input.btn-icon:focus, #rubric-rubric.gradingform_rubric .btn-icon.addcriterion:focus, .btn-link.focus, .focus.btn.btn-icon, #page-grade-grading-manage .actions .focus.btn-icon.action, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input.focus.btn-icon, #rubric-rubric.gradingform_rubric .focus.btn-icon.addcriterion { text-decoration: underline; box-shadow: none; } .btn-link:disabled, .btn.btn-icon:disabled, #page-grade-grading-manage .actions .btn-icon.action:disabled, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input.btn-icon:disabled, #rubric-rubric.gradingform_rubric .btn-icon.addcriterion:disabled, .btn-link.disabled, .disabled.btn.btn-icon, .fp-viewbar.disabled a.btn-icon, #page-grade-grading-manage .actions .disabled.btn-icon.action, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input.disabled.btn-icon, #rubric-rubric.gradingform_rubric .disabled.btn-icon.addcriterion { color: #868e96; pointer-events: none; } .btn-lg, .btn-group-lg > .btn, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group-lg > input, #rubric-rubric.gradingform_rubric .btn-group-lg > .addcriterion, #page-grade-grading-manage .actions .action { padding: 0.5rem 1rem; font-size: 1.171875rem; line-height: 1.5; border-radius: 0.3rem; } .btn-sm, .btn-group-sm > .btn, #page-grade-grading-manage .actions .btn-group-sm > .action, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group-sm > input, #rubric-rubric.gradingform_rubric .btn-group-sm > .addcriterion { padding: 0.25rem 0.5rem; font-size: 0.8203125rem; line-height: 1.5; border-radius: 0.2rem; } .btn-block, p.arrow_button input, #addcontrols input, #removecontrols input { display: block; width: 100%; } .btn-block + .btn-block, p.arrow_button input + .btn-block, #addcontrols input + .btn-block, #removecontrols input + .btn-block, p.arrow_button .btn-block + input, p.arrow_button input + input, #addcontrols .btn-block + input, #addcontrols p.arrow_button input + input, #addcontrols input + input, #removecontrols .btn-block + input, #removecontrols p.arrow_button input + input, #removecontrols input + input { margin-top: 0.5rem; } input[type="submit"].btn-block, p.arrow_button input[type="submit"], #addcontrols input[type="submit"], #removecontrols input[type="submit"], input[type="reset"].btn-block, p.arrow_button input[type="reset"], #addcontrols input[type="reset"], #removecontrols input[type="reset"], input[type="button"].btn-block, p.arrow_button input[type="button"], #addcontrols input[type="button"], #removecontrols input[type="button"] { width: 100%; } .fade { transition: opacity 0.15s linear; } @media (prefers-reduced-motion: reduce) { .fade { transition: none; } } .fade:not(.show) { opacity: 0; } .collapse:not(.show) { display: none; } .collapsing { position: relative; height: 0; overflow: hidden; transition: height 0.35s ease; } @media (prefers-reduced-motion: reduce) { .collapsing { transition: none; } } .dropup, .dropright, .dropdown, .dropleft { position: relative; } .dropdown-toggle { white-space: nowrap; } .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-bottom: 0; border-left: 0.3em solid transparent; } .dropdown-toggle:empty::after { margin-left: 0; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 10rem; padding: 0.5rem 0; margin: 0.125rem 0 0; font-size: 0.9375rem; color: #373a3c; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0.25rem; } .dropdown-menu-left { right: auto; left: 0; } .dropdown-menu-right { right: 0; left: auto; } @media (min-width: 576px) { .dropdown-menu-sm-left { right: auto; left: 0; } .dropdown-menu-sm-right { right: 0; left: auto; } } @media (min-width: 768px) { .dropdown-menu-md-left { right: auto; left: 0; } .dropdown-menu-md-right { right: 0; left: auto; } } @media (min-width: 992px) { .dropdown-menu-lg-left { right: auto; left: 0; } .dropdown-menu-lg-right { right: 0; left: auto; } } @media (min-width: 1200px) { .dropdown-menu-xl-left { right: auto; left: 0; } .dropdown-menu-xl-right { right: 0; left: auto; } } .dropup .dropdown-menu { top: auto; bottom: 100%; margin-top: 0; margin-bottom: 0.125rem; } .dropup .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0; border-right: 0.3em solid transparent; border-bottom: 0.3em solid; border-left: 0.3em solid transparent; } .dropup .dropdown-toggle:empty::after { margin-left: 0; } .dropright .dropdown-menu { top: 0; right: auto; left: 100%; margin-top: 0; margin-left: 0.125rem; } .dropright .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0; border-bottom: 0.3em solid transparent; border-left: 0.3em solid; } .dropright .dropdown-toggle:empty::after { margin-left: 0; } .dropright .dropdown-toggle::after { vertical-align: 0; } .dropleft .dropdown-menu { top: 0; right: 100%; left: auto; margin-top: 0; margin-right: 0.125rem; } .dropleft .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; } .dropleft .dropdown-toggle::after { display: none; } .dropleft .dropdown-toggle::before { display: inline-block; margin-right: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0.3em solid; border-bottom: 0.3em solid transparent; } .dropleft .dropdown-toggle:empty::after { margin-left: 0; } .dropleft .dropdown-toggle::before { vertical-align: 0; } .dropdown-menu[x-placement^="top"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"] { right: auto; bottom: auto; } .dropdown-divider { height: 0; margin: 0.5rem 0; overflow: hidden; border-top: 1px solid #e9ecef; } .dropdown-item { display: block; width: 100%; padding: 0.25rem 1.5rem; clear: both; font-weight: 400; color: #212529; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0; } .dropdown-item:hover, .dropdown-item:focus { color: #16181b; text-decoration: none; background-color: #f8f9fa; } .dropdown-item.active, .dropdown-item:active { color: #fff; text-decoration: none; background-color: #1177d1; } .dropdown-item.disabled, .dropdown-item:disabled { color: #868e96; pointer-events: none; background-color: transparent; } .dropdown-menu.show { display: block; } .dropdown-header { display: block; padding: 0.5rem 1.5rem; margin-bottom: 0; font-size: 0.8203125rem; color: #868e96; white-space: nowrap; } .dropdown-item-text { display: block; padding: 0.25rem 1.5rem; color: #212529; } .btn-group, .btn-group-vertical { position: relative; display: inline-flex; vertical-align: middle; } .btn-group > .btn, #page-grade-grading-manage .actions .btn-group > .action, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group > input, #rubric-rubric.gradingform_rubric .btn-group > .addcriterion, .btn-group-vertical > .btn, #page-grade-grading-manage .actions .btn-group-vertical > .action, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group-vertical > input, #rubric-rubric.gradingform_rubric .btn-group-vertical > .addcriterion { position: relative; flex: 1 1 auto; } .btn-group > .btn:hover, #page-grade-grading-manage .actions .btn-group > .action:hover, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group > input:hover, #rubric-rubric.gradingform_rubric .btn-group > .addcriterion:hover, .btn-group-vertical > .btn:hover, #page-grade-grading-manage .actions .btn-group-vertical > .action:hover, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group-vertical > input:hover, #rubric-rubric.gradingform_rubric .btn-group-vertical > .addcriterion:hover { z-index: 1; } .btn-group > .btn:focus, #page-grade-grading-manage .actions .btn-group > .action:focus, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group > input:focus, #rubric-rubric.gradingform_rubric .btn-group > .addcriterion:focus, .btn-group > .btn:active, #page-grade-grading-manage .actions .btn-group > .action:active, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group > input:active, #rubric-rubric.gradingform_rubric .btn-group > .addcriterion:active, .btn-group > .btn.active, #page-grade-grading-manage .actions .btn-group > .active.action, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group > input.active, #rubric-rubric.gradingform_rubric .btn-group > .active.addcriterion, .btn-group-vertical > .btn:focus, #page-grade-grading-manage .actions .btn-group-vertical > .action:focus, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group-vertical > input:focus, #rubric-rubric.gradingform_rubric .btn-group-vertical > .addcriterion:focus, .btn-group-vertical > .btn:active, #page-grade-grading-manage .actions .btn-group-vertical > .action:active, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group-vertical > input:active, #rubric-rubric.gradingform_rubric .btn-group-vertical > .addcriterion:active, .btn-group-vertical > .btn.active, #page-grade-grading-manage .actions .btn-group-vertical > .active.action, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group-vertical > input.active, #rubric-rubric.gradingform_rubric .btn-group-vertical > .active.addcriterion { z-index: 1; } .btn-toolbar { display: flex; flex-wrap: wrap; justify-content: flex-start; } .btn-toolbar .input-group { width: auto; } .btn-group > .btn:not(:first-child), #page-grade-grading-manage .actions .btn-group > .action:not(:first-child), #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group > input:not(:first-child), #rubric-rubric.gradingform_rubric .btn-group > .addcriterion:not(:first-child), .btn-group > .btn-group:not(:first-child) { margin-left: -1px; } .btn-group > .btn:not(:last-child):not(.dropdown-toggle), #page-grade-grading-manage .actions .btn-group > .action:not(:last-child):not(.dropdown-toggle), #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group > input:not(:last-child):not(.dropdown-toggle), #rubric-rubric.gradingform_rubric .btn-group > .addcriterion:not(:last-child):not(.dropdown-toggle), .btn-group > .btn-group:not(:last-child) > .btn, #page-grade-grading-manage .actions .btn-group > .btn-group:not(:last-child) > .action, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group > .btn-group:not(:last-child) > input, #rubric-rubric.gradingform_rubric .btn-group > .btn-group:not(:last-child) > .addcriterion { border-top-right-radius: 0; border-bottom-right-radius: 0; } .btn-group > .btn:not(:first-child), #page-grade-grading-manage .actions .btn-group > .action:not(:first-child), #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group > input:not(:first-child), #rubric-rubric.gradingform_rubric .btn-group > .addcriterion:not(:first-child), .btn-group > .btn-group:not(:first-child) > .btn, #page-grade-grading-manage .actions .btn-group > .btn-group:not(:first-child) > .action, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group > .btn-group:not(:first-child) > input, #rubric-rubric.gradingform_rubric .btn-group > .btn-group:not(:first-child) > .addcriterion { border-top-left-radius: 0; border-bottom-left-radius: 0; } .dropdown-toggle-split { padding-right: 0.5625rem; padding-left: 0.5625rem; } .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { margin-left: 0; } .dropleft .dropdown-toggle-split::before { margin-right: 0; } .btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split, #page-grade-grading-manage .actions .btn-group-sm > .action + .dropdown-toggle-split, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group-sm > input + .dropdown-toggle-split, #rubric-rubric.gradingform_rubric .btn-group-sm > .addcriterion + .dropdown-toggle-split { padding-right: 0.375rem; padding-left: 0.375rem; } .btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split, #page-grade-grading-manage .actions .btn-group-lg > .action + .dropdown-toggle-split, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group-lg > input + .dropdown-toggle-split, #rubric-rubric.gradingform_rubric .btn-group-lg > .addcriterion + .dropdown-toggle-split, #page-grade-grading-manage .actions .action + .dropdown-toggle-split { padding-right: 0.75rem; padding-left: 0.75rem; } .btn-group-vertical { flex-direction: column; align-items: flex-start; justify-content: center; } .btn-group-vertical > .btn, #page-grade-grading-manage .actions .btn-group-vertical > .action, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group-vertical > input, #rubric-rubric.gradingform_rubric .btn-group-vertical > .addcriterion, .btn-group-vertical > .btn-group { width: 100%; } .btn-group-vertical > .btn:not(:first-child), #page-grade-grading-manage .actions .btn-group-vertical > .action:not(:first-child), #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group-vertical > input:not(:first-child), #rubric-rubric.gradingform_rubric .btn-group-vertical > .addcriterion:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) { margin-top: -1px; } .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), #page-grade-grading-manage .actions .btn-group-vertical > .action:not(:last-child):not(.dropdown-toggle), #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group-vertical > input:not(:last-child):not(.dropdown-toggle), #rubric-rubric.gradingform_rubric .btn-group-vertical > .addcriterion:not(:last-child):not(.dropdown-toggle), .btn-group-vertical > .btn-group:not(:last-child) > .btn, #page-grade-grading-manage .actions .btn-group-vertical > .btn-group:not(:last-child) > .action, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group-vertical > .btn-group:not(:last-child) > input, #rubric-rubric.gradingform_rubric .btn-group-vertical > .btn-group:not(:last-child) > .addcriterion { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn:not(:first-child), #page-grade-grading-manage .actions .btn-group-vertical > .action:not(:first-child), #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group-vertical > input:not(:first-child), #rubric-rubric.gradingform_rubric .btn-group-vertical > .addcriterion:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) > .btn, #page-grade-grading-manage .actions .btn-group-vertical > .btn-group:not(:first-child) > .action, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group-vertical > .btn-group:not(:first-child) > input, #rubric-rubric.gradingform_rubric .btn-group-vertical > .btn-group:not(:first-child) > .addcriterion { border-top-left-radius: 0; border-top-right-radius: 0; } .btn-group-toggle > .btn, #page-grade-grading-manage .actions .btn-group-toggle > .action, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group-toggle > input, #rubric-rubric.gradingform_rubric .btn-group-toggle > .addcriterion, .btn-group-toggle > .btn-group > .btn, #page-grade-grading-manage .actions .btn-group-toggle > .btn-group > .action, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group-toggle > .btn-group > input, #rubric-rubric.gradingform_rubric .btn-group-toggle > .btn-group > .addcriterion { margin-bottom: 0; } .btn-group-toggle > .btn input[type="radio"], #page-grade-grading-manage .actions .btn-group-toggle > .action input[type="radio"], #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group-toggle > input input[type="radio"], #rubric-rubric.gradingform_rubric .btn-group-toggle > .addcriterion input[type="radio"], .btn-group-toggle > .btn input[type="checkbox"], #page-grade-grading-manage .actions .btn-group-toggle > .action input[type="checkbox"], #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group-toggle > input input[type="checkbox"], #rubric-rubric.gradingform_rubric .btn-group-toggle > .addcriterion input[type="checkbox"], .btn-group-toggle > .btn-group > .btn input[type="radio"], #page-grade-grading-manage .actions .btn-group-toggle > .btn-group > .action input[type="radio"], #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group-toggle > .btn-group > input input[type="radio"], #rubric-rubric.gradingform_rubric .btn-group-toggle > .btn-group > .addcriterion input[type="radio"], .btn-group-toggle > .btn-group > .btn input[type="checkbox"], #page-grade-grading-manage .actions .btn-group-toggle > .btn-group > .action input[type="checkbox"], #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group-toggle > .btn-group > input input[type="checkbox"], #rubric-rubric.gradingform_rubric .btn-group-toggle > .btn-group > .addcriterion input[type="checkbox"] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } .input-group { position: relative; display: flex; flex-wrap: wrap; align-items: stretch; width: 100%; } .input-group > .form-control, .input-group > .form-control-plaintext, .input-group > .custom-select, .input-group > .custom-file { position: relative; flex: 1 1 auto; width: 1%; margin-bottom: 0; } .input-group > .form-control + .form-control, .input-group > .form-control + .custom-select, .input-group > .form-control + .custom-file, .input-group > .form-control-plaintext + .form-control, .input-group > .form-control-plaintext + .custom-select, .input-group > .form-control-plaintext + .custom-file, .input-group > .custom-select + .form-control, .input-group > .custom-select + .custom-select, .input-group > .custom-select + .custom-file, .input-group > .custom-file + .form-control, .input-group > .custom-file + .custom-select, .input-group > .custom-file + .custom-file { margin-left: -1px; } .input-group > .form-control:focus, .input-group > .custom-select:focus, .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { z-index: 3; } .input-group > .custom-file .custom-file-input:focus { z-index: 4; } .input-group > .form-control:not(:last-child), .input-group > .custom-select:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .form-control:not(:first-child), .input-group > .custom-select:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group > .custom-file { display: flex; align-items: center; } .input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .custom-file:not(:first-child) .custom-file-label { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group-prepend, .input-group-append { display: flex; } .input-group-prepend .btn, .input-group-prepend #page-grade-grading-manage .actions .action, #page-grade-grading-manage .actions .input-group-prepend .action, .input-group-prepend #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .input-group-prepend input, .input-group-prepend #rubric-rubric.gradingform_rubric .addcriterion, #rubric-rubric.gradingform_rubric .input-group-prepend .addcriterion, .input-group-append .btn, .input-group-append #page-grade-grading-manage .actions .action, #page-grade-grading-manage .actions .input-group-append .action, .input-group-append #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .input-group-append input, .input-group-append #rubric-rubric.gradingform_rubric .addcriterion, #rubric-rubric.gradingform_rubric .input-group-append .addcriterion { position: relative; z-index: 2; } .input-group-prepend .btn:focus, .input-group-prepend #page-grade-grading-manage .actions .action:focus, #page-grade-grading-manage .actions .input-group-prepend .action:focus, .input-group-prepend #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input:focus, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .input-group-prepend input:focus, .input-group-prepend #rubric-rubric.gradingform_rubric .addcriterion:focus, #rubric-rubric.gradingform_rubric .input-group-prepend .addcriterion:focus, .input-group-append .btn:focus, .input-group-append #page-grade-grading-manage .actions .action:focus, #page-grade-grading-manage .actions .input-group-append .action:focus, .input-group-append #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input:focus, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .input-group-append input:focus, .input-group-append #rubric-rubric.gradingform_rubric .addcriterion:focus, #rubric-rubric.gradingform_rubric .input-group-append .addcriterion:focus { z-index: 3; } .input-group-prepend .btn + .btn, .input-group-prepend #page-grade-grading-manage .actions .action + .btn, #page-grade-grading-manage .actions .input-group-prepend .action + .btn, .input-group-prepend #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input + .btn, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .input-group-prepend input + .btn, .input-group-prepend #rubric-rubric.gradingform_rubric .addcriterion + .btn, #rubric-rubric.gradingform_rubric .input-group-prepend .addcriterion + .btn, .input-group-prepend #page-grade-grading-manage .actions .btn + .action, #page-grade-grading-manage .actions .input-group-prepend .btn + .action, .input-group-prepend #page-grade-grading-manage .actions .action + .action, #page-grade-grading-manage .actions .input-group-prepend .action + .action, .input-group-prepend #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel #page-grade-grading-manage .actions input + .action, #page-grade-grading-manage .actions .input-group-prepend #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input + .action, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .input-group-prepend #page-grade-grading-manage .actions input + .action, #page-grade-grading-manage .actions #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .input-group-prepend input + .action, .input-group-prepend #rubric-rubric.gradingform_rubric #page-grade-grading-manage .actions .addcriterion + .action, #page-grade-grading-manage .actions .input-group-prepend #rubric-rubric.gradingform_rubric .addcriterion + .action, #rubric-rubric.gradingform_rubric .input-group-prepend #page-grade-grading-manage .actions .addcriterion + .action, #page-grade-grading-manage .actions #rubric-rubric.gradingform_rubric .input-group-prepend .addcriterion + .action, .input-group-prepend #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn + input, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .input-group-prepend .btn + input, .input-group-prepend #page-grade-grading-manage .actions #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .action + input, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .input-group-prepend #page-grade-grading-manage .actions .action + input, #page-grade-grading-manage .actions .input-group-prepend #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .action + input, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel #page-grade-grading-manage .actions .input-group-prepend .action + input, .input-group-prepend #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input + input, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .input-group-prepend input + input, .input-group-prepend #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .addcriterion + input, #rubric-rubric.gradingform_rubric .input-group-prepend #rubric-criteria .criterion .addlevel .addcriterion + input, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .input-group-prepend .addcriterion + input, .input-group-prepend #rubric-rubric.gradingform_rubric .btn + .addcriterion, #rubric-rubric.gradingform_rubric .input-group-prepend .btn + .addcriterion, .input-group-prepend #page-grade-grading-manage .actions #rubric-rubric.gradingform_rubric .action + .addcriterion, #rubric-rubric.gradingform_rubric .input-group-prepend #page-grade-grading-manage .actions .action + .addcriterion, #page-grade-grading-manage .actions .input-group-prepend #rubric-rubric.gradingform_rubric .action + .addcriterion, #rubric-rubric.gradingform_rubric #page-grade-grading-manage .actions .input-group-prepend .action + .addcriterion, .input-group-prepend #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input + .addcriterion, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .input-group-prepend input + .addcriterion, .input-group-prepend #rubric-rubric.gradingform_rubric .addcriterion + .addcriterion, #rubric-rubric.gradingform_rubric .input-group-prepend .addcriterion + .addcriterion, .input-group-prepend .btn + .input-group-text, .input-group-prepend #page-grade-grading-manage .actions .action + .input-group-text, #page-grade-grading-manage .actions .input-group-prepend .action + .input-group-text, .input-group-prepend #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input + .input-group-text, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .input-group-prepend input + .input-group-text, .input-group-prepend #rubric-rubric.gradingform_rubric .addcriterion + .input-group-text, #rubric-rubric.gradingform_rubric .input-group-prepend .addcriterion + .input-group-text, .input-group-prepend .input-group-text + .input-group-text, .input-group-prepend .input-group-text + .btn, .input-group-prepend #page-grade-grading-manage .actions .input-group-text + .action, #page-grade-grading-manage .actions .input-group-prepend .input-group-text + .action, .input-group-prepend #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .input-group-text + input, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .input-group-prepend .input-group-text + input, .input-group-prepend #rubric-rubric.gradingform_rubric .input-group-text + .addcriterion, #rubric-rubric.gradingform_rubric .input-group-prepend .input-group-text + .addcriterion, .input-group-append .btn + .btn, .input-group-append #page-grade-grading-manage .actions .action + .btn, #page-grade-grading-manage .actions .input-group-append .action + .btn, .input-group-append #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input + .btn, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .input-group-append input + .btn, .input-group-append #rubric-rubric.gradingform_rubric .addcriterion + .btn, #rubric-rubric.gradingform_rubric .input-group-append .addcriterion + .btn, .input-group-append #page-grade-grading-manage .actions .btn + .action, #page-grade-grading-manage .actions .input-group-append .btn + .action, .input-group-append #page-grade-grading-manage .actions .action + .action, #page-grade-grading-manage .actions .input-group-append .action + .action, .input-group-append #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel #page-grade-grading-manage .actions input + .action, #page-grade-grading-manage .actions .input-group-append #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input + .action, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .input-group-append #page-grade-grading-manage .actions input + .action, #page-grade-grading-manage .actions #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .input-group-append input + .action, .input-group-append #rubric-rubric.gradingform_rubric #page-grade-grading-manage .actions .addcriterion + .action, #page-grade-grading-manage .actions .input-group-append #rubric-rubric.gradingform_rubric .addcriterion + .action, #rubric-rubric.gradingform_rubric .input-group-append #page-grade-grading-manage .actions .addcriterion + .action, #page-grade-grading-manage .actions #rubric-rubric.gradingform_rubric .input-group-append .addcriterion + .action, .input-group-append #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn + input, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .input-group-append .btn + input, .input-group-append #page-grade-grading-manage .actions #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .action + input, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .input-group-append #page-grade-grading-manage .actions .action + input, #page-grade-grading-manage .actions .input-group-append #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .action + input, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel #page-grade-grading-manage .actions .input-group-append .action + input, .input-group-append #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input + input, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .input-group-append input + input, .input-group-append #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .addcriterion + input, #rubric-rubric.gradingform_rubric .input-group-append #rubric-criteria .criterion .addlevel .addcriterion + input, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .input-group-append .addcriterion + input, .input-group-append #rubric-rubric.gradingform_rubric .btn + .addcriterion, #rubric-rubric.gradingform_rubric .input-group-append .btn + .addcriterion, .input-group-append #page-grade-grading-manage .actions #rubric-rubric.gradingform_rubric .action + .addcriterion, #rubric-rubric.gradingform_rubric .input-group-append #page-grade-grading-manage .actions .action + .addcriterion, #page-grade-grading-manage .actions .input-group-append #rubric-rubric.gradingform_rubric .action + .addcriterion, #rubric-rubric.gradingform_rubric #page-grade-grading-manage .actions .input-group-append .action + .addcriterion, .input-group-append #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input + .addcriterion, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .input-group-append input + .addcriterion, .input-group-append #rubric-rubric.gradingform_rubric .addcriterion + .addcriterion, #rubric-rubric.gradingform_rubric .input-group-append .addcriterion + .addcriterion, .input-group-append .btn + .input-group-text, .input-group-append #page-grade-grading-manage .actions .action + .input-group-text, #page-grade-grading-manage .actions .input-group-append .action + .input-group-text, .input-group-append #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input + .input-group-text, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .input-group-append input + .input-group-text, .input-group-append #rubric-rubric.gradingform_rubric .addcriterion + .input-group-text, #rubric-rubric.gradingform_rubric .input-group-append .addcriterion + .input-group-text, .input-group-append .input-group-text + .input-group-text, .input-group-append .input-group-text + .btn, .input-group-append #page-grade-grading-manage .actions .input-group-text + .action, #page-grade-grading-manage .actions .input-group-append .input-group-text + .action, .input-group-append #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .input-group-text + input, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .input-group-append .input-group-text + input, .input-group-append #rubric-rubric.gradingform_rubric .input-group-text + .addcriterion, #rubric-rubric.gradingform_rubric .input-group-append .input-group-text + .addcriterion { margin-left: -1px; } .input-group-prepend { margin-right: -1px; } .input-group-append { margin-left: -1px; } .input-group-text { display: flex; align-items: center; padding: 0.375rem 0.75rem; margin-bottom: 0; font-size: 0.9375rem; font-weight: 400; line-height: 1.5; color: #495057; text-align: center; white-space: nowrap; background-color: #e9ecef; border: 1px solid #ced4da; border-radius: 0.25rem; } .input-group-text input[type="radio"], .input-group-text input[type="checkbox"] { margin-top: 0; } .input-group-lg > .form-control:not(textarea), .input-group-lg > .custom-select { height: calc(1.5em + 1rem + 2px); } .input-group-lg > .form-control, .input-group-lg > .custom-select, .input-group-lg > .input-group-prepend > .input-group-text, .input-group-lg > .input-group-append > .input-group-text, .input-group-lg > .input-group-prepend > .btn, #page-grade-grading-manage .actions .input-group-lg > .input-group-prepend > .action, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .input-group-lg > .input-group-prepend > input, #rubric-rubric.gradingform_rubric .input-group-lg > .input-group-prepend > .addcriterion, .input-group-lg > .input-group-append > .btn, #page-grade-grading-manage .actions .input-group-lg > .input-group-append > .action, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .input-group-lg > .input-group-append > input, #rubric-rubric.gradingform_rubric .input-group-lg > .input-group-append > .addcriterion { padding: 0.5rem 1rem; font-size: 1.171875rem; line-height: 1.5; border-radius: 0.3rem; } .input-group-sm > .form-control:not(textarea), .input-group-sm > .custom-select { height: calc(1.5em + 0.5rem + 2px); } .input-group-sm > .form-control, .input-group-sm > .custom-select, .input-group-sm > .input-group-prepend > .input-group-text, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, #page-grade-grading-manage .actions .input-group-sm > .input-group-prepend > .action, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .input-group-sm > .input-group-prepend > input, #rubric-rubric.gradingform_rubric .input-group-sm > .input-group-prepend > .addcriterion, .input-group-sm > .input-group-append > .btn, #page-grade-grading-manage .actions .input-group-sm > .input-group-append > .action, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .input-group-sm > .input-group-append > input, #rubric-rubric.gradingform_rubric .input-group-sm > .input-group-append > .addcriterion { padding: 0.25rem 0.5rem; font-size: 0.8203125rem; line-height: 1.5; border-radius: 0.2rem; } .input-group-lg > .custom-select, .input-group-sm > .custom-select { padding-right: 1.75rem; } .input-group > .input-group-prepend > .btn, #page-grade-grading-manage .actions .input-group > .input-group-prepend > .action, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .input-group > .input-group-prepend > input, #rubric-rubric.gradingform_rubric .input-group > .input-group-prepend > .addcriterion, .input-group > .input-group-prepend > .input-group-text, .input-group > .input-group-append:not(:last-child) > .btn, #page-grade-grading-manage .actions .input-group > .input-group-append:not(:last-child) > .action, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .input-group > .input-group-append:not(:last-child) > input, #rubric-rubric.gradingform_rubric .input-group > .input-group-append:not(:last-child) > .addcriterion, .input-group > .input-group-append:not(:last-child) > .input-group-text, .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), #page-grade-grading-manage .actions .input-group > .input-group-append:last-child > .action:not(:last-child):not(.dropdown-toggle), #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .input-group > .input-group-append:last-child > input:not(:last-child):not(.dropdown-toggle), #rubric-rubric.gradingform_rubric .input-group > .input-group-append:last-child > .addcriterion:not(:last-child):not(.dropdown-toggle), .input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .input-group-append > .btn, #page-grade-grading-manage .actions .input-group > .input-group-append > .action, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .input-group > .input-group-append > input, #rubric-rubric.gradingform_rubric .input-group > .input-group-append > .addcriterion, .input-group > .input-group-append > .input-group-text, .input-group > .input-group-prepend:not(:first-child) > .btn, #page-grade-grading-manage .actions .input-group > .input-group-prepend:not(:first-child) > .action, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .input-group > .input-group-prepend:not(:first-child) > input, #rubric-rubric.gradingform_rubric .input-group > .input-group-prepend:not(:first-child) > .addcriterion, .input-group > .input-group-prepend:not(:first-child) > .input-group-text, .input-group > .input-group-prepend:first-child > .btn:not(:first-child), #page-grade-grading-manage .actions .input-group > .input-group-prepend:first-child > .action:not(:first-child), #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .input-group > .input-group-prepend:first-child > input:not(:first-child), #rubric-rubric.gradingform_rubric .input-group > .input-group-prepend:first-child > .addcriterion:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .custom-control { position: relative; display: block; min-height: 1.40625rem; padding-left: 1.5rem; } .custom-control-inline { display: inline-flex; margin-right: 1rem; } .custom-control-input { position: absolute; z-index: -1; opacity: 0; } .custom-control-input:checked ~ .custom-control-label::before { color: #fff; border-color: #1177d1; background-color: #1177d1; } .custom-control-input:focus ~ .custom-control-label::before { box-shadow: 0 0 0 0.2rem rgba(17, 119, 209, 0.25); } .custom-control-input:focus:not(:checked) ~ .custom-control-label::before { border-color: #6eb5f3; } .custom-control-input:not(:disabled):active ~ .custom-control-label::before { color: #fff; background-color: #9dcdf7; border-color: #9dcdf7; } .custom-control-input:disabled ~ .custom-control-label { color: #868e96; } .custom-control-input:disabled ~ .custom-control-label::before { background-color: #e9ecef; } .custom-control-label { position: relative; margin-bottom: 0; vertical-align: top; } .custom-control-label::before { position: absolute; top: 0.203125rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; pointer-events: none; content: ""; background-color: #fff; border: #adb5bd solid 1px; } .custom-control-label::after { position: absolute; top: 0.203125rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; content: ""; background: no-repeat 50% / 50% 50%; } .custom-checkbox .custom-control-label::before { border-radius: 0.25rem; } .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e"); } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { border-color: #1177d1; background-color: #1177d1; } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e"); } .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(17, 119, 209, 0.5); } .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { background-color: rgba(17, 119, 209, 0.5); } .custom-radio .custom-control-label::before { border-radius: 50%; } .custom-radio .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); } .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(17, 119, 209, 0.5); } .custom-switch { padding-left: 2.25rem; } .custom-switch .custom-control-label::before { left: -2.25rem; width: 1.75rem; pointer-events: all; border-radius: 0.5rem; } .custom-switch .custom-control-label::after { top: calc(0.203125rem + 2px); left: calc(-2.25rem + 2px); width: calc(1rem - 4px); height: calc(1rem - 4px); background-color: #adb5bd; border-radius: 0.5rem; transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .custom-switch .custom-control-label::after { transition: none; } } .custom-switch .custom-control-input:checked ~ .custom-control-label::after { background-color: #fff; transform: translateX(0.75rem); } .custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(17, 119, 209, 0.5); } .custom-select { display: inline-block; width: 100%; height: calc(1.5em + 0.75rem + 2px); padding: 0.375rem 1.75rem 0.375rem 0.75rem; font-size: 0.9375rem; font-weight: 400; line-height: 1.5; color: #495057; vertical-align: middle; background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23373a3c' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px; background-color: #fff; border: 1px solid #ced4da; border-radius: 0.25rem; appearance: none; } .custom-select:focus { border-color: #6eb5f3; outline: 0; box-shadow: 0 0 0 0.2rem rgba(17, 119, 209, 0.25); } .custom-select:focus::-ms-value { color: #495057; background-color: #fff; } .custom-select[multiple], .custom-select[size]:not([size="1"]) { height: auto; padding-right: 0.75rem; background-image: none; } .custom-select:disabled { color: #868e96; background-color: #e9ecef; } .custom-select::-ms-expand { display: none; } .custom-select-sm { height: calc(1.5em + 0.5rem + 2px); padding-top: 0.25rem; padding-bottom: 0.25rem; padding-left: 0.5rem; font-size: 0.8203125rem; } .custom-select-lg { height: calc(1.5em + 1rem + 2px); padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 1rem; font-size: 1.171875rem; } .custom-file { position: relative; display: inline-block; width: 100%; height: calc(1.5em + 0.75rem + 2px); margin-bottom: 0; } .custom-file-input { position: relative; z-index: 2; width: 100%; height: calc(1.5em + 0.75rem + 2px); margin: 0; opacity: 0; } .custom-file-input:focus ~ .custom-file-label { border-color: #6eb5f3; box-shadow: 0 0 0 0.2rem rgba(17, 119, 209, 0.25); } .custom-file-input:disabled ~ .custom-file-label { background-color: #e9ecef; } .custom-file-input:lang(en) ~ .custom-file-label::after { content: "Browse"; } .custom-file-input ~ .custom-file-label[data-browse]::after { content: attr(data-browse); } .custom-file-label { position: absolute; top: 0; right: 0; left: 0; z-index: 1; height: calc(1.5em + 0.75rem + 2px); padding: 0.375rem 0.75rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; border: 1px solid #ced4da; border-radius: 0.25rem; } .custom-file-label::after { position: absolute; top: 0; right: 0; bottom: 0; z-index: 3; display: block; height: calc(1.5em + 0.75rem); padding: 0.375rem 0.75rem; line-height: 1.5; color: #495057; content: "Browse"; background-color: #e9ecef; border-left: inherit; border-radius: 0 0.25rem 0.25rem 0; } .custom-range { width: 100%; height: calc(1rem + 0.4rem); padding: 0; background-color: transparent; appearance: none; } .custom-range:focus { outline: none; } .custom-range:focus::-webkit-slider-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(17, 119, 209, 0.25); } .custom-range:focus::-moz-range-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(17, 119, 209, 0.25); } .custom-range:focus::-ms-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(17, 119, 209, 0.25); } .custom-range::-moz-focus-outer { border: 0; } .custom-range::-webkit-slider-thumb { width: 1rem; height: 1rem; margin-top: -0.25rem; background-color: #1177d1; border: 0; border-radius: 1rem; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; appearance: none; } @media (prefers-reduced-motion: reduce) { .custom-range::-webkit-slider-thumb { transition: none; } } .custom-range::-webkit-slider-thumb:active { background-color: #9dcdf7; } .custom-range::-webkit-slider-runnable-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem; } .custom-range::-moz-range-thumb { width: 1rem; height: 1rem; background-color: #1177d1; border: 0; border-radius: 1rem; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; appearance: none; } @media (prefers-reduced-motion: reduce) { .custom-range::-moz-range-thumb { transition: none; } } .custom-range::-moz-range-thumb:active { background-color: #9dcdf7; } .custom-range::-moz-range-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem; } .custom-range::-ms-thumb { width: 1rem; height: 1rem; margin-top: 0; margin-right: 0.2rem; margin-left: 0.2rem; background-color: #1177d1; border: 0; border-radius: 1rem; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; appearance: none; } @media (prefers-reduced-motion: reduce) { .custom-range::-ms-thumb { transition: none; } } .custom-range::-ms-thumb:active { background-color: #9dcdf7; } .custom-range::-ms-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: transparent; border-color: transparent; border-width: 0.5rem; } .custom-range::-ms-fill-lower { background-color: #dee2e6; border-radius: 1rem; } .custom-range::-ms-fill-upper { margin-right: 15px; background-color: #dee2e6; border-radius: 1rem; } .custom-range:disabled::-webkit-slider-thumb { background-color: #adb5bd; } .custom-range:disabled::-webkit-slider-runnable-track { cursor: default; } .custom-range:disabled::-moz-range-thumb { background-color: #adb5bd; } .custom-range:disabled::-moz-range-track { cursor: default; } .custom-range:disabled::-ms-thumb { background-color: #adb5bd; } .custom-control-label::before, .custom-file-label, .custom-select { transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .custom-control-label::before, .custom-file-label, .custom-select { transition: none; } } .nav { display: flex; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; } .nav-link { display: block; padding: 0.5rem 1rem; } .nav-link:hover, .nav-link:focus { text-decoration: none; } .nav-link.disabled { color: #868e96; pointer-events: none; cursor: default; } .nav-tabs { border-bottom: 1px solid #dee2e6; } .nav-tabs .nav-item { margin-bottom: -1px; } .nav-tabs .nav-link { border: 1px solid transparent; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { border-color: #e9ecef #e9ecef #dee2e6; } .nav-tabs .nav-link.disabled { color: #868e96; background-color: transparent; border-color: transparent; } .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { color: #495057; background-color: #fff; border-color: #dee2e6 #dee2e6 #fff; } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0; } .nav-pills .nav-link { border-radius: 0.25rem; } .nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: #fff; background-color: #1177d1; } .nav-fill .nav-item { flex: 1 1 auto; text-align: center; } .nav-justified .nav-item { flex-basis: 0; flex-grow: 1; text-align: center; } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .navbar { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: 0.5rem 1rem; } .navbar > .container, .navbar > .container-fluid { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } .navbar-brand { display: inline-block; padding-top: 0.32421875rem; padding-bottom: 0.32421875rem; margin-right: 1rem; font-size: 1.171875rem; line-height: inherit; white-space: nowrap; } .navbar-brand:hover, .navbar-brand:focus { text-decoration: none; } .navbar-nav { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none; } .navbar-nav .nav-link { padding-right: 0; padding-left: 0; } .navbar-nav .dropdown-menu { position: static; float: none; } .navbar-text { display: inline-block; padding-top: 0.5rem; padding-bottom: 0.5rem; } .navbar-collapse { flex-basis: 100%; flex-grow: 1; align-items: center; } .navbar-toggler { padding: 0.25rem 0.75rem; font-size: 1.171875rem; line-height: 1; background-color: transparent; border: 1px solid transparent; border-radius: 0.25rem; } .navbar-toggler:hover, .navbar-toggler:focus { text-decoration: none; } .navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; content: ""; background: no-repeat center center; background-size: 100% 100%; } @media (max-width: 575.98px) { .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 576px) { .navbar-expand-sm { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-sm .navbar-nav { flex-direction: row; } .navbar-expand-sm .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-sm .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid { flex-wrap: nowrap; } .navbar-expand-sm .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-sm .navbar-toggler { display: none; } } @media (max-width: 767.98px) { .navbar-expand-md > .container, .navbar-expand-md > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 768px) { .navbar-expand-md { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-md .navbar-nav { flex-direction: row; } .navbar-expand-md .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-md .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-md > .container, .navbar-expand-md > .container-fluid { flex-wrap: nowrap; } .navbar-expand-md .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-md .navbar-toggler { display: none; } } @media (max-width: 991.98px) { .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 992px) { .navbar-expand-lg { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-lg .navbar-nav { flex-direction: row; } .navbar-expand-lg .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-lg .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid { flex-wrap: nowrap; } .navbar-expand-lg .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-lg .navbar-toggler { display: none; } } @media (max-width: 1199.98px) { .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 1200px) { .navbar-expand-xl { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-xl .navbar-nav { flex-direction: row; } .navbar-expand-xl .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-xl .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid { flex-wrap: nowrap; } .navbar-expand-xl .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-xl .navbar-toggler { display: none; } } .navbar-expand { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand > .container, .navbar-expand > .container-fluid { padding-right: 0; padding-left: 0; } .navbar-expand .navbar-nav { flex-direction: row; } .navbar-expand .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand > .container, .navbar-expand > .container-fluid { flex-wrap: nowrap; } .navbar-expand .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand .navbar-toggler { display: none; } .navbar-light .navbar-brand { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-nav .nav-link { color: rgba(0, 0, 0, 0.5); } .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-nav .nav-link.disabled { color: rgba(0, 0, 0, 0.3); } .navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-toggler { color: rgba(0, 0, 0, 0.5); border-color: rgba(0, 0, 0, 0.1); } .navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .navbar-light .navbar-text { color: rgba(0, 0, 0, 0.5); } .navbar-light .navbar-text a { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { color: rgba(0, 0, 0, 0.9); } .navbar-dark .navbar-brand { color: #fff; } .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { color: #fff; } .navbar-dark .navbar-nav .nav-link { color: rgba(255, 255, 255, 0.5); } .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { color: white; } .navbar-dark .navbar-nav .nav-link.disabled { color: rgba(255, 255, 255, 0.25); } .navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active { color: #fff; } .navbar-dark .navbar-toggler { color: rgba(255, 255, 255, 0.5); border-color: rgba(255, 255, 255, 0.1); } .navbar-dark .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .navbar-dark .navbar-text { color: rgba(255, 255, 255, 0.5); } .navbar-dark .navbar-text a { color: #fff; } .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { color: #fff; } .card, #page-enrol-users #filterform, .que .history, .userprofile .profile_tree section, .groupinfobox, .well { position: relative; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid rgba(0, 0, 0, 0.125); border-radius: 0.25rem; } .card > hr, #page-enrol-users #filterform > hr, .que .history > hr, .userprofile .profile_tree section > hr, .groupinfobox > hr, .well > hr { margin-right: 0; margin-left: 0; } .card > .list-group:first-child .list-group-item:first-child, #page-enrol-users #filterform > .list-group:first-child .list-group-item:first-child, .que .history > .list-group:first-child .list-group-item:first-child, .userprofile .profile_tree section > .list-group:first-child .list-group-item:first-child, .groupinfobox > .list-group:first-child .list-group-item:first-child, .well > .list-group:first-child .list-group-item:first-child { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .card > .list-group:last-child .list-group-item:last-child, #page-enrol-users #filterform > .list-group:last-child .list-group-item:last-child, .que .history > .list-group:last-child .list-group-item:last-child, .userprofile .profile_tree section > .list-group:last-child .list-group-item:last-child, .groupinfobox > .list-group:last-child .list-group-item:last-child, .well > .list-group:last-child .list-group-item:last-child { border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .card-body, .userprofile .profile_tree section { flex: 1 1 auto; padding: 1.25rem; } .card-title { margin-bottom: 0.75rem; } .card-subtitle { margin-top: -0.375rem; margin-bottom: 0; } .card-text:last-child { margin-bottom: 0; } .card-link:hover { text-decoration: none; } .card-link + .card-link { margin-left: 1.25rem; } .card-header { padding: 0.75rem 1.25rem; margin-bottom: 0; background-color: rgba(0, 0, 0, 0.03); border-bottom: 1px solid rgba(0, 0, 0, 0.125); } .card-header:first-child { border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; } .card-header + .list-group .list-group-item:first-child { border-top: 0; } .card-footer { padding: 0.75rem 1.25rem; background-color: rgba(0, 0, 0, 0.03); border-top: 1px solid rgba(0, 0, 0, 0.125); } .card-footer:last-child { border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); } .card-header-tabs { margin-right: -0.625rem; margin-bottom: -0.75rem; margin-left: -0.625rem; border-bottom: 0; } .card-header-pills { margin-right: -0.625rem; margin-left: -0.625rem; } .card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 1.25rem; } .card-img { width: 100%; border-radius: calc(0.25rem - 1px); } .card-img-top { width: 100%; border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); } .card-img-bottom { width: 100%; border-bottom-right-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); } .card-deck { display: flex; flex-direction: column; } .card-deck .card, .card-deck #page-enrol-users #filterform, #page-enrol-users .card-deck #filterform, .card-deck .que .history, .que .card-deck .history, .card-deck .userprofile .profile_tree section, .userprofile .profile_tree .card-deck section, .card-deck .groupinfobox, .card-deck .well { margin-bottom: 0.25rem; } @media (min-width: 576px) { .card-deck { flex-flow: row wrap; margin-right: -0.25rem; margin-left: -0.25rem; } .card-deck .card, .card-deck #page-enrol-users #filterform, #page-enrol-users .card-deck #filterform, .card-deck .que .history, .que .card-deck .history, .card-deck .userprofile .profile_tree section, .userprofile .profile_tree .card-deck section, .card-deck .groupinfobox, .card-deck .well { display: flex; flex: 1 0 0%; flex-direction: column; margin-right: 0.25rem; margin-bottom: 0; margin-left: 0.25rem; } } .card-group { display: flex; flex-direction: column; } .card-group > .card, #page-enrol-users .card-group > #filterform, .que .card-group > .history, .userprofile .profile_tree .card-group > section, .card-group > .groupinfobox, .card-group > .well { margin-bottom: 0.25rem; } @media (min-width: 576px) { .card-group { flex-flow: row wrap; } .card-group > .card, #page-enrol-users .card-group > #filterform, .que .card-group > .history, .userprofile .profile_tree .card-group > section, .card-group > .groupinfobox, .card-group > .well { flex: 1 0 0%; margin-bottom: 0; } .card-group > .card + .card, #page-enrol-users .card-group > #filterform + .card, .que .card-group > .history + .card, .userprofile .profile_tree .card-group > section + .card, .card-group > .groupinfobox + .card, .card-group > .well + .card, #page-enrol-users .card-group > .card + #filterform, #page-enrol-users .card-group > #filterform + #filterform, .que #page-enrol-users .card-group > .history + #filterform, #page-enrol-users .que .card-group > .history + #filterform, .userprofile .profile_tree #page-enrol-users .card-group > section + #filterform, #page-enrol-users .userprofile .profile_tree .card-group > section + #filterform, #page-enrol-users .card-group > .groupinfobox + #filterform, #page-enrol-users .card-group > .well + #filterform, .que .card-group > .card + .history, #page-enrol-users .que .card-group > #filterform + .history, .que #page-enrol-users .card-group > #filterform + .history, .que .card-group > .history + .history, .userprofile .profile_tree .que .card-group > section + .history, .que .userprofile .profile_tree .card-group > section + .history, .que .card-group > .groupinfobox + .history, .que .card-group > .well + .history, .userprofile .profile_tree .card-group > .card + section, #page-enrol-users .userprofile .profile_tree .card-group > #filterform + section, .userprofile .profile_tree #page-enrol-users .card-group > #filterform + section, .que .userprofile .profile_tree .card-group > .history + section, .userprofile .profile_tree .que .card-group > .history + section, .userprofile .profile_tree .card-group > section + section, .userprofile .profile_tree .card-group > .groupinfobox + section, .userprofile .profile_tree .card-group > .well + section, .card-group > .card + .groupinfobox, #page-enrol-users .card-group > #filterform + .groupinfobox, .que .card-group > .history + .groupinfobox, .userprofile .profile_tree .card-group > section + .groupinfobox, .card-group > .groupinfobox + .groupinfobox, .card-group > .well + .groupinfobox, .card-group > .card + .well, #page-enrol-users .card-group > #filterform + .well, .que .card-group > .history + .well, .userprofile .profile_tree .card-group > section + .well, .card-group > .groupinfobox + .well, .card-group > .well + .well { margin-left: 0; border-left: 0; } .card-group > .card:not(:last-child), #page-enrol-users .card-group > #filterform:not(:last-child), .que .card-group > .history:not(:last-child), .userprofile .profile_tree .card-group > section:not(:last-child), .card-group > .groupinfobox:not(:last-child), .card-group > .well:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .card-group > .card:not(:last-child) .card-img-top, #page-enrol-users .card-group > #filterform:not(:last-child) .card-img-top, .que .card-group > .history:not(:last-child) .card-img-top, .userprofile .profile_tree .card-group > section:not(:last-child) .card-img-top, .card-group > .groupinfobox:not(:last-child) .card-img-top, .card-group > .well:not(:last-child) .card-img-top, .card-group > .card:not(:last-child) .card-header, #page-enrol-users .card-group > #filterform:not(:last-child) .card-header, .que .card-group > .history:not(:last-child) .card-header, .userprofile .profile_tree .card-group > section:not(:last-child) .card-header, .card-group > .groupinfobox:not(:last-child) .card-header, .card-group > .well:not(:last-child) .card-header { border-top-right-radius: 0; } .card-group > .card:not(:last-child) .card-img-bottom, #page-enrol-users .card-group > #filterform:not(:last-child) .card-img-bottom, .que .card-group > .history:not(:last-child) .card-img-bottom, .userprofile .profile_tree .card-group > section:not(:last-child) .card-img-bottom, .card-group > .groupinfobox:not(:last-child) .card-img-bottom, .card-group > .well:not(:last-child) .card-img-bottom, .card-group > .card:not(:last-child) .card-footer, #page-enrol-users .card-group > #filterform:not(:last-child) .card-footer, .que .card-group > .history:not(:last-child) .card-footer, .userprofile .profile_tree .card-group > section:not(:last-child) .card-footer, .card-group > .groupinfobox:not(:last-child) .card-footer, .card-group > .well:not(:last-child) .card-footer { border-bottom-right-radius: 0; } .card-group > .card:not(:first-child), #page-enrol-users .card-group > #filterform:not(:first-child), .que .card-group > .history:not(:first-child), .userprofile .profile_tree .card-group > section:not(:first-child), .card-group > .groupinfobox:not(:first-child), .card-group > .well:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .card-group > .card:not(:first-child) .card-img-top, #page-enrol-users .card-group > #filterform:not(:first-child) .card-img-top, .que .card-group > .history:not(:first-child) .card-img-top, .userprofile .profile_tree .card-group > section:not(:first-child) .card-img-top, .card-group > .groupinfobox:not(:first-child) .card-img-top, .card-group > .well:not(:first-child) .card-img-top, .card-group > .card:not(:first-child) .card-header, #page-enrol-users .card-group > #filterform:not(:first-child) .card-header, .que .card-group > .history:not(:first-child) .card-header, .userprofile .profile_tree .card-group > section:not(:first-child) .card-header, .card-group > .groupinfobox:not(:first-child) .card-header, .card-group > .well:not(:first-child) .card-header { border-top-left-radius: 0; } .card-group > .card:not(:first-child) .card-img-bottom, #page-enrol-users .card-group > #filterform:not(:first-child) .card-img-bottom, .que .card-group > .history:not(:first-child) .card-img-bottom, .userprofile .profile_tree .card-group > section:not(:first-child) .card-img-bottom, .card-group > .groupinfobox:not(:first-child) .card-img-bottom, .card-group > .well:not(:first-child) .card-img-bottom, .card-group > .card:not(:first-child) .card-footer, #page-enrol-users .card-group > #filterform:not(:first-child) .card-footer, .que .card-group > .history:not(:first-child) .card-footer, .userprofile .profile_tree .card-group > section:not(:first-child) .card-footer, .card-group > .groupinfobox:not(:first-child) .card-footer, .card-group > .well:not(:first-child) .card-footer { border-bottom-left-radius: 0; } } .card-columns .card, .card-columns #page-enrol-users #filterform, #page-enrol-users .card-columns #filterform, .card-columns .que .history, .que .card-columns .history, .card-columns .userprofile .profile_tree section, .userprofile .profile_tree .card-columns section, .card-columns .groupinfobox, .card-columns .well { margin-bottom: 0.75rem; } @media (min-width: 576px) { .card-columns { column-count: 3; column-gap: 1.25rem; orphans: 1; widows: 1; } .card-columns .card, .card-columns #page-enrol-users #filterform, #page-enrol-users .card-columns #filterform, .card-columns .que .history, .que .card-columns .history, .card-columns .userprofile .profile_tree section, .userprofile .profile_tree .card-columns section, .card-columns .groupinfobox, .card-columns .well { display: inline-block; width: 100%; } } .accordion > .card, #page-enrol-users .accordion > #filterform, .que .accordion > .history, .userprofile .profile_tree .accordion > section, .accordion > .groupinfobox, .accordion > .well { overflow: hidden; } .accordion > .card:not(:first-of-type) .card-header:first-child, #page-enrol-users .accordion > #filterform:not(:first-of-type) .card-header:first-child, .que .accordion > .history:not(:first-of-type) .card-header:first-child, .userprofile .profile_tree .accordion > section:not(:first-of-type) .card-header:first-child, .accordion > .groupinfobox:not(:first-of-type) .card-header:first-child, .accordion > .well:not(:first-of-type) .card-header:first-child { border-radius: 0; } .accordion > .card:not(:first-of-type):not(:last-of-type), #page-enrol-users .accordion > #filterform:not(:first-of-type):not(:last-of-type), .que .accordion > .history:not(:first-of-type):not(:last-of-type), .userprofile .profile_tree .accordion > section:not(:first-of-type):not(:last-of-type), .accordion > .groupinfobox:not(:first-of-type):not(:last-of-type), .accordion > .well:not(:first-of-type):not(:last-of-type) { border-bottom: 0; border-radius: 0; } .accordion > .card:first-of-type, #page-enrol-users .accordion > #filterform:first-of-type, .que .accordion > .history:first-of-type, .userprofile .profile_tree .accordion > section:first-of-type, .accordion > .groupinfobox:first-of-type, .accordion > .well:first-of-type { border-bottom: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .accordion > .card:last-of-type, #page-enrol-users .accordion > #filterform:last-of-type, .que .accordion > .history:last-of-type, .userprofile .profile_tree .accordion > section:last-of-type, .accordion > .groupinfobox:last-of-type, .accordion > .well:last-of-type { border-top-left-radius: 0; border-top-right-radius: 0; } .accordion > .card .card-header, #page-enrol-users .accordion > #filterform .card-header, .que .accordion > .history .card-header, .userprofile .profile_tree .accordion > section .card-header, .accordion > .groupinfobox .card-header, .accordion > .well .card-header { margin-bottom: -1px; } .breadcrumb { display: flex; flex-wrap: wrap; padding: 0.25rem 0; margin-bottom: 0; list-style: none; background-color: transparent; border-radius: 0.25rem; } .breadcrumb-item + .breadcrumb-item { padding-left: 0.5rem; } .breadcrumb-item + .breadcrumb-item::before { display: inline-block; padding-right: 0.5rem; color: #868e96; content: "/"; } .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: underline; } .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: none; } .breadcrumb-item.active { color: #868e96; } .pagination { display: flex; padding-left: 0; list-style: none; border-radius: 0.25rem; } .page-link { position: relative; display: block; padding: 0.5rem 0.75rem; margin-left: -1px; line-height: 1.25; color: #1177d1; background-color: #fff; border: 1px solid #dee2e6; } .page-link:hover { z-index: 2; color: #0b4f8a; text-decoration: none; background-color: #e9ecef; border-color: #dee2e6; } .page-link:focus { z-index: 2; outline: 0; box-shadow: 0 0 0 0.2rem rgba(17, 119, 209, 0.25); } .page-item:first-child .page-link { margin-left: 0; border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .page-item:last-child .page-link { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } .page-item.active .page-link { z-index: 1; color: #fff; background-color: #1177d1; border-color: #1177d1; } .page-item.disabled .page-link { color: #868e96; pointer-events: none; cursor: auto; background-color: #fff; border-color: #dee2e6; } .pagination-lg .page-link { padding: 0.75rem 1.5rem; font-size: 1.171875rem; line-height: 1.5; } .pagination-lg .page-item:first-child .page-link { border-top-left-radius: 0.3rem; border-bottom-left-radius: 0.3rem; } .pagination-lg .page-item:last-child .page-link { border-top-right-radius: 0.3rem; border-bottom-right-radius: 0.3rem; } .pagination-sm .page-link { padding: 0.25rem 0.5rem; font-size: 0.8203125rem; line-height: 1.5; } .pagination-sm .page-item:first-child .page-link { border-top-left-radius: 0.2rem; border-bottom-left-radius: 0.2rem; } .pagination-sm .page-item:last-child .page-link { border-top-right-radius: 0.2rem; border-bottom-right-radius: 0.2rem; } .badge { display: inline-block; padding: 0.25em 0.4em; font-size: 75%; font-weight: 700; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.25rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .badge { transition: none; } } a.badge:hover, a.badge:focus { text-decoration: none; } .badge:empty { display: none; } .btn .badge, #page-grade-grading-manage .actions .action .badge, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input .badge, #rubric-rubric.gradingform_rubric .addcriterion .badge { position: relative; top: -1px; } .badge-pill { padding-right: 0.6em; padding-left: 0.6em; border-radius: 10rem; } .badge-primary { color: #fff; background-color: #1177d1; } .badge-primary[href]:hover, .badge-primary[href]:focus { color: #fff; background-color: #0d5ca2; } .badge-primary[href]:focus, .badge-primary[href].focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(17, 119, 209, 0.5); } .badge-secondary { color: #212529; background-color: #e9ecef; } .badge-secondary[href]:hover, .badge-secondary[href]:focus { color: #212529; background-color: #cbd3da; } .badge-secondary[href]:focus, .badge-secondary[href].focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(233, 236, 239, 0.5); } .badge-success { color: #fff; background-color: #5cb85c; } .badge-success[href]:hover, .badge-success[href]:focus { color: #fff; background-color: #449d44; } .badge-success[href]:focus, .badge-success[href].focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(92, 184, 92, 0.5); } .badge-info { color: #212529; background-color: #5bc0de; } .badge-info[href]:hover, .badge-info[href]:focus { color: #212529; background-color: #31b0d5; } .badge-info[href]:focus, .badge-info[href].focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(91, 192, 222, 0.5); } .badge-warning { color: #212529; background-color: #f0ad4e; } .badge-warning[href]:hover, .badge-warning[href]:focus { color: #212529; background-color: #ec971f; } .badge-warning[href]:focus, .badge-warning[href].focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(240, 173, 78, 0.5); } .badge-danger { color: #fff; background-color: #d9534f; } .badge-danger[href]:hover, .badge-danger[href]:focus { color: #fff; background-color: #c9302c; } .badge-danger[href]:focus, .badge-danger[href].focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(217, 83, 79, 0.5); } .badge-light { color: #212529; background-color: #f8f9fa; } .badge-light[href]:hover, .badge-light[href]:focus { color: #212529; background-color: #dae0e5; } .badge-light[href]:focus, .badge-light[href].focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } .badge-dark { color: #fff; background-color: #373a3c; } .badge-dark[href]:hover, .badge-dark[href]:focus { color: #fff; background-color: #1f2021; } .badge-dark[href]:focus, .badge-dark[href].focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(55, 58, 60, 0.5); } .jumbotron { padding: 2rem 1rem; margin-bottom: 2rem; background-color: #e9ecef; border-radius: 0.3rem; } @media (min-width: 576px) { .jumbotron { padding: 4rem 2rem; } } .jumbotron-fluid { padding-right: 0; padding-left: 0; border-radius: 0; } .alert, #page-admin-index .releasenoteslink, #page-admin-index .adminwarning, #page-admin-index .adminerror, .que .formulation, .que .outcome, .que .comment, .assignfeedback_editpdf_widget .label { position: relative; padding: 0.75rem 1.25rem; margin-bottom: 1rem; border: 0 solid transparent; border-radius: 0.25rem; } .alert-heading { color: inherit; } .alert-link { font-weight: 700; } .alert-dismissible { padding-right: 3.90625rem; } .alert-dismissible .close, .alert-dismissible .moodle-dialogue-base .closebutton, .moodle-dialogue-base .alert-dismissible .closebutton { position: absolute; top: 0; right: 0; padding: 0.75rem 1.25rem; color: inherit; } .alert-primary { color: #093e6d; background-color: #cfe4f6; border-color: #bcd9f2; } .alert-primary hr { border-top-color: #a7cdee; } .alert-primary .alert-link { color: #05233e; } .alert-secondary { color: #797b7c; background-color: #fbfbfc; border-color: #f9fafb; } .alert-secondary hr { border-top-color: #eaedf1; } .alert-secondary .alert-link { color: #606162; } .alert-success, .que .comment { color: #306030; background-color: #def1de; border-color: #d1ebd1; } .alert-success hr, .que .comment hr { border-top-color: #bfe3bf; } .alert-success .alert-link, .que .comment .alert-link { color: #1f3e1f; } .alert-info, #page-admin-index .releasenoteslink, #adminsettings .form-overridden, .que .formulation, .assignfeedback_editpdf_widget .label { color: #2f6473; background-color: #def2f8; border-color: #d1edf6; } .alert-info hr, #page-admin-index .releasenoteslink hr, #adminsettings .form-overridden hr, .que .formulation hr, .assignfeedback_editpdf_widget .label hr { border-top-color: #bce5f2; } .alert-info .alert-link, #page-admin-index .releasenoteslink .alert-link, #adminsettings .form-overridden .alert-link, .que .formulation .alert-link, .assignfeedback_editpdf_widget .label .alert-link { color: #20454f; } .alert-warning, #page-admin-index .adminwarning, .uninstalldeleteconfirmexternal, .que .outcome, .que .comment { color: #7d5a29; background-color: #fcefdc; border-color: #fbe8cd; } .alert-warning hr, #page-admin-index .adminwarning hr, .uninstalldeleteconfirmexternal hr, .que .outcome hr, .que .comment hr { border-top-color: #f9ddb5; } .alert-warning .alert-link, #page-admin-index .adminwarning .alert-link, .uninstalldeleteconfirmexternal .alert-link, .que .outcome .alert-link, .que .comment .alert-link { color: #573e1c; } .alert-danger, #page-admin-index .adminerror { color: #712b29; background-color: #f7dddc; border-color: #f4cfce; } .alert-danger hr, #page-admin-index .adminerror hr { border-top-color: #efbbb9; } .alert-danger .alert-link, #page-admin-index .adminerror .alert-link { color: #4c1d1b; } .alert-light { color: #818182; background-color: #fefefe; border-color: #fdfdfe; } .alert-light hr { border-top-color: #ececf6; } .alert-light .alert-link { color: #686868; } .alert-dark { color: #1d1e1f; background-color: #d7d8d8; border-color: #c7c8c8; } .alert-dark hr { border-top-color: #babbbb; } .alert-dark .alert-link { color: #040505; } @keyframes progress-bar-stripes { from { background-position: 1rem 0; } to { background-position: 0 0; } } .progress { display: flex; height: 1rem; overflow: hidden; font-size: 0.703125rem; background-color: #e9ecef; border-radius: 0.25rem; } .progress-bar { display: flex; flex-direction: column; justify-content: center; color: #fff; text-align: center; white-space: nowrap; background-color: #1177d1; transition: width 0.6s ease; } @media (prefers-reduced-motion: reduce) { .progress-bar { transition: none; } } .progress-bar-striped { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 1rem 1rem; } .progress-bar-animated { animation: progress-bar-stripes 1s linear infinite; } @media (prefers-reduced-motion: reduce) { .progress-bar-animated { animation: none; } } .media { display: flex; align-items: flex-start; } .media-body { flex: 1; } .list-group { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; } .list-group-item-action { width: 100%; color: #495057; text-align: inherit; } .list-group-item-action:hover, .list-group-item-action:focus { z-index: 1; color: #495057; text-decoration: none; background-color: #f8f9fa; } .list-group-item-action:active { color: #373a3c; background-color: #e9ecef; } .list-group-item { position: relative; display: block; padding: 0.75rem 1.25rem; margin-bottom: -1px; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.125); } .list-group-item:first-child { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .list-group-item:last-child { margin-bottom: 0; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .list-group-item.disabled, .list-group-item:disabled { color: #868e96; pointer-events: none; background-color: #fff; } .list-group-item.active { z-index: 2; color: #fff; background-color: #1177d1; border-color: #1177d1; } .list-group-horizontal { flex-direction: row; } .list-group-horizontal .list-group-item { margin-right: -1px; margin-bottom: 0; } .list-group-horizontal .list-group-item:first-child { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal .list-group-item:last-child { margin-right: 0; border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0; } @media (min-width: 576px) { .list-group-horizontal-sm { flex-direction: row; } .list-group-horizontal-sm .list-group-item { margin-right: -1px; margin-bottom: 0; } .list-group-horizontal-sm .list-group-item:first-child { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-sm .list-group-item:last-child { margin-right: 0; border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0; } } @media (min-width: 768px) { .list-group-horizontal-md { flex-direction: row; } .list-group-horizontal-md .list-group-item { margin-right: -1px; margin-bottom: 0; } .list-group-horizontal-md .list-group-item:first-child { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-md .list-group-item:last-child { margin-right: 0; border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0; } } @media (min-width: 992px) { .list-group-horizontal-lg { flex-direction: row; } .list-group-horizontal-lg .list-group-item { margin-right: -1px; margin-bottom: 0; } .list-group-horizontal-lg .list-group-item:first-child { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-lg .list-group-item:last-child { margin-right: 0; border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0; } } @media (min-width: 1200px) { .list-group-horizontal-xl { flex-direction: row; } .list-group-horizontal-xl .list-group-item { margin-right: -1px; margin-bottom: 0; } .list-group-horizontal-xl .list-group-item:first-child { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-xl .list-group-item:last-child { margin-right: 0; border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0; } } .list-group-flush .list-group-item { border-right: 0; border-left: 0; border-radius: 0; } .list-group-flush .list-group-item:last-child { margin-bottom: -1px; } .list-group-flush:first-child .list-group-item:first-child { border-top: 0; } .list-group-flush:last-child .list-group-item:last-child { margin-bottom: 0; border-bottom: 0; } .list-group-item-primary { color: #093e6d; background-color: #bcd9f2; } .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { color: #093e6d; background-color: #a7cdee; } .list-group-item-primary.list-group-item-action.active { color: #fff; background-color: #093e6d; border-color: #093e6d; } .list-group-item-secondary { color: #797b7c; background-color: #f9fafb; } .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { color: #797b7c; background-color: #eaedf1; } .list-group-item-secondary.list-group-item-action.active { color: #fff; background-color: #797b7c; border-color: #797b7c; } .list-group-item-success { color: #306030; background-color: #d1ebd1; } .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { color: #306030; background-color: #bfe3bf; } .list-group-item-success.list-group-item-action.active { color: #fff; background-color: #306030; border-color: #306030; } .list-group-item-info { color: #2f6473; background-color: #d1edf6; } .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { color: #2f6473; background-color: #bce5f2; } .list-group-item-info.list-group-item-action.active { color: #fff; background-color: #2f6473; border-color: #2f6473; } .list-group-item-warning { color: #7d5a29; background-color: #fbe8cd; } .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { color: #7d5a29; background-color: #f9ddb5; } .list-group-item-warning.list-group-item-action.active { color: #fff; background-color: #7d5a29; border-color: #7d5a29; } .list-group-item-danger { color: #712b29; background-color: #f4cfce; } .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { color: #712b29; background-color: #efbbb9; } .list-group-item-danger.list-group-item-action.active { color: #fff; background-color: #712b29; border-color: #712b29; } .list-group-item-light { color: #818182; background-color: #fdfdfe; } .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { color: #818182; background-color: #ececf6; } .list-group-item-light.list-group-item-action.active { color: #fff; background-color: #818182; border-color: #818182; } .list-group-item-dark { color: #1d1e1f; background-color: #c7c8c8; } .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { color: #1d1e1f; background-color: #babbbb; } .list-group-item-dark.list-group-item-action.active { color: #fff; background-color: #1d1e1f; border-color: #1d1e1f; } .close, .moodle-dialogue-base .closebutton { float: right; font-size: 1.40625rem; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: .5; } .close:hover, .moodle-dialogue-base .closebutton:hover { color: #000; text-decoration: none; } .close:not(:disabled):not(.disabled):hover, .moodle-dialogue-base .closebutton:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus, .moodle-dialogue-base .closebutton:not(:disabled):not(.disabled):focus { opacity: .75; } button.close, .moodle-dialogue-base button.closebutton { padding: 0; background-color: transparent; border: 0; appearance: none; } a.close.disabled, .moodle-dialogue-base a.disabled.closebutton { pointer-events: none; } .toast { max-width: 350px; overflow: hidden; font-size: 0.875rem; background-color: rgba(255, 255, 255, 0.85); background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1); backdrop-filter: blur(10px); opacity: 0; border-radius: 0.25rem; } .toast:not(:last-child) { margin-bottom: 0.75rem; } .toast.showing { opacity: 1; } .toast.show { display: block; opacity: 1; } .toast.hide { display: none; } .toast-header { display: flex; align-items: center; padding: 0.25rem 0.75rem; color: #868e96; background-color: rgba(255, 255, 255, 0.85); background-clip: padding-box; border-bottom: 1px solid rgba(0, 0, 0, 0.05); } .toast-body { padding: 0.75rem; } .modal-open { overflow: hidden; } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal { position: fixed; top: 0; left: 0; z-index: 1050; display: none; width: 100%; height: 100%; overflow: hidden; outline: 0; } .modal-dialog { position: relative; width: auto; margin: 0.5rem; pointer-events: none; } .modal.fade .modal-dialog { transition: transform 0.3s ease-out; transform: translate(0, -50px); } @media (prefers-reduced-motion: reduce) { .modal.fade .modal-dialog { transition: none; } } .modal.show .modal-dialog { transform: none; } .modal-dialog-scrollable { display: flex; max-height: calc(100% - 1rem); } .modal-dialog-scrollable .modal-content, .modal-dialog-scrollable .moodle-dialogue-base .moodle-dialogue-wrap.moodle-dialogue-content, .moodle-dialogue-base .modal-dialog-scrollable .moodle-dialogue-wrap.moodle-dialogue-content { max-height: calc(100vh - 1rem); overflow: hidden; } .modal-dialog-scrollable .modal-header, .modal-dialog-scrollable .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd, .moodle-dialogue-base .moodle-dialogue-wrap .modal-dialog-scrollable .moodle-dialogue-hd, .modal-dialog-scrollable .path-mod-assign [data-region="grade-panel"] .popout > .col-md-3, .path-mod-assign [data-region="grade-panel"] .modal-dialog-scrollable .popout > .col-md-3, .modal-dialog-scrollable .modal-footer, .modal-dialog-scrollable .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-content .moodle-dialogue-ft, .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-content .modal-dialog-scrollable .moodle-dialogue-ft { flex-shrink: 0; } .modal-dialog-scrollable .modal-body { overflow-y: auto; } .modal-dialog-centered { display: flex; align-items: center; min-height: calc(100% - 1rem); } .modal-dialog-centered::before { display: block; height: calc(100vh - 1rem); content: ""; } .modal-dialog-centered.modal-dialog-scrollable { flex-direction: column; justify-content: center; height: 100%; } .modal-dialog-centered.modal-dialog-scrollable .modal-content, .modal-dialog-centered.modal-dialog-scrollable .moodle-dialogue-base .moodle-dialogue-wrap.moodle-dialogue-content, .moodle-dialogue-base .modal-dialog-centered.modal-dialog-scrollable .moodle-dialogue-wrap.moodle-dialogue-content { max-height: none; } .modal-dialog-centered.modal-dialog-scrollable::before { content: none; } .modal-content, .moodle-dialogue-base .moodle-dialogue-wrap.moodle-dialogue-content { position: relative; display: flex; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; outline: 0; } .modal-backdrop { position: fixed; top: 0; left: 0; z-index: 1040; width: 100vw; height: 100vh; background-color: #000; } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.show { opacity: 0.5; } .modal-header, .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd, .path-mod-assign [data-region="grade-panel"] .popout > .col-md-3 { display: flex; align-items: flex-start; justify-content: space-between; padding: 1rem 1rem; border-bottom: 1px solid #dee2e6; border-top-left-radius: 0.3rem; border-top-right-radius: 0.3rem; } .modal-header .close, .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd .close, .path-mod-assign [data-region="grade-panel"] .popout > .col-md-3 .close, .modal-header .moodle-dialogue-base .closebutton, .moodle-dialogue-base .modal-header .closebutton, .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd .closebutton, .path-mod-assign [data-region="grade-panel"] .popout > .col-md-3 .moodle-dialogue-base .closebutton, .moodle-dialogue-base .path-mod-assign [data-region="grade-panel"] .popout > .col-md-3 .closebutton { padding: 1rem 1rem; margin: -1rem -1rem -1rem auto; } .modal-title, .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd h1 { margin-bottom: 0; line-height: 1.5; } .modal-body { position: relative; flex: 1 1 auto; padding: 1rem; } .modal-footer, .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-content .moodle-dialogue-ft { display: flex; align-items: center; justify-content: flex-end; padding: 1rem; border-top: 1px solid #dee2e6; border-bottom-right-radius: 0.3rem; border-bottom-left-radius: 0.3rem; } .modal-footer > :not(:first-child), .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-content .moodle-dialogue-ft > :not(:first-child) { margin-left: .25rem; } .modal-footer > :not(:last-child), .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-content .moodle-dialogue-ft > :not(:last-child) { margin-right: .25rem; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 576px) { .modal-dialog { max-width: 500px; margin: 1.75rem auto; } .modal-dialog-scrollable { max-height: calc(100% - 3.5rem); } .modal-dialog-scrollable .modal-content, .modal-dialog-scrollable .moodle-dialogue-base .moodle-dialogue-wrap.moodle-dialogue-content, .moodle-dialogue-base .modal-dialog-scrollable .moodle-dialogue-wrap.moodle-dialogue-content { max-height: calc(100vh - 3.5rem); } .modal-dialog-centered { min-height: calc(100% - 3.5rem); } .modal-dialog-centered::before { height: calc(100vh - 3.5rem); } .modal-sm { max-width: 300px; } } @media (min-width: 992px) { .modal-lg, .modal-xl { max-width: 800px; } } @media (min-width: 1200px) { .modal-xl { max-width: 1140px; } } .tooltip { position: absolute; z-index: 1070; display: block; margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.8203125rem; word-wrap: break-word; opacity: 0; } .tooltip.show { opacity: 0.9; } .tooltip .arrow { position: absolute; display: block; width: 0.8rem; height: 0.4rem; } .tooltip .arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid; } .bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] { padding: 0.4rem 0; } .bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow { bottom: 0; } .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before { top: 0; border-width: 0.4rem 0.4rem 0; border-top-color: #000; } .bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] { padding: 0 0.4rem; } .bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow { left: 0; width: 0.4rem; height: 0.8rem; } .bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before { right: 0; border-width: 0.4rem 0.4rem 0.4rem 0; border-right-color: #000; } .bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] { padding: 0.4rem 0; } .bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow { top: 0; } .bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before { bottom: 0; border-width: 0 0.4rem 0.4rem; border-bottom-color: #000; } .bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] { padding: 0 0.4rem; } .bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow { right: 0; width: 0.4rem; height: 0.8rem; } .bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before { left: 0; border-width: 0.4rem 0 0.4rem 0.4rem; border-left-color: #000; } .tooltip-inner { max-width: 200px; padding: 0.25rem 0.5rem; color: #fff; text-align: center; background-color: #000; border-radius: 0.25rem; } .popover { position: absolute; top: 0; z-index: 1060; display: block; max-width: 276px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.8203125rem; word-wrap: break-word; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; } .popover .arrow { position: absolute; display: block; width: 1rem; height: 0.5rem; margin: 0 0.3rem; } .popover .arrow::before, .popover .arrow::after { position: absolute; display: block; content: ""; border-color: transparent; border-style: solid; } .bs-popover-top, .bs-popover-auto[x-placement^="top"] { margin-bottom: 0.5rem; } .bs-popover-top > .arrow, .bs-popover-auto[x-placement^="top"] > .arrow { bottom: calc((0.5rem + 1px) * -1); } .bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^="top"] > .arrow::before { bottom: 0; border-width: 0.5rem 0.5rem 0; border-top-color: rgba(0, 0, 0, 0.25); } .bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^="top"] > .arrow::after { bottom: 1px; border-width: 0.5rem 0.5rem 0; border-top-color: #fff; } .bs-popover-right, .bs-popover-auto[x-placement^="right"] { margin-left: 0.5rem; } .bs-popover-right > .arrow, .bs-popover-auto[x-placement^="right"] > .arrow { left: calc((0.5rem + 1px) * -1); width: 0.5rem; height: 1rem; margin: 0.3rem 0; } .bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^="right"] > .arrow::before { left: 0; border-width: 0.5rem 0.5rem 0.5rem 0; border-right-color: rgba(0, 0, 0, 0.25); } .bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^="right"] > .arrow::after { left: 1px; border-width: 0.5rem 0.5rem 0.5rem 0; border-right-color: #fff; } .bs-popover-bottom, .bs-popover-auto[x-placement^="bottom"] { margin-top: 0.5rem; } .bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^="bottom"] > .arrow { top: calc((0.5rem + 1px) * -1); } .bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^="bottom"] > .arrow::before { top: 0; border-width: 0 0.5rem 0.5rem 0.5rem; border-bottom-color: rgba(0, 0, 0, 0.25); } .bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^="bottom"] > .arrow::after { top: 1px; border-width: 0 0.5rem 0.5rem 0.5rem; border-bottom-color: #fff; } .bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^="bottom"] .popover-header::before { position: absolute; top: 0; left: 50%; display: block; width: 1rem; margin-left: -0.5rem; content: ""; border-bottom: 1px solid #f7f7f7; } .bs-popover-left, .bs-popover-auto[x-placement^="left"] { margin-right: 0.5rem; } .bs-popover-left > .arrow, .bs-popover-auto[x-placement^="left"] > .arrow { right: calc((0.5rem + 1px) * -1); width: 0.5rem; height: 1rem; margin: 0.3rem 0; } .bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^="left"] > .arrow::before { right: 0; border-width: 0.5rem 0 0.5rem 0.5rem; border-left-color: rgba(0, 0, 0, 0.25); } .bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^="left"] > .arrow::after { right: 1px; border-width: 0.5rem 0 0.5rem 0.5rem; border-left-color: #fff; } .popover-header { padding: 0.5rem 0.75rem; margin-bottom: 0; font-size: 0.9375rem; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-top-left-radius: calc(0.3rem - 1px); border-top-right-radius: calc(0.3rem - 1px); } .popover-header:empty { display: none; } .popover-body { padding: 0.5rem 0.75rem; color: #373a3c; } .carousel { position: relative; } .carousel.pointer-event { touch-action: pan-y; } .carousel-inner { position: relative; width: 100%; overflow: hidden; } .carousel-inner::after { display: block; clear: both; content: ""; } .carousel-item { position: relative; display: none; float: left; width: 100%; margin-right: -100%; backface-visibility: hidden; transition: transform 0.6s ease-in-out; } @media (prefers-reduced-motion: reduce) { .carousel-item { transition: none; } } .carousel-item.active, .carousel-item-next, .carousel-item-prev { display: block; } .carousel-item-next:not(.carousel-item-left), .active.carousel-item-right { transform: translateX(100%); } .carousel-item-prev:not(.carousel-item-right), .active.carousel-item-left { transform: translateX(-100%); } .carousel-fade .carousel-item { opacity: 0; transition-property: opacity; transform: none; } .carousel-fade .carousel-item.active, .carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right { z-index: 1; opacity: 1; } .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { z-index: 0; opacity: 0; transition: 0s 0.6s opacity; } @media (prefers-reduced-motion: reduce) { .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { transition: none; } } .carousel-control-prev, .carousel-control-next { position: absolute; top: 0; bottom: 0; z-index: 1; display: flex; align-items: center; justify-content: center; width: 15%; color: #fff; text-align: center; opacity: 0.5; transition: opacity 0.15s ease; } @media (prefers-reduced-motion: reduce) { .carousel-control-prev, .carousel-control-next { transition: none; } } .carousel-control-prev:hover, .carousel-control-prev:focus, .carousel-control-next:hover, .carousel-control-next:focus { color: #fff; text-decoration: none; outline: 0; opacity: 0.9; } .carousel-control-prev { left: 0; } .carousel-control-next { right: 0; } .carousel-control-prev-icon, .carousel-control-next-icon { display: inline-block; width: 20px; height: 20px; background: no-repeat 50% / 100% 100%; } .carousel-control-prev-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e"); } .carousel-control-next-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e"); } .carousel-indicators { position: absolute; right: 0; bottom: 0; left: 0; z-index: 15; display: flex; justify-content: center; padding-left: 0; margin-right: 15%; margin-left: 15%; list-style: none; } .carousel-indicators li { box-sizing: content-box; flex: 0 1 auto; width: 30px; height: 3px; margin-right: 3px; margin-left: 3px; text-indent: -999px; cursor: pointer; background-color: #fff; background-clip: padding-box; border-top: 10px solid transparent; border-bottom: 10px solid transparent; opacity: .5; transition: opacity 0.6s ease; } @media (prefers-reduced-motion: reduce) { .carousel-indicators li { transition: none; } } .carousel-indicators .active { opacity: 1; } .carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; } @keyframes spinner-border { to { transform: rotate(360deg); } } .spinner-border { display: inline-block; width: 2rem; height: 2rem; vertical-align: text-bottom; border: 0.25em solid currentColor; border-right-color: transparent; border-radius: 50%; animation: spinner-border .75s linear infinite; } .spinner-border-sm { width: 1rem; height: 1rem; border-width: 0.2em; } @keyframes spinner-grow { 0% { transform: scale(0); } 50% { opacity: 1; } } .spinner-grow { display: inline-block; width: 2rem; height: 2rem; vertical-align: text-bottom; background-color: currentColor; border-radius: 50%; opacity: 0; animation: spinner-grow .75s linear infinite; } .spinner-grow-sm { width: 1rem; height: 1rem; } .align-baseline { vertical-align: baseline !important; } .align-top { vertical-align: top !important; } .align-middle { vertical-align: middle !important; } .align-bottom { vertical-align: bottom !important; } .align-text-bottom { vertical-align: text-bottom !important; } .align-text-top { vertical-align: text-top !important; } .bg-primary { background-color: #1177d1 !important; } a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus { background-color: #0d5ca2 !important; } .bg-secondary { background-color: #e9ecef !important; } a.bg-secondary:hover, a.bg-secondary:focus, button.bg-secondary:hover, button.bg-secondary:focus { background-color: #cbd3da !important; } .bg-success { background-color: #5cb85c !important; } a.bg-success:hover, a.bg-success:focus, button.bg-success:hover, button.bg-success:focus { background-color: #449d44 !important; } .bg-info { background-color: #5bc0de !important; } a.bg-info:hover, a.bg-info:focus, button.bg-info:hover, button.bg-info:focus { background-color: #31b0d5 !important; } .bg-warning { background-color: #f0ad4e !important; } a.bg-warning:hover, a.bg-warning:focus, button.bg-warning:hover, button.bg-warning:focus { background-color: #ec971f !important; } .bg-danger { background-color: #d9534f !important; } a.bg-danger:hover, a.bg-danger:focus, button.bg-danger:hover, button.bg-danger:focus { background-color: #c9302c !important; } .bg-light { background-color: #f8f9fa !important; } a.bg-light:hover, a.bg-light:focus, button.bg-light:hover, button.bg-light:focus { background-color: #dae0e5 !important; } .bg-dark { background-color: #373a3c !important; } a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #1f2021 !important; } .bg-white { background-color: #fff !important; } .bg-transparent { background-color: transparent !important; } .border { border: 1px solid #dee2e6 !important; } .border-top { border-top: 1px solid #dee2e6 !important; } .border-right { border-right: 1px solid #dee2e6 !important; } .border-bottom { border-bottom: 1px solid #dee2e6 !important; } .border-left { border-left: 1px solid #dee2e6 !important; } .border-0 { border: 0 !important; } .border-top-0 { border-top: 0 !important; } .border-right-0 { border-right: 0 !important; } .border-bottom-0 { border-bottom: 0 !important; } .border-left-0 { border-left: 0 !important; } .border-primary { border-color: #1177d1 !important; } .border-secondary { border-color: #e9ecef !important; } .border-success { border-color: #5cb85c !important; } .border-info { border-color: #5bc0de !important; } .border-warning { border-color: #f0ad4e !important; } .border-danger { border-color: #d9534f !important; } .border-light { border-color: #f8f9fa !important; } .border-dark { border-color: #373a3c !important; } .border-white { border-color: #fff !important; } .rounded-sm { border-radius: 0.2rem !important; } .rounded { border-radius: 0.25rem !important; } .rounded-top { border-top-left-radius: 0.25rem !important; border-top-right-radius: 0.25rem !important; } .rounded-right { border-top-right-radius: 0.25rem !important; border-bottom-right-radius: 0.25rem !important; } .rounded-bottom { border-bottom-right-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; } .rounded-left { border-top-left-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; } .rounded-lg { border-radius: 0.3rem !important; } .rounded-circle { border-radius: 50% !important; } .rounded-pill { border-radius: 50rem !important; } .rounded-0 { border-radius: 0 !important; } .clearfix::after { display: block; clear: both; content: ""; } .d-none { display: none !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: flex !important; } .d-inline-flex { display: inline-flex !important; } @media (min-width: 576px) { .d-sm-none { display: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: flex !important; } .d-sm-inline-flex { display: inline-flex !important; } } @media (min-width: 768px) { .d-md-none { display: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: flex !important; } .d-md-inline-flex { display: inline-flex !important; } } @media (min-width: 992px) { .d-lg-none { display: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: flex !important; } .d-lg-inline-flex { display: inline-flex !important; } } @media (min-width: 1200px) { .d-xl-none { display: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: flex !important; } .d-xl-inline-flex { display: inline-flex !important; } } @media print { .d-print-none { display: none !important; } .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: flex !important; } .d-print-inline-flex { display: inline-flex !important; } } .embed-responsive { position: relative; display: block; width: 100%; padding: 0; overflow: hidden; } .embed-responsive::before { display: block; content: ""; } .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } .embed-responsive-21by9::before { padding-top: 42.8571428571%; } .embed-responsive-16by9::before { padding-top: 56.25%; } .embed-responsive-4by3::before { padding-top: 75%; } .embed-responsive-1by1::before { padding-top: 100%; } .flex-row { flex-direction: row !important; } .flex-column { flex-direction: column !important; } .flex-row-reverse { flex-direction: row-reverse !important; } .flex-column-reverse { flex-direction: column-reverse !important; } .flex-wrap { flex-wrap: wrap !important; } .flex-nowrap { flex-wrap: nowrap !important; } .flex-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-fill { flex: 1 1 auto !important; } .flex-grow-0 { flex-grow: 0 !important; } .flex-grow-1 { flex-grow: 1 !important; } .flex-shrink-0 { flex-shrink: 0 !important; } .flex-shrink-1 { flex-shrink: 1 !important; } .justify-content-start { justify-content: flex-start !important; } .justify-content-end { justify-content: flex-end !important; } .justify-content-center { justify-content: center !important; } .justify-content-between { justify-content: space-between !important; } .justify-content-around { justify-content: space-around !important; } .align-items-start { align-items: flex-start !important; } .align-items-end { align-items: flex-end !important; } .align-items-center { align-items: center !important; } .align-items-baseline { align-items: baseline !important; } .align-items-stretch { align-items: stretch !important; } .align-content-start { align-content: flex-start !important; } .align-content-end { align-content: flex-end !important; } .align-content-center { align-content: center !important; } .align-content-between { align-content: space-between !important; } .align-content-around { align-content: space-around !important; } .align-content-stretch { align-content: stretch !important; } .align-self-auto { align-self: auto !important; } .align-self-start { align-self: flex-start !important; } .align-self-end { align-self: flex-end !important; } .align-self-center { align-self: center !important; } .align-self-baseline { align-self: baseline !important; } .align-self-stretch { align-self: stretch !important; } @media (min-width: 576px) { .flex-sm-row { flex-direction: row !important; } .flex-sm-column { flex-direction: column !important; } .flex-sm-row-reverse { flex-direction: row-reverse !important; } .flex-sm-column-reverse { flex-direction: column-reverse !important; } .flex-sm-wrap { flex-wrap: wrap !important; } .flex-sm-nowrap { flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-sm-fill { flex: 1 1 auto !important; } .flex-sm-grow-0 { flex-grow: 0 !important; } .flex-sm-grow-1 { flex-grow: 1 !important; } .flex-sm-shrink-0 { flex-shrink: 0 !important; } .flex-sm-shrink-1 { flex-shrink: 1 !important; } .justify-content-sm-start { justify-content: flex-start !important; } .justify-content-sm-end { justify-content: flex-end !important; } .justify-content-sm-center { justify-content: center !important; } .justify-content-sm-between { justify-content: space-between !important; } .justify-content-sm-around { justify-content: space-around !important; } .align-items-sm-start { align-items: flex-start !important; } .align-items-sm-end { align-items: flex-end !important; } .align-items-sm-center { align-items: center !important; } .align-items-sm-baseline { align-items: baseline !important; } .align-items-sm-stretch { align-items: stretch !important; } .align-content-sm-start { align-content: flex-start !important; } .align-content-sm-end { align-content: flex-end !important; } .align-content-sm-center { align-content: center !important; } .align-content-sm-between { align-content: space-between !important; } .align-content-sm-around { align-content: space-around !important; } .align-content-sm-stretch { align-content: stretch !important; } .align-self-sm-auto { align-self: auto !important; } .align-self-sm-start { align-self: flex-start !important; } .align-self-sm-end { align-self: flex-end !important; } .align-self-sm-center { align-self: center !important; } .align-self-sm-baseline { align-self: baseline !important; } .align-self-sm-stretch { align-self: stretch !important; } } @media (min-width: 768px) { .flex-md-row { flex-direction: row !important; } .flex-md-column { flex-direction: column !important; } .flex-md-row-reverse { flex-direction: row-reverse !important; } .flex-md-column-reverse { flex-direction: column-reverse !important; } .flex-md-wrap { flex-wrap: wrap !important; } .flex-md-nowrap { flex-wrap: nowrap !important; } .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-md-fill { flex: 1 1 auto !important; } .flex-md-grow-0 { flex-grow: 0 !important; } .flex-md-grow-1 { flex-grow: 1 !important; } .flex-md-shrink-0 { flex-shrink: 0 !important; } .flex-md-shrink-1 { flex-shrink: 1 !important; } .justify-content-md-start { justify-content: flex-start !important; } .justify-content-md-end { justify-content: flex-end !important; } .justify-content-md-center { justify-content: center !important; } .justify-content-md-between { justify-content: space-between !important; } .justify-content-md-around { justify-content: space-around !important; } .align-items-md-start { align-items: flex-start !important; } .align-items-md-end { align-items: flex-end !important; } .align-items-md-center { align-items: center !important; } .align-items-md-baseline { align-items: baseline !important; } .align-items-md-stretch { align-items: stretch !important; } .align-content-md-start { align-content: flex-start !important; } .align-content-md-end { align-content: flex-end !important; } .align-content-md-center { align-content: center !important; } .align-content-md-between { align-content: space-between !important; } .align-content-md-around { align-content: space-around !important; } .align-content-md-stretch { align-content: stretch !important; } .align-self-md-auto { align-self: auto !important; } .align-self-md-start { align-self: flex-start !important; } .align-self-md-end { align-self: flex-end !important; } .align-self-md-center { align-self: center !important; } .align-self-md-baseline { align-self: baseline !important; } .align-self-md-stretch { align-self: stretch !important; } } @media (min-width: 992px) { .flex-lg-row { flex-direction: row !important; } .flex-lg-column { flex-direction: column !important; } .flex-lg-row-reverse { flex-direction: row-reverse !important; } .flex-lg-column-reverse { flex-direction: column-reverse !important; } .flex-lg-wrap { flex-wrap: wrap !important; } .flex-lg-nowrap { flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-lg-fill { flex: 1 1 auto !important; } .flex-lg-grow-0 { flex-grow: 0 !important; } .flex-lg-grow-1 { flex-grow: 1 !important; } .flex-lg-shrink-0 { flex-shrink: 0 !important; } .flex-lg-shrink-1 { flex-shrink: 1 !important; } .justify-content-lg-start { justify-content: flex-start !important; } .justify-content-lg-end { justify-content: flex-end !important; } .justify-content-lg-center { justify-content: center !important; } .justify-content-lg-between { justify-content: space-between !important; } .justify-content-lg-around { justify-content: space-around !important; } .align-items-lg-start { align-items: flex-start !important; } .align-items-lg-end { align-items: flex-end !important; } .align-items-lg-center { align-items: center !important; } .align-items-lg-baseline { align-items: baseline !important; } .align-items-lg-stretch { align-items: stretch !important; } .align-content-lg-start { align-content: flex-start !important; } .align-content-lg-end { align-content: flex-end !important; } .align-content-lg-center { align-content: center !important; } .align-content-lg-between { align-content: space-between !important; } .align-content-lg-around { align-content: space-around !important; } .align-content-lg-stretch { align-content: stretch !important; } .align-self-lg-auto { align-self: auto !important; } .align-self-lg-start { align-self: flex-start !important; } .align-self-lg-end { align-self: flex-end !important; } .align-self-lg-center { align-self: center !important; } .align-self-lg-baseline { align-self: baseline !important; } .align-self-lg-stretch { align-self: stretch !important; } } @media (min-width: 1200px) { .flex-xl-row { flex-direction: row !important; } .flex-xl-column { flex-direction: column !important; } .flex-xl-row-reverse { flex-direction: row-reverse !important; } .flex-xl-column-reverse { flex-direction: column-reverse !important; } .flex-xl-wrap { flex-wrap: wrap !important; } .flex-xl-nowrap { flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-xl-fill { flex: 1 1 auto !important; } .flex-xl-grow-0 { flex-grow: 0 !important; } .flex-xl-grow-1 { flex-grow: 1 !important; } .flex-xl-shrink-0 { flex-shrink: 0 !important; } .flex-xl-shrink-1 { flex-shrink: 1 !important; } .justify-content-xl-start { justify-content: flex-start !important; } .justify-content-xl-end { justify-content: flex-end !important; } .justify-content-xl-center { justify-content: center !important; } .justify-content-xl-between { justify-content: space-between !important; } .justify-content-xl-around { justify-content: space-around !important; } .align-items-xl-start { align-items: flex-start !important; } .align-items-xl-end { align-items: flex-end !important; } .align-items-xl-center { align-items: center !important; } .align-items-xl-baseline { align-items: baseline !important; } .align-items-xl-stretch { align-items: stretch !important; } .align-content-xl-start { align-content: flex-start !important; } .align-content-xl-end { align-content: flex-end !important; } .align-content-xl-center { align-content: center !important; } .align-content-xl-between { align-content: space-between !important; } .align-content-xl-around { align-content: space-around !important; } .align-content-xl-stretch { align-content: stretch !important; } .align-self-xl-auto { align-self: auto !important; } .align-self-xl-start { align-self: flex-start !important; } .align-self-xl-end { align-self: flex-end !important; } .align-self-xl-center { align-self: center !important; } .align-self-xl-baseline { align-self: baseline !important; } .align-self-xl-stretch { align-self: stretch !important; } } .float-left { float: left !important; } .float-right { float: right !important; } .float-none { float: none !important; } @media (min-width: 576px) { .float-sm-left { float: left !important; } .float-sm-right { float: right !important; } .float-sm-none { float: none !important; } } @media (min-width: 768px) { .float-md-left { float: left !important; } .float-md-right { float: right !important; } .float-md-none { float: none !important; } } @media (min-width: 992px) { .float-lg-left { float: left !important; } .float-lg-right { float: right !important; } .float-lg-none { float: none !important; } } @media (min-width: 1200px) { .float-xl-left { float: left !important; } .float-xl-right { float: right !important; } .float-xl-none { float: none !important; } } .overflow-auto { overflow: auto !important; } .overflow-hidden { overflow: hidden !important; } .position-static { position: static !important; } .position-relative { position: relative !important; } .position-absolute, .input-group.form-inset .form-inset-item { position: absolute !important; } .position-fixed { position: fixed !important; } .position-sticky { position: sticky !important; } .fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; } .fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030; } @supports (position: sticky) { .sticky-top { position: sticky; top: 0; z-index: 1020; } } .sr-only, .path-mod-forum .nested-v2-display-mode .alert.discussionlocked, .path-mod-forum .nested-v2-display-mode #page-admin-index .discussionlocked.releasenoteslink, #page-admin-index .path-mod-forum .nested-v2-display-mode .discussionlocked.releasenoteslink, .path-mod-forum .nested-v2-display-mode #page-admin-index .discussionlocked.adminwarning, #page-admin-index .path-mod-forum .nested-v2-display-mode .discussionlocked.adminwarning, .path-mod-forum .nested-v2-display-mode #page-admin-index .discussionlocked.adminerror, #page-admin-index .path-mod-forum .nested-v2-display-mode .discussionlocked.adminerror, .path-mod-forum .nested-v2-display-mode .que .discussionlocked.formulation, .que .path-mod-forum .nested-v2-display-mode .discussionlocked.formulation, .path-mod-forum .nested-v2-display-mode .que .discussionlocked.outcome, .que .path-mod-forum .nested-v2-display-mode .discussionlocked.outcome, .path-mod-forum .nested-v2-display-mode .que .discussionlocked.comment, .que .path-mod-forum .nested-v2-display-mode .discussionlocked.comment, .path-mod-forum .nested-v2-display-mode .assignfeedback_editpdf_widget .discussionlocked.label, .assignfeedback_editpdf_widget .path-mod-forum .nested-v2-display-mode .discussionlocked.label, .path-mod-forum.nested-v2-display-mode .alert.discussionlocked, .path-mod-forum.nested-v2-display-mode #page-admin-index .discussionlocked.releasenoteslink, #page-admin-index .path-mod-forum.nested-v2-display-mode .discussionlocked.releasenoteslink, .path-mod-forum.nested-v2-display-mode #page-admin-index .discussionlocked.adminwarning, #page-admin-index .path-mod-forum.nested-v2-display-mode .discussionlocked.adminwarning, .path-mod-forum.nested-v2-display-mode #page-admin-index .discussionlocked.adminerror, #page-admin-index .path-mod-forum.nested-v2-display-mode .discussionlocked.adminerror, .path-mod-forum.nested-v2-display-mode .que .discussionlocked.formulation, .que .path-mod-forum.nested-v2-display-mode .discussionlocked.formulation, .path-mod-forum.nested-v2-display-mode .que .discussionlocked.outcome, .que .path-mod-forum.nested-v2-display-mode .discussionlocked.outcome, .path-mod-forum.nested-v2-display-mode .que .discussionlocked.comment, .que .path-mod-forum.nested-v2-display-mode .discussionlocked.comment, .path-mod-forum.nested-v2-display-mode .assignfeedback_editpdf_widget .discussionlocked.label, .assignfeedback_editpdf_widget .path-mod-forum.nested-v2-display-mode .discussionlocked.label, .path-mod-forum .nested-v2-display-mode .tag_list > b, .path-mod-forum.nested-v2-display-mode .tag_list > b { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal; } .shadow-sm { box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; } .shadow { box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; } .shadow-lg { box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; } .shadow-none { box-shadow: none !important; } .w-25 { width: 25% !important; } .w-50 { width: 50% !important; } .w-75 { width: 75% !important; } .w-100 { width: 100% !important; } .w-auto { width: auto !important; } .h-25 { height: 25% !important; } .h-50 { height: 50% !important; } .h-75 { height: 75% !important; } .h-100 { height: 100% !important; } .h-auto { height: auto !important; } .mw-100 { max-width: 100% !important; } .mh-100 { max-height: 100% !important; } .min-vw-100 { min-width: 100vw !important; } .min-vh-100 { min-height: 100vh !important; } .vw-100 { width: 100vw !important; } .vh-100 { height: 100vh !important; } .stretched-link::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: auto; content: ""; background-color: rgba(0, 0, 0, 0); } .m-0 { margin: 0 !important; } .mt-0, .my-0 { margin-top: 0 !important; } .mr-0, .mx-0 { margin-right: 0 !important; } .mb-0, .my-0 { margin-bottom: 0 !important; } .ml-0, .mx-0 { margin-left: 0 !important; } .m-1 { margin: 0.25rem !important; } .mt-1, .my-1 { margin-top: 0.25rem !important; } .mr-1, .mx-1 { margin-right: 0.25rem !important; } .mb-1, .my-1 { margin-bottom: 0.25rem !important; } .ml-1, .mx-1 { margin-left: 0.25rem !important; } .m-2 { margin: 0.5rem !important; } .mt-2, .my-2 { margin-top: 0.5rem !important; } .mr-2, .mx-2 { margin-right: 0.5rem !important; } .mb-2, .my-2 { margin-bottom: 0.5rem !important; } .ml-2, .mx-2 { margin-left: 0.5rem !important; } .m-3 { margin: 1rem !important; } .mt-3, .my-3 { margin-top: 1rem !important; } .mr-3, .mx-3 { margin-right: 1rem !important; } .mb-3, .my-3 { margin-bottom: 1rem !important; } .ml-3, .mx-3 { margin-left: 1rem !important; } .m-4 { margin: 1.5rem !important; } .mt-4, .my-4 { margin-top: 1.5rem !important; } .mr-4, .mx-4 { margin-right: 1.5rem !important; } .mb-4, .my-4 { margin-bottom: 1.5rem !important; } .ml-4, .mx-4 { margin-left: 1.5rem !important; } .m-5 { margin: 3rem !important; } .mt-5, .my-5 { margin-top: 3rem !important; } .mr-5, .mx-5 { margin-right: 3rem !important; } .mb-5, .my-5 { margin-bottom: 3rem !important; } .ml-5, .mx-5 { margin-left: 3rem !important; } .p-0, .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area.py-3 { padding: 0 !important; } .pt-0, .py-0 { padding-top: 0 !important; } .pr-0, .px-0 { padding-right: 0 !important; } .pb-0, .py-0 { padding-bottom: 0 !important; } .pl-0, .px-0 { padding-left: 0 !important; } .p-1 { padding: 0.25rem !important; } .pt-1, .py-1 { padding-top: 0.25rem !important; } .pr-1, .px-1 { padding-right: 0.25rem !important; } .pb-1, .py-1 { padding-bottom: 0.25rem !important; } .pl-1, .px-1 { padding-left: 0.25rem !important; } .p-2 { padding: 0.5rem !important; } .pt-2, .py-2 { padding-top: 0.5rem !important; } .pr-2, .px-2 { padding-right: 0.5rem !important; } .pb-2, .py-2 { padding-bottom: 0.5rem !important; } .pl-2, .px-2 { padding-left: 0.5rem !important; } .p-3 { padding: 1rem !important; } .pt-3, .py-3 { padding-top: 1rem !important; } .pr-3, .px-3 { padding-right: 1rem !important; } .pb-3, .py-3 { padding-bottom: 1rem !important; } .pl-3, .px-3 { padding-left: 1rem !important; } .p-4 { padding: 1.5rem !important; } .pt-4, .py-4 { padding-top: 1.5rem !important; } .pr-4, .input-group.form-inset.form-inset-right .form-control, .px-4 { padding-right: 1.5rem !important; } .pb-4, .py-4 { padding-bottom: 1.5rem !important; } .pl-4, .input-group.form-inset.form-inset-left .form-control, .px-4 { padding-left: 1.5rem !important; } .p-5 { padding: 3rem !important; } .pt-5, .py-5 { padding-top: 3rem !important; } .pr-5, .px-5 { padding-right: 3rem !important; } .pb-5, .py-5 { padding-bottom: 3rem !important; } .pl-5, .px-5 { padding-left: 3rem !important; } .m-n1 { margin: -0.25rem !important; } .mt-n1, .my-n1 { margin-top: -0.25rem !important; } .mr-n1, .mx-n1 { margin-right: -0.25rem !important; } .mb-n1, .my-n1 { margin-bottom: -0.25rem !important; } .ml-n1, .mx-n1 { margin-left: -0.25rem !important; } .m-n2 { margin: -0.5rem !important; } .mt-n2, .my-n2 { margin-top: -0.5rem !important; } .mr-n2, .mx-n2 { margin-right: -0.5rem !important; } .mb-n2, .my-n2 { margin-bottom: -0.5rem !important; } .ml-n2, .mx-n2 { margin-left: -0.5rem !important; } .m-n3 { margin: -1rem !important; } .mt-n3, .my-n3 { margin-top: -1rem !important; } .mr-n3, .mx-n3 { margin-right: -1rem !important; } .mb-n3, .my-n3 { margin-bottom: -1rem !important; } .ml-n3, .mx-n3 { margin-left: -1rem !important; } .m-n4 { margin: -1.5rem !important; } .mt-n4, .my-n4 { margin-top: -1.5rem !important; } .mr-n4, .mx-n4 { margin-right: -1.5rem !important; } .mb-n4, .my-n4 { margin-bottom: -1.5rem !important; } .ml-n4, .mx-n4 { margin-left: -1.5rem !important; } .m-n5 { margin: -3rem !important; } .mt-n5, .my-n5 { margin-top: -3rem !important; } .mr-n5, .mx-n5 { margin-right: -3rem !important; } .mb-n5, .my-n5 { margin-bottom: -3rem !important; } .ml-n5, .mx-n5 { margin-left: -3rem !important; } .m-auto { margin: auto !important; } .mt-auto, .my-auto { margin-top: auto !important; } .mr-auto, .mx-auto { margin-right: auto !important; } .mb-auto, .my-auto { margin-bottom: auto !important; } .ml-auto, .mx-auto { margin-left: auto !important; } @media (min-width: 576px) { .m-sm-0 { margin: 0 !important; } .mt-sm-0, .my-sm-0 { margin-top: 0 !important; } .mr-sm-0, .mx-sm-0 { margin-right: 0 !important; } .mb-sm-0, .my-sm-0 { margin-bottom: 0 !important; } .ml-sm-0, .mx-sm-0 { margin-left: 0 !important; } .m-sm-1 { margin: 0.25rem !important; } .mt-sm-1, .my-sm-1 { margin-top: 0.25rem !important; } .mr-sm-1, .mx-sm-1 { margin-right: 0.25rem !important; } .mb-sm-1, .my-sm-1 { margin-bottom: 0.25rem !important; } .ml-sm-1, .mx-sm-1 { margin-left: 0.25rem !important; } .m-sm-2 { margin: 0.5rem !important; } .mt-sm-2, .my-sm-2 { margin-top: 0.5rem !important; } .mr-sm-2, .mx-sm-2 { margin-right: 0.5rem !important; } .mb-sm-2, .my-sm-2 { margin-bottom: 0.5rem !important; } .ml-sm-2, .mx-sm-2 { margin-left: 0.5rem !important; } .m-sm-3 { margin: 1rem !important; } .mt-sm-3, .my-sm-3 { margin-top: 1rem !important; } .mr-sm-3, .mx-sm-3 { margin-right: 1rem !important; } .mb-sm-3, .my-sm-3 { margin-bottom: 1rem !important; } .ml-sm-3, .mx-sm-3 { margin-left: 1rem !important; } .m-sm-4 { margin: 1.5rem !important; } .mt-sm-4, .my-sm-4 { margin-top: 1.5rem !important; } .mr-sm-4, .mx-sm-4 { margin-right: 1.5rem !important; } .mb-sm-4, .my-sm-4 { margin-bottom: 1.5rem !important; } .ml-sm-4, .mx-sm-4 { margin-left: 1.5rem !important; } .m-sm-5 { margin: 3rem !important; } .mt-sm-5, .my-sm-5 { margin-top: 3rem !important; } .mr-sm-5, .mx-sm-5 { margin-right: 3rem !important; } .mb-sm-5, .my-sm-5 { margin-bottom: 3rem !important; } .ml-sm-5, .mx-sm-5 { margin-left: 3rem !important; } .p-sm-0 { padding: 0 !important; } .pt-sm-0, .py-sm-0 { padding-top: 0 !important; } .pr-sm-0, .px-sm-0 { padding-right: 0 !important; } .pb-sm-0, .py-sm-0 { padding-bottom: 0 !important; } .pl-sm-0, .px-sm-0 { padding-left: 0 !important; } .p-sm-1 { padding: 0.25rem !important; } .pt-sm-1, .py-sm-1 { padding-top: 0.25rem !important; } .pr-sm-1, .px-sm-1 { padding-right: 0.25rem !important; } .pb-sm-1, .py-sm-1 { padding-bottom: 0.25rem !important; } .pl-sm-1, .px-sm-1 { padding-left: 0.25rem !important; } .p-sm-2 { padding: 0.5rem !important; } .pt-sm-2, .py-sm-2 { padding-top: 0.5rem !important; } .pr-sm-2, .px-sm-2 { padding-right: 0.5rem !important; } .pb-sm-2, .py-sm-2 { padding-bottom: 0.5rem !important; } .pl-sm-2, .px-sm-2 { padding-left: 0.5rem !important; } .p-sm-3 { padding: 1rem !important; } .pt-sm-3, .py-sm-3 { padding-top: 1rem !important; } .pr-sm-3, .px-sm-3 { padding-right: 1rem !important; } .pb-sm-3, .py-sm-3 { padding-bottom: 1rem !important; } .pl-sm-3, .px-sm-3 { padding-left: 1rem !important; } .p-sm-4 { padding: 1.5rem !important; } .pt-sm-4, .py-sm-4 { padding-top: 1.5rem !important; } .pr-sm-4, .px-sm-4 { padding-right: 1.5rem !important; } .pb-sm-4, .py-sm-4 { padding-bottom: 1.5rem !important; } .pl-sm-4, .px-sm-4 { padding-left: 1.5rem !important; } .p-sm-5 { padding: 3rem !important; } .pt-sm-5, .py-sm-5 { padding-top: 3rem !important; } .pr-sm-5, .px-sm-5 { padding-right: 3rem !important; } .pb-sm-5, .py-sm-5 { padding-bottom: 3rem !important; } .pl-sm-5, .px-sm-5 { padding-left: 3rem !important; } .m-sm-n1 { margin: -0.25rem !important; } .mt-sm-n1, .my-sm-n1 { margin-top: -0.25rem !important; } .mr-sm-n1, .mx-sm-n1 { margin-right: -0.25rem !important; } .mb-sm-n1, .my-sm-n1 { margin-bottom: -0.25rem !important; } .ml-sm-n1, .mx-sm-n1 { margin-left: -0.25rem !important; } .m-sm-n2 { margin: -0.5rem !important; } .mt-sm-n2, .my-sm-n2 { margin-top: -0.5rem !important; } .mr-sm-n2, .mx-sm-n2 { margin-right: -0.5rem !important; } .mb-sm-n2, .my-sm-n2 { margin-bottom: -0.5rem !important; } .ml-sm-n2, .mx-sm-n2 { margin-left: -0.5rem !important; } .m-sm-n3 { margin: -1rem !important; } .mt-sm-n3, .my-sm-n3 { margin-top: -1rem !important; } .mr-sm-n3, .mx-sm-n3 { margin-right: -1rem !important; } .mb-sm-n3, .my-sm-n3 { margin-bottom: -1rem !important; } .ml-sm-n3, .mx-sm-n3 { margin-left: -1rem !important; } .m-sm-n4 { margin: -1.5rem !important; } .mt-sm-n4, .my-sm-n4 { margin-top: -1.5rem !important; } .mr-sm-n4, .mx-sm-n4 { margin-right: -1.5rem !important; } .mb-sm-n4, .my-sm-n4 { margin-bottom: -1.5rem !important; } .ml-sm-n4, .mx-sm-n4 { margin-left: -1.5rem !important; } .m-sm-n5 { margin: -3rem !important; } .mt-sm-n5, .my-sm-n5 { margin-top: -3rem !important; } .mr-sm-n5, .mx-sm-n5 { margin-right: -3rem !important; } .mb-sm-n5, .my-sm-n5 { margin-bottom: -3rem !important; } .ml-sm-n5, .mx-sm-n5 { margin-left: -3rem !important; } .m-sm-auto { margin: auto !important; } .mt-sm-auto, .my-sm-auto { margin-top: auto !important; } .mr-sm-auto, .mx-sm-auto { margin-right: auto !important; } .mb-sm-auto, .my-sm-auto { margin-bottom: auto !important; } .ml-sm-auto, .mx-sm-auto { margin-left: auto !important; } } @media (min-width: 768px) { .m-md-0 { margin: 0 !important; } .mt-md-0, .my-md-0 { margin-top: 0 !important; } .mr-md-0, .mx-md-0 { margin-right: 0 !important; } .mb-md-0, .my-md-0 { margin-bottom: 0 !important; } .ml-md-0, .mx-md-0 { margin-left: 0 !important; } .m-md-1 { margin: 0.25rem !important; } .mt-md-1, .my-md-1 { margin-top: 0.25rem !important; } .mr-md-1, .mx-md-1 { margin-right: 0.25rem !important; } .mb-md-1, .my-md-1 { margin-bottom: 0.25rem !important; } .ml-md-1, .mx-md-1 { margin-left: 0.25rem !important; } .m-md-2 { margin: 0.5rem !important; } .mt-md-2, .my-md-2 { margin-top: 0.5rem !important; } .mr-md-2, .mx-md-2 { margin-right: 0.5rem !important; } .mb-md-2, .my-md-2 { margin-bottom: 0.5rem !important; } .ml-md-2, .mx-md-2 { margin-left: 0.5rem !important; } .m-md-3 { margin: 1rem !important; } .mt-md-3, .my-md-3 { margin-top: 1rem !important; } .mr-md-3, .mx-md-3 { margin-right: 1rem !important; } .mb-md-3, .my-md-3 { margin-bottom: 1rem !important; } .ml-md-3, .mx-md-3 { margin-left: 1rem !important; } .m-md-4 { margin: 1.5rem !important; } .mt-md-4, .my-md-4 { margin-top: 1.5rem !important; } .mr-md-4, .mx-md-4 { margin-right: 1.5rem !important; } .mb-md-4, .my-md-4 { margin-bottom: 1.5rem !important; } .ml-md-4, .mx-md-4 { margin-left: 1.5rem !important; } .m-md-5 { margin: 3rem !important; } .mt-md-5, .my-md-5 { margin-top: 3rem !important; } .mr-md-5, .mx-md-5 { margin-right: 3rem !important; } .mb-md-5, .my-md-5 { margin-bottom: 3rem !important; } .ml-md-5, .mx-md-5 { margin-left: 3rem !important; } .p-md-0 { padding: 0 !important; } .pt-md-0, .py-md-0 { padding-top: 0 !important; } .pr-md-0, .px-md-0 { padding-right: 0 !important; } .pb-md-0, .py-md-0 { padding-bottom: 0 !important; } .pl-md-0, .px-md-0 { padding-left: 0 !important; } .p-md-1 { padding: 0.25rem !important; } .pt-md-1, .py-md-1 { padding-top: 0.25rem !important; } .pr-md-1, .px-md-1 { padding-right: 0.25rem !important; } .pb-md-1, .py-md-1 { padding-bottom: 0.25rem !important; } .pl-md-1, .px-md-1 { padding-left: 0.25rem !important; } .p-md-2 { padding: 0.5rem !important; } .pt-md-2, .py-md-2 { padding-top: 0.5rem !important; } .pr-md-2, .px-md-2 { padding-right: 0.5rem !important; } .pb-md-2, .py-md-2 { padding-bottom: 0.5rem !important; } .pl-md-2, .px-md-2 { padding-left: 0.5rem !important; } .p-md-3 { padding: 1rem !important; } .pt-md-3, .py-md-3 { padding-top: 1rem !important; } .pr-md-3, .px-md-3 { padding-right: 1rem !important; } .pb-md-3, .py-md-3 { padding-bottom: 1rem !important; } .pl-md-3, .px-md-3 { padding-left: 1rem !important; } .p-md-4 { padding: 1.5rem !important; } .pt-md-4, .py-md-4 { padding-top: 1.5rem !important; } .pr-md-4, .px-md-4 { padding-right: 1.5rem !important; } .pb-md-4, .py-md-4 { padding-bottom: 1.5rem !important; } .pl-md-4, .px-md-4 { padding-left: 1.5rem !important; } .p-md-5 { padding: 3rem !important; } .pt-md-5, .py-md-5 { padding-top: 3rem !important; } .pr-md-5, .px-md-5 { padding-right: 3rem !important; } .pb-md-5, .py-md-5 { padding-bottom: 3rem !important; } .pl-md-5, .px-md-5 { padding-left: 3rem !important; } .m-md-n1 { margin: -0.25rem !important; } .mt-md-n1, .my-md-n1 { margin-top: -0.25rem !important; } .mr-md-n1, .mx-md-n1 { margin-right: -0.25rem !important; } .mb-md-n1, .my-md-n1 { margin-bottom: -0.25rem !important; } .ml-md-n1, .mx-md-n1 { margin-left: -0.25rem !important; } .m-md-n2 { margin: -0.5rem !important; } .mt-md-n2, .my-md-n2 { margin-top: -0.5rem !important; } .mr-md-n2, .mx-md-n2 { margin-right: -0.5rem !important; } .mb-md-n2, .my-md-n2 { margin-bottom: -0.5rem !important; } .ml-md-n2, .mx-md-n2 { margin-left: -0.5rem !important; } .m-md-n3 { margin: -1rem !important; } .mt-md-n3, .my-md-n3 { margin-top: -1rem !important; } .mr-md-n3, .mx-md-n3 { margin-right: -1rem !important; } .mb-md-n3, .my-md-n3 { margin-bottom: -1rem !important; } .ml-md-n3, .mx-md-n3 { margin-left: -1rem !important; } .m-md-n4 { margin: -1.5rem !important; } .mt-md-n4, .my-md-n4 { margin-top: -1.5rem !important; } .mr-md-n4, .mx-md-n4 { margin-right: -1.5rem !important; } .mb-md-n4, .my-md-n4 { margin-bottom: -1.5rem !important; } .ml-md-n4, .mx-md-n4 { margin-left: -1.5rem !important; } .m-md-n5 { margin: -3rem !important; } .mt-md-n5, .my-md-n5 { margin-top: -3rem !important; } .mr-md-n5, .mx-md-n5 { margin-right: -3rem !important; } .mb-md-n5, .my-md-n5 { margin-bottom: -3rem !important; } .ml-md-n5, .mx-md-n5 { margin-left: -3rem !important; } .m-md-auto { margin: auto !important; } .mt-md-auto, .my-md-auto { margin-top: auto !important; } .mr-md-auto, .mx-md-auto { margin-right: auto !important; } .mb-md-auto, .my-md-auto { margin-bottom: auto !important; } .ml-md-auto, .mx-md-auto { margin-left: auto !important; } } @media (min-width: 992px) { .m-lg-0 { margin: 0 !important; } .mt-lg-0, .my-lg-0 { margin-top: 0 !important; } .mr-lg-0, .mx-lg-0 { margin-right: 0 !important; } .mb-lg-0, .my-lg-0 { margin-bottom: 0 !important; } .ml-lg-0, .mx-lg-0 { margin-left: 0 !important; } .m-lg-1 { margin: 0.25rem !important; } .mt-lg-1, .my-lg-1 { margin-top: 0.25rem !important; } .mr-lg-1, .mx-lg-1 { margin-right: 0.25rem !important; } .mb-lg-1, .my-lg-1 { margin-bottom: 0.25rem !important; } .ml-lg-1, .mx-lg-1 { margin-left: 0.25rem !important; } .m-lg-2 { margin: 0.5rem !important; } .mt-lg-2, .my-lg-2 { margin-top: 0.5rem !important; } .mr-lg-2, .mx-lg-2 { margin-right: 0.5rem !important; } .mb-lg-2, .my-lg-2 { margin-bottom: 0.5rem !important; } .ml-lg-2, .mx-lg-2 { margin-left: 0.5rem !important; } .m-lg-3 { margin: 1rem !important; } .mt-lg-3, .my-lg-3 { margin-top: 1rem !important; } .mr-lg-3, .mx-lg-3 { margin-right: 1rem !important; } .mb-lg-3, .my-lg-3 { margin-bottom: 1rem !important; } .ml-lg-3, .mx-lg-3 { margin-left: 1rem !important; } .m-lg-4 { margin: 1.5rem !important; } .mt-lg-4, .my-lg-4 { margin-top: 1.5rem !important; } .mr-lg-4, .mx-lg-4 { margin-right: 1.5rem !important; } .mb-lg-4, .my-lg-4 { margin-bottom: 1.5rem !important; } .ml-lg-4, .mx-lg-4 { margin-left: 1.5rem !important; } .m-lg-5 { margin: 3rem !important; } .mt-lg-5, .my-lg-5 { margin-top: 3rem !important; } .mr-lg-5, .mx-lg-5 { margin-right: 3rem !important; } .mb-lg-5, .my-lg-5 { margin-bottom: 3rem !important; } .ml-lg-5, .mx-lg-5 { margin-left: 3rem !important; } .p-lg-0 { padding: 0 !important; } .pt-lg-0, .py-lg-0 { padding-top: 0 !important; } .pr-lg-0, .px-lg-0 { padding-right: 0 !important; } .pb-lg-0, .py-lg-0 { padding-bottom: 0 !important; } .pl-lg-0, .px-lg-0 { padding-left: 0 !important; } .p-lg-1 { padding: 0.25rem !important; } .pt-lg-1, .py-lg-1 { padding-top: 0.25rem !important; } .pr-lg-1, .px-lg-1 { padding-right: 0.25rem !important; } .pb-lg-1, .py-lg-1 { padding-bottom: 0.25rem !important; } .pl-lg-1, .px-lg-1 { padding-left: 0.25rem !important; } .p-lg-2 { padding: 0.5rem !important; } .pt-lg-2, .py-lg-2 { padding-top: 0.5rem !important; } .pr-lg-2, .px-lg-2 { padding-right: 0.5rem !important; } .pb-lg-2, .py-lg-2 { padding-bottom: 0.5rem !important; } .pl-lg-2, .px-lg-2 { padding-left: 0.5rem !important; } .p-lg-3 { padding: 1rem !important; } .pt-lg-3, .py-lg-3 { padding-top: 1rem !important; } .pr-lg-3, .px-lg-3 { padding-right: 1rem !important; } .pb-lg-3, .py-lg-3 { padding-bottom: 1rem !important; } .pl-lg-3, .px-lg-3 { padding-left: 1rem !important; } .p-lg-4 { padding: 1.5rem !important; } .pt-lg-4, .py-lg-4 { padding-top: 1.5rem !important; } .pr-lg-4, .px-lg-4 { padding-right: 1.5rem !important; } .pb-lg-4, .py-lg-4 { padding-bottom: 1.5rem !important; } .pl-lg-4, .px-lg-4 { padding-left: 1.5rem !important; } .p-lg-5 { padding: 3rem !important; } .pt-lg-5, .py-lg-5 { padding-top: 3rem !important; } .pr-lg-5, .px-lg-5 { padding-right: 3rem !important; } .pb-lg-5, .py-lg-5 { padding-bottom: 3rem !important; } .pl-lg-5, .px-lg-5 { padding-left: 3rem !important; } .m-lg-n1 { margin: -0.25rem !important; } .mt-lg-n1, .my-lg-n1 { margin-top: -0.25rem !important; } .mr-lg-n1, .mx-lg-n1 { margin-right: -0.25rem !important; } .mb-lg-n1, .my-lg-n1 { margin-bottom: -0.25rem !important; } .ml-lg-n1, .mx-lg-n1 { margin-left: -0.25rem !important; } .m-lg-n2 { margin: -0.5rem !important; } .mt-lg-n2, .my-lg-n2 { margin-top: -0.5rem !important; } .mr-lg-n2, .mx-lg-n2 { margin-right: -0.5rem !important; } .mb-lg-n2, .my-lg-n2 { margin-bottom: -0.5rem !important; } .ml-lg-n2, .mx-lg-n2 { margin-left: -0.5rem !important; } .m-lg-n3 { margin: -1rem !important; } .mt-lg-n3, .my-lg-n3 { margin-top: -1rem !important; } .mr-lg-n3, .mx-lg-n3 { margin-right: -1rem !important; } .mb-lg-n3, .my-lg-n3 { margin-bottom: -1rem !important; } .ml-lg-n3, .mx-lg-n3 { margin-left: -1rem !important; } .m-lg-n4 { margin: -1.5rem !important; } .mt-lg-n4, .my-lg-n4 { margin-top: -1.5rem !important; } .mr-lg-n4, .mx-lg-n4 { margin-right: -1.5rem !important; } .mb-lg-n4, .my-lg-n4 { margin-bottom: -1.5rem !important; } .ml-lg-n4, .mx-lg-n4 { margin-left: -1.5rem !important; } .m-lg-n5 { margin: -3rem !important; } .mt-lg-n5, .my-lg-n5 { margin-top: -3rem !important; } .mr-lg-n5, .mx-lg-n5 { margin-right: -3rem !important; } .mb-lg-n5, .my-lg-n5 { margin-bottom: -3rem !important; } .ml-lg-n5, .mx-lg-n5 { margin-left: -3rem !important; } .m-lg-auto { margin: auto !important; } .mt-lg-auto, .my-lg-auto { margin-top: auto !important; } .mr-lg-auto, .mx-lg-auto { margin-right: auto !important; } .mb-lg-auto, .my-lg-auto { margin-bottom: auto !important; } .ml-lg-auto, .mx-lg-auto { margin-left: auto !important; } } @media (min-width: 1200px) { .m-xl-0 { margin: 0 !important; } .mt-xl-0, .my-xl-0 { margin-top: 0 !important; } .mr-xl-0, .mx-xl-0 { margin-right: 0 !important; } .mb-xl-0, .my-xl-0 { margin-bottom: 0 !important; } .ml-xl-0, .mx-xl-0 { margin-left: 0 !important; } .m-xl-1 { margin: 0.25rem !important; } .mt-xl-1, .my-xl-1 { margin-top: 0.25rem !important; } .mr-xl-1, .mx-xl-1 { margin-right: 0.25rem !important; } .mb-xl-1, .my-xl-1 { margin-bottom: 0.25rem !important; } .ml-xl-1, .mx-xl-1 { margin-left: 0.25rem !important; } .m-xl-2 { margin: 0.5rem !important; } .mt-xl-2, .my-xl-2 { margin-top: 0.5rem !important; } .mr-xl-2, .mx-xl-2 { margin-right: 0.5rem !important; } .mb-xl-2, .my-xl-2 { margin-bottom: 0.5rem !important; } .ml-xl-2, .mx-xl-2 { margin-left: 0.5rem !important; } .m-xl-3 { margin: 1rem !important; } .mt-xl-3, .my-xl-3 { margin-top: 1rem !important; } .mr-xl-3, .mx-xl-3 { margin-right: 1rem !important; } .mb-xl-3, .my-xl-3 { margin-bottom: 1rem !important; } .ml-xl-3, .mx-xl-3 { margin-left: 1rem !important; } .m-xl-4 { margin: 1.5rem !important; } .mt-xl-4, .my-xl-4 { margin-top: 1.5rem !important; } .mr-xl-4, .mx-xl-4 { margin-right: 1.5rem !important; } .mb-xl-4, .my-xl-4 { margin-bottom: 1.5rem !important; } .ml-xl-4, .mx-xl-4 { margin-left: 1.5rem !important; } .m-xl-5 { margin: 3rem !important; } .mt-xl-5, .my-xl-5 { margin-top: 3rem !important; } .mr-xl-5, .mx-xl-5 { margin-right: 3rem !important; } .mb-xl-5, .my-xl-5 { margin-bottom: 3rem !important; } .ml-xl-5, .mx-xl-5 { margin-left: 3rem !important; } .p-xl-0 { padding: 0 !important; } .pt-xl-0, .py-xl-0 { padding-top: 0 !important; } .pr-xl-0, .px-xl-0 { padding-right: 0 !important; } .pb-xl-0, .py-xl-0 { padding-bottom: 0 !important; } .pl-xl-0, .px-xl-0 { padding-left: 0 !important; } .p-xl-1 { padding: 0.25rem !important; } .pt-xl-1, .py-xl-1 { padding-top: 0.25rem !important; } .pr-xl-1, .px-xl-1 { padding-right: 0.25rem !important; } .pb-xl-1, .py-xl-1 { padding-bottom: 0.25rem !important; } .pl-xl-1, .px-xl-1 { padding-left: 0.25rem !important; } .p-xl-2 { padding: 0.5rem !important; } .pt-xl-2, .py-xl-2 { padding-top: 0.5rem !important; } .pr-xl-2, .px-xl-2 { padding-right: 0.5rem !important; } .pb-xl-2, .py-xl-2 { padding-bottom: 0.5rem !important; } .pl-xl-2, .px-xl-2 { padding-left: 0.5rem !important; } .p-xl-3 { padding: 1rem !important; } .pt-xl-3, .py-xl-3 { padding-top: 1rem !important; } .pr-xl-3, .px-xl-3 { padding-right: 1rem !important; } .pb-xl-3, .py-xl-3 { padding-bottom: 1rem !important; } .pl-xl-3, .px-xl-3 { padding-left: 1rem !important; } .p-xl-4 { padding: 1.5rem !important; } .pt-xl-4, .py-xl-4 { padding-top: 1.5rem !important; } .pr-xl-4, .px-xl-4 { padding-right: 1.5rem !important; } .pb-xl-4, .py-xl-4 { padding-bottom: 1.5rem !important; } .pl-xl-4, .px-xl-4 { padding-left: 1.5rem !important; } .p-xl-5 { padding: 3rem !important; } .pt-xl-5, .py-xl-5 { padding-top: 3rem !important; } .pr-xl-5, .px-xl-5 { padding-right: 3rem !important; } .pb-xl-5, .py-xl-5 { padding-bottom: 3rem !important; } .pl-xl-5, .px-xl-5 { padding-left: 3rem !important; } .m-xl-n1 { margin: -0.25rem !important; } .mt-xl-n1, .my-xl-n1 { margin-top: -0.25rem !important; } .mr-xl-n1, .mx-xl-n1 { margin-right: -0.25rem !important; } .mb-xl-n1, .my-xl-n1 { margin-bottom: -0.25rem !important; } .ml-xl-n1, .mx-xl-n1 { margin-left: -0.25rem !important; } .m-xl-n2 { margin: -0.5rem !important; } .mt-xl-n2, .my-xl-n2 { margin-top: -0.5rem !important; } .mr-xl-n2, .mx-xl-n2 { margin-right: -0.5rem !important; } .mb-xl-n2, .my-xl-n2 { margin-bottom: -0.5rem !important; } .ml-xl-n2, .mx-xl-n2 { margin-left: -0.5rem !important; } .m-xl-n3 { margin: -1rem !important; } .mt-xl-n3, .my-xl-n3 { margin-top: -1rem !important; } .mr-xl-n3, .mx-xl-n3 { margin-right: -1rem !important; } .mb-xl-n3, .my-xl-n3 { margin-bottom: -1rem !important; } .ml-xl-n3, .mx-xl-n3 { margin-left: -1rem !important; } .m-xl-n4 { margin: -1.5rem !important; } .mt-xl-n4, .my-xl-n4 { margin-top: -1.5rem !important; } .mr-xl-n4, .mx-xl-n4 { margin-right: -1.5rem !important; } .mb-xl-n4, .my-xl-n4 { margin-bottom: -1.5rem !important; } .ml-xl-n4, .mx-xl-n4 { margin-left: -1.5rem !important; } .m-xl-n5 { margin: -3rem !important; } .mt-xl-n5, .my-xl-n5 { margin-top: -3rem !important; } .mr-xl-n5, .mx-xl-n5 { margin-right: -3rem !important; } .mb-xl-n5, .my-xl-n5 { margin-bottom: -3rem !important; } .ml-xl-n5, .mx-xl-n5 { margin-left: -3rem !important; } .m-xl-auto { margin: auto !important; } .mt-xl-auto, .my-xl-auto { margin-top: auto !important; } .mr-xl-auto, .mx-xl-auto { margin-right: auto !important; } .mb-xl-auto, .my-xl-auto { margin-bottom: auto !important; } .ml-xl-auto, .mx-xl-auto { margin-left: auto !important; } } .text-monospace { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; } .text-justify { text-align: justify !important; } .text-wrap { white-space: normal !important; } .text-nowrap { white-space: nowrap !important; } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-center { text-align: center !important; } @media (min-width: 576px) { .text-sm-left { text-align: left !important; } .text-sm-right { text-align: right !important; } .text-sm-center { text-align: center !important; } } @media (min-width: 768px) { .text-md-left { text-align: left !important; } .text-md-right { text-align: right !important; } .text-md-center { text-align: center !important; } } @media (min-width: 992px) { .text-lg-left { text-align: left !important; } .text-lg-right { text-align: right !important; } .text-lg-center { text-align: center !important; } } @media (min-width: 1200px) { .text-xl-left { text-align: left !important; } .text-xl-right { text-align: right !important; } .text-xl-center { text-align: center !important; } } .text-lowercase { text-transform: lowercase !important; } .text-uppercase { text-transform: uppercase !important; } .text-capitalize { text-transform: capitalize !important; } .font-weight-light { font-weight: 300 !important; } .font-weight-lighter { font-weight: lighter !important; } .font-weight-normal { font-weight: 400 !important; } .font-weight-bold { font-weight: 700 !important; } .font-weight-bolder { font-weight: bolder !important; } .font-italic { font-style: italic !important; } .text-white { color: #fff !important; } .text-primary { color: #1177d1 !important; } a.text-primary:hover, a.text-primary:focus { color: #0b4f8a !important; } .text-secondary { color: #e9ecef !important; } a.text-secondary:hover, a.text-secondary:focus { color: #bdc6cf !important; } .text-success, .green, .notifysuccess, .connected { color: #5cb85c !important; } a.text-success:hover, a.green:hover, a.notifysuccess:hover, a.connected:hover, a.text-success:focus, a.green:focus, a.notifysuccess:focus, a.connected:focus { color: #3d8b3d !important; } .text-info, .highlight { color: #5bc0de !important; } a.text-info:hover, a.highlight:hover, a.text-info:focus, a.highlight:focus { color: #28a1c5 !important; } .text-warning, .red, .notifyproblem, .completion-expired, span.flagged-tag, tr.flagged-tag, span.flagged-tag a, tr.flagged-tag a, .moodle-dialogue-exception .param-stacktrace .stacktrace-line, .connecting { color: #f0ad4e !important; } a.text-warning:hover, a.red:hover, a.notifyproblem:hover, a.completion-expired:hover, span.flagged-tag a:hover, tr.flagged-tag a:hover, .moodle-dialogue-exception .param-stacktrace a.stacktrace-line:hover, a.connecting:hover, a.text-warning:focus, a.red:focus, a.notifyproblem:focus, a.completion-expired:focus, span.flagged-tag a:focus, tr.flagged-tag a:focus, .moodle-dialogue-exception .param-stacktrace a.stacktrace-line:focus, a.connecting:focus { color: #df8a13 !important; } .text-danger, .notconnected, .que .validationerror, .text-error { color: #d9534f !important; } a.text-danger:hover, a.notconnected:hover, .que a.validationerror:hover, a.text-error:hover, a.text-danger:focus, a.notconnected:focus, .que a.validationerror:focus, a.text-error:focus { color: #b52b27 !important; } .text-light { color: #f8f9fa !important; } a.text-light:hover, a.text-light:focus { color: #cbd3da !important; } .text-dark, #categoryquestions .highlight { color: #373a3c !important; } a.text-dark:hover, #categoryquestions a.highlight:hover, a.text-dark:focus, #categoryquestions a.highlight:focus { color: #121314 !important; } .text-body { color: #373a3c !important; } .text-muted, a.dimmed, a.dimmed:link, a.dimmed:visited, a.dimmed_text, a.dimmed_text:link, a.dimmed_text:visited, .dimmed_text, .dimmed_text a, .dimmed_text a:link, .dimmed_text a:visited, .usersuspended, .usersuspended a, .usersuspended a:link, .usersuspended a:visited, .dimmed_category, .dimmed_category a, .tag_feed .media .muted a, #page-admin-qtypes .disabled, #page-admin-qbehaviours .disabled, #page-admin-plugins #plugins-control-panel .pluginname .componentname, #page-admin-plugins #plugins-control-panel .version .versionnumber, #page-admin-plugins #plugins-control-panel .notes .requiredby, #plugins-check-page .page-description, #plugins-check-page #plugins-check .requires-ok, #plugins-check-page #plugins-check .displayname .plugindir, #plugins-check-page #plugins-check-available-dependencies .displayname .component, #page-admin-search .adminpagepath li, .block .minicalendar td.weekend, .section .activity .stealth, .course-content .section-summary .section-summary-activities .activity-count, .course-content ul li.section.hidden .sectionname > span, .course-content ul li.section.hidden .content > div.summary, .course-content ul li.section.hidden .activity .activityinstance, #course-category-listings .listitem[data-visible="0"], #course-category-listings .listitem[data-visible="0"] > div > a, #course-category-listings .listing-pagination-totals.dimmed, .fitem.disabled .fp-btn-choose, .form-defaultinfo, .form-label .form-shortname, .formsettingheading .form-horizontal, .no-felement.fstatic, .path-backup .backup_progress .backup_stage { color: #868e96 !important; } .text-black-50 { color: rgba(0, 0, 0, 0.5) !important; } .text-white-50 { color: rgba(255, 255, 255, 0.5) !important; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .text-decoration-none { text-decoration: none !important; } .text-break { word-break: break-word !important; overflow-wrap: break-word !important; } .text-reset { color: inherit !important; } .visible { visibility: visible !important; } .invisible { visibility: hidden !important; } @media print { *, *::before, *::after { text-shadow: none !important; box-shadow: none !important; } a:not(.btn) { text-decoration: underline; } abbr[title]::after { content: " (" attr(title) ")"; } pre { white-space: pre-wrap !important; } pre, blockquote { border: 1px solid #adb5bd; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } @page { size: a3; } body { min-width: 992px !important; } .container { min-width: 992px !important; } .navbar { display: none; } .badge { border: 1px solid #000; } .table, table.collection, table.flexible, .generaltable { border-collapse: collapse !important; } .table td, table.collection td, table.flexible td, .generaltable td, .table th, table.collection th, table.flexible th, .generaltable th { background-color: #fff !important; } .table-bordered th, table.collection th, .table-bordered td, table.collection td { border: 1px solid #dee2e6 !important; } .table-dark { color: inherit; } .table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody { border-color: #dee2e6; } .table .thead-dark th, table.collection .thead-dark th, table.flexible .thead-dark th, .generaltable .thead-dark th { color: inherit; border-color: #dee2e6; } } /* stylelint-disable function-url-scheme-blacklist */ /* stylelint-enable function-url-scheme-blacklist */ .tag, .statusok, .statuswarning, .statusserious, .statuscritical, .que .correctness, .label { display: inline-block; padding: 0.25rem 0.4em; font-size: 75%; font-weight: bold; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.25rem; } .tag:empty, .statusok:empty, .statuswarning:empty, .statusserious:empty, .statuscritical:empty, .que .correctness:empty, .label:empty { display: none; } .form-control-success, .form-control-warning, .maintenancewarning.warning, .form-control-danger, #page-admin-mnet-peers .mform .deletedhostinfo, .maintenancewarning.error { padding-right: 2.25rem; background-repeat: no-repeat; background-position: center right calc(1.5em + 0.75rem + 2px)/4; background-size: calc(1.5em + 0.75rem + 2px)/2 calc(1.5em + 0.75rem + 2px)/2; } .tag-default { background-color: #868e96; } .tag-default[href]:hover, .tag-default[href]:focus { background-color: #6c757d; } .tag-primary { background-color: #1177d1; } .tag-primary[href]:hover, .tag-primary[href]:focus { background-color: #0d5ca2; } .tag-success, .statusok, #page-admin-report-backups-index .backup-skipped, #page-admin-report-backups-index .backup-ok, #page-admin-report-backups-index .backup-notyetrun { background-color: #5cb85c; } .tag-success[href]:hover, .statusok[href]:hover, #page-admin-report-backups-index .backup-skipped[href]:hover, #page-admin-report-backups-index .backup-ok[href]:hover, #page-admin-report-backups-index .backup-notyetrun[href]:hover, .tag-success[href]:focus, .statusok[href]:focus, #page-admin-report-backups-index .backup-skipped[href]:focus, #page-admin-report-backups-index .backup-ok[href]:focus, #page-admin-report-backups-index .backup-notyetrun[href]:focus { background-color: #449d44; } .tag-info, #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity200 .info.release { background-color: #5bc0de; } .tag-info[href]:hover, #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity200 .info.release[href]:hover, .tag-info[href]:focus, #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity200 .info.release[href]:focus { background-color: #31b0d5; } .tag-warning, .statuswarning, #page-admin-report-backups-index .backup-warning, #page-admin-index .updateplugin .updatepluginconfirmexternal, #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity100 .info.release, #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity150 .info.release { background-color: #ff7518; } .tag-warning[href]:hover, .statuswarning[href]:hover, #page-admin-report-backups-index .backup-warning[href]:hover, #page-admin-index .updateplugin .updatepluginconfirmexternal[href]:hover, #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity100 .info.release[href]:hover, #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity150 .info.release[href]:hover, .tag-warning[href]:focus, .statuswarning[href]:focus, #page-admin-report-backups-index .backup-warning[href]:focus, #page-admin-index .updateplugin .updatepluginconfirmexternal[href]:focus, #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity100 .info.release[href]:focus, #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity150 .info.release[href]:focus { background-color: #e45c00; } .tag-danger, .statusserious, .statuscritical, #page-admin-report-backups-index .backup-error, #page-admin-report-backups-index .backup-unfinished, #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity50 .info.release { background-color: #d9534f; } .tag-danger[href]:hover, .statusserious[href]:hover, .statuscritical[href]:hover, #page-admin-report-backups-index .backup-error[href]:hover, #page-admin-report-backups-index .backup-unfinished[href]:hover, #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity50 .info.release[href]:hover, .tag-danger[href]:focus, .statusserious[href]:focus, .statuscritical[href]:focus, #page-admin-report-backups-index .backup-error[href]:focus, #page-admin-report-backups-index .backup-unfinished[href]:focus, #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity50 .info.release[href]:focus { background-color: #c9302c; } .custom-select { width: auto; } .fade.in { opacity: 1; } .m-a-0 { margin: 0 !important; } .m-t-0, .m-y-0 { margin-top: 0 !important; } .m-r-0, .m-x-0 { margin-right: 0 !important; } .m-b-0, .m-y-0 { margin-bottom: 0 !important; } .m-l-0, .m-x-0 { margin-left: 0 !important; } .m-a-1 { margin: 1rem !important; } .m-t-1, .m-y-1 { margin-top: 1rem !important; } .m-r-1, .m-x-1 { margin-right: 1rem !important; } .m-b-1, .m-y-1 { margin-bottom: 1rem !important; } .m-l-1, .m-x-1 { margin-left: 1rem !important; } .m-a-2 { margin: 2rem !important; } .m-t-2, .m-y-2 { margin-top: 2rem !important; } .m-r-2, .m-x-2 { margin-right: 2rem !important; } .m-b-2, .m-y-2 { margin-bottom: 2rem !important; } .m-l-2, .m-x-2 { margin-left: 2rem !important; } .m-a-3 { margin: 3rem !important; } .m-t-3, .m-y-3 { margin-top: 3rem !important; } .m-r-3, .m-x-3 { margin-right: 3rem !important; } .m-b-3, .m-y-3 { margin-bottom: 3rem !important; } .m-l-3, .m-x-3 { margin-left: 3rem !important; } .p-a-0 { padding: 0 !important; } .p-t-0, .p-y-0 { padding-top: 0 !important; } .p-r-0, .p-x-0 { padding-right: 0 !important; } .p-b-0, .p-y-0 { padding-bottom: 0 !important; } .p-l-0, .p-x-0 { padding-left: 0 !important; } .p-a-1 { padding: 1rem !important; } .p-t-1, .p-y-1 { padding-top: 1rem !important; } .p-r-1, .p-x-1 { padding-right: 1rem !important; } .p-b-1, .p-y-1 { padding-bottom: 1rem !important; } .p-l-1, .p-x-1 { padding-left: 1rem !important; } .p-a-2 { padding: 2rem !important; } .p-t-2, .p-y-2 { padding-top: 2rem !important; } .p-r-2, .p-x-2 { padding-right: 2rem !important; } .p-b-2, .p-y-2 { padding-bottom: 2rem !important; } .p-l-2, .p-x-2 { padding-left: 2rem !important; } .p-a-3 { padding: 3rem !important; } .p-t-3, .p-y-3 { padding-top: 3rem !important; } .p-r-3, .p-x-3 { padding-right: 3rem !important; } .p-b-3, .p-y-3 { padding-bottom: 3rem !important; } .p-l-3, .p-x-3 { padding-left: 3rem !important; } input[disabled] { cursor: not-allowed; } .row-fluid { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } /** * Bootstrap overrides for RTL * * This file is only for overriding sass from upstream bootstrap, all general rtl fixes for * moodle scss should be placed immediately after the definition of the ltr rule. */ .breadcrumb-item + .breadcrumb-item::before { content: "/"; content: "/"; } .dir-rtl .custom-select { background-position: 0.75rem center; } /* core.less */ #region-main { overflow-x: auto; overflow-y: visible; border: 1px solid rgba(0, 0, 0, 0.125); border-radius: 0.25rem; padding: 1.25rem; background-color: #fff; } .context-header-settings-menu, .region-main-settings-menu { float: right; width: auto; max-width: 4em; height: 2em; display: block; margin-top: 4px; margin-right: 30px; } .context-header-settings-menu .dropdown-toggle > .icon, #region-main-settings-menu .dropdown-toggle > .icon { height: 24px; font-size: 24px; width: auto; } /** Prevent user notifications overlapping with region main settings menu */ #user-notifications { display: block; overflow: hidden; } /** Page layout CSS starts **/ .layout-option-noheader #page-header, .layout-option-nonavbar #page-navbar, .layout-option-nofooter #page-footer, .layout-option-nocourseheader .course-content-header, .layout-option-nocoursefooter .course-content-footer { display: none; } /** Page layout CSS ends **/ .mdl-left { text-align: left; } .mdl-right { text-align: right; } .text-ltr { direction: ltr !important; } #add, #remove, .centerpara, .mdl-align { text-align: center; } .unlist, .unlist li, .inline-list, .inline-list li, .block .list, .block .list li, .section li.activity, .section li.movehere, .tabtree li { list-style: none; margin: 0; padding: 0; } .inline, .inline-list li { display: inline; } .notifytiny { font-size: 0.703125rem; } .notifytiny li, .notifytiny td { font-size: 100%; } .fitem.advanced .text-info, .fitem.advanced .highlight { font-weight: bold; } .reportlink { text-align: right; } a.autolink.glossary:hover { cursor: help; } /* Block which is hidden if javascript enabled, prevents fickering visible when JS from footer used! */ .collapsibleregioncaption { white-space: nowrap; min-height: 1.40625rem; } .pagelayout-mydashboard.jsenabled .collapsibleregioncaption { cursor: pointer; } .pagelayout-mydashboard #region-main { border: 0; padding: 0; background-color: transparent; margin-top: -1px; } .collapsibleregioncaption img { vertical-align: middle; } .jsenabled .hiddenifjs { display: none; } .visibleifjs { display: none; } .jsenabled .visibleifjs { display: inline; } .jsenabled .collapsibleregion { overflow: hidden; box-sizing: content-box; } .jsenabled .collapsed .collapsibleregioninner { visibility: hidden; } .collapsible-actions { display: none; text-align: right; } .jsenabled .collapsible-actions { display: block; } .collapsible-actions .collapseexpand { padding-left: 20px; background: url([[pix:t/collapsed]]) 2px center no-repeat; } .collapsible-actions .collapse-all { background-image: url([[pix:t/expanded]]); } .yui-overlay .yui-widget-bd { background-color: #ffee69; border: 1px solid #a6982b; border-top-color: #d4c237; color: #000; left: 0; padding: 2px 5px; position: relative; top: 0; z-index: 1; } .clearer { background: transparent; border-width: 0; clear: both; display: block; height: 1px; margin: 0; padding: 0; } .bold, .warning, .errorbox .title, .pagingbar .title, .pagingbar .thispage { font-weight: bold; } img.userpicture { margin-right: 0.5rem; } img.resize { height: 1em; width: 1em; } .action-menu .dropdown-toggle { text-decoration: none; } .action-menu { white-space: nowrap; } .block img.resize { height: 0.9em; width: 0.8em; } /* Icon styles */ img.activityicon { height: 24px; width: 24px; vertical-align: middle; } .headermain { font-weight: bold; } #maincontent { display: block; height: 1px; overflow: hidden; } img.uihint { cursor: help; } #addmembersform table { margin-left: auto; margin-right: auto; } table.flexible .emptyrow { display: none; } form.popupform, form.popupform div { display: inline; } .arrow_button input { overflow: hidden; } .no-overflow { overflow: auto; } .no-overflow > .generaltable { position: relative; margin-bottom: 0; min-height: 10em; } .accesshide { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } span.hide, div.hide, .hidden { display: none; } a.skip-block, a.skip { position: absolute; top: -1000em; font-size: 0.85em; text-decoration: none; } a.skip-block:focus, a.skip-block:active, a.skip:focus, a.skip:active { position: static; display: block; } .skip-block-to { display: block; height: 1px; overflow: hidden; } .addbloglink { text-align: center; } .blog_entry .audience { text-align: right; padding-right: 4px; } .blog_entry .tags { margin-top: 15px; } .blog_entry .content { margin-left: 43px; } #doc-contents h1 { margin: 1em 0 0 0; } #doc-contents ul { margin: 0; padding: 0; width: 90%; } #doc-contents ul li { list-style-type: none; } .groupmanagementtable td { vertical-align: top; } .groupmanagementtable #existingcell, .groupmanagementtable #potentialcell { width: 42%; } .groupmanagementtable #buttonscell { width: 16%; } .groupmanagementtable #buttonscell p.arrow_button input { width: auto; min-width: 80%; margin: 0 auto; } .groupmanagementtable #removeselect_wrapper, .groupmanagementtable #addselect_wrapper { width: 100%; } .groupmanagementtable #removeselect_wrapper label, .groupmanagementtable #addselect_wrapper label { font-weight: normal; } #group-usersummary { width: 14em; } .groupselector { margin-top: 3px; margin-bottom: 3px; display: inline-block; } .groupselector label { display: inline-block; } .login-page [name="username"] { margin-bottom: -1px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .login-page [type="password"] { margin-bottom: 10px; border-top-left-radius: 0; border-top-right-radius: 0; } .notepost { margin-bottom: 1em; } .notepost .userpicture { float: left; margin-right: 5px; } .notepost .content, .notepost .footer { clear: both; } .notesgroup { margin-left: 20px; } .path-my .coursebox { margin: 1rem 0; padding: 0; } .path-my .coursebox .overview { margin: 15px 30px 10px 30px; } .path-my .coursebox .info { float: none; margin: 0; } .mod_introbox { padding: 10px; } table.mod_index { width: 100%; } .comment-ctrl { font-size: 12px; display: none; margin: 0; padding: 0; } .comment-ctrl h5 { margin: 0; padding: 5px; } .comment-area { max-width: 400px; padding: 5px; } .comment-area textarea { width: 100%; overflow: auto; } .comment-area textarea.fullwidth { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .comment-area .fd { text-align: right; } .comment-meta span { color: gray; } .comment-link img { vertical-align: text-bottom; } .comment-list { font-size: 11px; overflow: auto; list-style: none; padding: 0; margin: 0; } .comment-list li { margin: 2px; list-style: none; margin-bottom: 5px; clear: both; padding: .3em; position: relative; } .comment-list li.first { display: none; } .comment-paging { text-align: center; } .comment-paging .pageno { padding: 2px; } .comment-paging .curpage { border: 1px solid #ccc; } .comment-message .picture { width: 20px; float: left; } .comment-message .text { margin: 0; padding: 0; } .comment-message .text p { padding: 0; margin: 0 18px 0 0; } .comment-delete { position: absolute; top: 0; right: 0; margin: .3em; } .comment-report-selectall { display: none; } .comment-link { display: none; } .jsenabled .comment-link { display: block; } .jsenabled .showcommentsnonjs { display: none; } .jsenabled .comment-report-selectall { display: inline; } /** * Completion progress report */ .completion-expected { font-size: 0.703125rem; } .completion-sortchoice, .completion-identifyfield { font-size: 0.703125rem; vertical-align: bottom; } .completion-progresscell { text-align: right; } .completion-expired .completion-expected { font-weight: bold; } /** * Tags */ img.user-image { height: 100px; width: 100px; } #tag-search-box { text-align: center; margin: 10px auto; } .path-tag .tag-index-items .tagarea { border: 1px solid #e3e3e3; border-radius: 4px; padding: 10px; margin-top: 10px; } .path-tag .tag-index-items .tagarea h3 { display: block; padding: 3px 0 10px 0; margin: 0; font-size: 1.1em; font-weight: bold; line-height: 20px; color: #999; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); text-transform: uppercase; word-wrap: break-word; border-bottom: solid 1px #e3e3e3; margin-bottom: 10px; } .path-tag .tagarea .controls::after, .path-tag .tagarea .taggeditems::after { display: block; clear: both; content: ""; } .path-tag .tagarea .controls, .path-tag .tag-backtoallitems { text-align: center; } .path-tag .tagarea .controls .gotopage.nextpage { float: right; } .path-tag .tagarea .controls .gotopage.prevpage { float: left; } .path-tag .tagarea .controls .exclusivemode { display: inline-block; } .path-tag .tagarea .controls.controls-bottom { margin-top: 5px; } .path-tag .tagarea .controls .gotopage.nextpage::after { padding-right: 5px; padding-left: 5px; content: "»"; } .path-tag .tagarea .controls .gotopage.prevpage::before { padding-right: 5px; padding-left: 5px; content: "«"; } .tag-management-table td, .tag-management-table th { vertical-align: middle; padding: 4px; } .tag-management-table .inplaceeditable.inplaceeditingon input { width: 150px; } .path-admin-tag .addstandardtags { float: right; } .path-admin-tag .addstandardtags img { margin: 0 5px; } .path-tag .tag-relatedtags { padding-top: 10px; } .path-tag .tag-management-box { text-align: right; } .path-tag .tag-index-toc { padding: 10px; text-align: center; } .path-tag .tag-index-toc li, .path-tag .tag-management-box li { margin-left: 5px; margin-right: 5px; } .path-tag .tag-management-box li a.edittag { background-image: url([[pix:moodle|i/settings]]); } .path-tag .tag-management-box li a.flagasinappropriate { background-image: url([[pix:moodle|i/flagged]]); } .path-tag .tag-management-box li a.removefrommyinterests { background-image: url([[pix:moodle|t/delete]]); } .path-tag .tag-management-box li a.addtomyinterests { background-image: url([[pix:moodle|t/add]]); } .path-tag .tag-management-box li a { background-repeat: no-repeat; background-position: left; padding-left: 17px; } .tag_feed.media-list .media .itemimage { float: left; } .tag_feed.media-list .media .itemimage img { height: 35px; width: 35px; } .tag_feed.media-list .media .media-body { padding-right: 10px; padding-left: 10px; } .tag_cloud { text-align: center; } .tag_cloud .inline-list li { padding: 0 0.2em; } .tag_cloud .tag_overflow { margin-top: 1em; font-style: italic; } .tag_cloud .s20 { font-size: 2.7em; } .tag_cloud .s19 { font-size: 2.6em; } .tag_cloud .s18 { font-size: 2.5em; } .tag_cloud .s17 { font-size: 2.4em; } .tag_cloud .s16 { font-size: 2.3em; } .tag_cloud .s15 { font-size: 2.2em; } .tag_cloud .s14 { font-size: 2.1em; } .tag_cloud .s13 { font-size: 2em; } .tag_cloud .s12 { font-size: 1.9em; } .tag_cloud .s11 { font-size: 1.8em; } .tag_cloud .s10 { font-size: 1.7em; } .tag_cloud .s9 { font-size: 1.6em; } .tag_cloud .s8 { font-size: 1.5em; } .tag_cloud .s7 { font-size: 1.4em; } .tag_cloud .s6 { font-size: 1.3em; } .tag_cloud .s5 { font-size: 1.2em; } .tag_cloud .s4 { font-size: 1.1em; } .tag_cloud .s3 { font-size: 1em; } .tag_cloud .s2 { font-size: 0.9em; } .tag_cloud .s1 { font-size: 0.8em; } .tag_cloud .s0 { font-size: 0.7em; } .tag_list ul { display: inline; } .tag_list.hideoverlimit .overlimit { display: none; } .tag_list .tagmorelink { display: none; } .tag_list.hideoverlimit .tagmorelink { display: inline; } .tag_list.hideoverlimit .taglesslink { display: none; } /** * Web Service */ #webservice-doc-generator td { text-align: left; border: 0 solid black; } /** * Enrol */ .userenrolment { width: 100%; border-collapse: collapse; } .userenrolment tr { vertical-align: top; } .userenrolment td { padding: 0; height: 41px; } .userenrolment .subfield { margin-right: 5px; } .userenrolment .col_userdetails .subfield { margin-left: 40px; } .userenrolment .col_userdetails .subfield_picture { float: left; margin-left: 0; } .userenrolment .col_lastseen { width: 150px; } .userenrolment .col_role { width: 262px; } .userenrolment .col_role .roles, .userenrolment .col_group .groups { margin-right: 30px; } .userenrolment .col_role .role { float: left; padding: 0 3px 3px; margin: 0 3px 3px; white-space: nowrap; } .userenrolment .col_group .group { float: left; padding: 3px; margin: 3px; white-space: nowrap; } .userenrolment .col_role .role a, .userenrolment .col_group .group a { margin-left: 3px; cursor: pointer; } .userenrolment .col_role .addrole, .userenrolment .col_group .addgroup { float: right; padding: 3px; margin: 3px; } .userenrolment .col_role .addrole > a:hover, .userenrolment .col_group .addgroup > a:hover { border-bottom: 1px solid #666; } .userenrolment .col_role .addrole img, .userenrolment .col_group .addgroup img { vertical-align: baseline; } .userenrolment .hasAllRoles .col_role .addrole { display: none; } .userenrolment .col_enrol .enrolment { float: left; padding: 0 3px 3px; margin: 0 3px 3px; } .userenrolment .col_enrol .enrolment a { float: right; margin-left: 3px; } #page-enrol-users .enrol_user_buttons { text-align: right; } #page-enrol-users .enrol-users-page-action input { margin-left: 0; } .corelightbox { background-color: #ccc; position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; } .corelightbox img { position: fixed; top: 50%; left: 50%; } .mod-indent-outer { display: table; } .mod-indent { display: table-cell; } .label .mod-indent { float: left; padding-top: 20px; } /* Creates a series of .mod-indent-# rule declarations based on indent size and number of indent levels. */ .mod-indent-1 { width: 30px; } .mod-indent-2 { width: 60px; } .mod-indent-3 { width: 90px; } .mod-indent-4 { width: 120px; } .mod-indent-5 { width: 150px; } .mod-indent-6 { width: 180px; } .mod-indent-7 { width: 210px; } .mod-indent-8 { width: 240px; } .mod-indent-9 { width: 270px; } .mod-indent-10 { width: 300px; } .mod-indent-11 { width: 330px; } .mod-indent-12 { width: 360px; } .mod-indent-13 { width: 390px; } .mod-indent-14 { width: 420px; } .mod-indent-15 { width: 450px; } .mod-indent-16 { width: 480px; } .mod-indent-huge { width: 480px; } /* Audio player size in 'block' mode (can only change width, height is hardcoded in JS) */ .resourcecontent .mediaplugin_mp3 object { height: 25px; width: 600px; } .resourcecontent audio.mediaplugin_html5audio { width: 600px; } /** Large resource images should avoid hidden overflow **/ .resourceimage { max-width: 100%; } /* Audio player size in 'inline' mode (can only change width, as above) */ .mediaplugin_mp3 object { height: 15px; width: 300px; } audio.mediaplugin_html5audio { width: 300px; } /* TinyMCE moodle media preview frame should not have padding */ .core_media_preview.pagelayout-embedded #content { padding: 0; } .core_media_preview.pagelayout-embedded #maincontent { height: 0; } body#page-lib-editor-tinymce-plugins-moodlemedia-preview { padding: 0; margin: 0; min-width: 0; background: none; } .path-rating .ratingtable { width: 100%; margin-bottom: 1em; } .path-rating .ratingtable th.rating { width: 100%; } .path-rating .ratingtable td.rating, .path-rating .ratingtable td.time { white-space: nowrap; text-align: center; } /* Moodle Dialogue Settings (moodle-core-dialogue) */ .moodle-dialogue-base .moodle-dialogue-lightbox { background-color: #495057; } .pagelayout-popup .moodle-dialogue-base .moodle-dialogue-lightbox { background-color: transparent; } .pagelayout-popup .moodle-dialogue-base .moodle-dialogue { box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.2); } .moodle-dialogue-base .hidden, .moodle-dialogue-base .moodle-dialogue-hidden { display: none; } .no-scrolling { overflow: hidden; } .moodle-dialogue-base .moodle-dialogue-fullscreen { left: 0; top: 0; right: 0; bottom: -50px; position: fixed; } .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-content { overflow: auto; } .moodle-dialogue-base .moodle-dialogue-fullscreen .closebutton { width: 28px; height: 16px; background-size: 100%; } .moodle-dialogue-base .moodle-dialogue-wrap { background-color: #fff; border: 1px solid #ccc; } .modal.show { display: block; } .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd.yui3-widget-hd { min-height: 3rem; color: initial; background: initial; font-size: 1.5rem; line-height: 1.5; } .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd h1 { font-size: 1.5rem; } .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd .yui3-widget-buttons { padding: 1rem; } .moodle-dialogue-base .closebutton { box-shadow: none; } .moodle-dialogue-base .closebutton::after { content: "×"; } .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-bd { padding: 0.5rem; } .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-content { overflow: auto; position: absolute; top: 0; bottom: 50px; left: 0; right: 0; margin: 0; border: 0; } .moodle-dialogue-exception .moodle-exception-param label { font-weight: bold; } .moodle-dialogue-exception .param-stacktrace label { background-color: #eee; border: 1px solid #ccc; border-bottom-width: 0; } .moodle-dialogue-exception .param-stacktrace pre { border: 1px solid #ccc; background-color: #fff; } .moodle-dialogue-exception .param-stacktrace .stacktrace-file { color: navy; font-size: 0.8203125rem; } .moodle-dialogue-exception .param-stacktrace .stacktrace-line { font-size: 0.8203125rem; } .moodle-dialogue-exception .param-stacktrace .stacktrace-call { color: #333; font-size: 90%; border-bottom: 1px solid #eee; } .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-content .moodle-dialogue-ft:empty { display: none; } .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-content .moodle-dialogue-ft.yui3-widget-ft { background: initial; } .moodle-dialogue-confirm .confirmation-message { margin: 0.5rem 0; } .moodle-dialogue-confirm .confirmation-dialogue input { min-width: 80px; } .moodle-dialogue-exception .moodle-exception-message { margin: 1em; } .moodle-dialogue-exception .moodle-exception-param { margin-bottom: 0.5em; } .moodle-dialogue-exception .moodle-exception-param label { width: 150px; } .moodle-dialogue-exception .param-stacktrace label { display: block; margin: 0; padding: 4px 1em; } .moodle-dialogue-exception .param-stacktrace pre { display: block; height: 200px; overflow: auto; } .moodle-dialogue-exception .param-stacktrace .stacktrace-file { display: inline-block; margin: 4px 0; } .moodle-dialogue-exception .param-stacktrace .stacktrace-line { display: inline-block; width: 50px; margin: 4px 1em; } .moodle-dialogue-exception .param-stacktrace .stacktrace-call { padding-left: 25px; margin-bottom: 4px; padding-bottom: 4px; } .moodle-dialogue .moodle-dialogue-bd .content-lightbox { opacity: 0.75; width: 100%; height: 100%; top: 0; left: 0; background-color: white; text-align: center; padding: 10% 0; } /* Apply a default max-height on tooltip text */ .moodle-dialogue .tooltiptext { max-height: 300px; } .moodle-dialogue-base .moodle-dialogue.moodle-dialogue-tooltip { z-index: 3001; } .moodle-dialogue-base .moodle-dialogue.moodle-dialogue-tooltip .moodle-dialogue-bd { overflow: auto; } /** * Chooser Dialogues (moodle-core-chooserdialogue) * * This CSS belong to the chooser dialogue which should work both with, and * without javascript enabled */ /* Hide the dialog and it's title */ .chooserdialoguebody, .choosertitle { display: none; } .moodle-dialogue.chooserdialogue .moodle-dialogue-content .moodle-dialogue-ft { margin: 0; } .chooserdialogue .moodle-dialogue-wrap .moodle-dialogue-bd { padding: 0; background: #f2f2f2; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; } /* Center the submit buttons within the area */ .choosercontainer #chooseform .submitbuttons { padding: 0.7em 0; text-align: right; } /* Fixed for safari browser on iPhone4S with ios7@mixin */ @media (max-height: 639px) { .ios .choosercontainer #chooseform .submitbuttons { padding: 45px 0; } } .choosercontainer #chooseform .submitbuttons input { min-width: 100px; margin: 0 0.5em; } /* Various settings for the options area */ .choosercontainer #chooseform .options { position: relative; border-bottom: 1px solid #bbb; } /* Only set these options if we're showing the js container */ .jschooser .choosercontainer #chooseform .alloptions { overflow-x: hidden; overflow-y: auto; max-width: 240px; } .jschooser .choosercontainer #chooseform .alloptions .option input[type=radio] { display: inline-block; } .jschooser .choosercontainer #chooseform .alloptions .option .typename { display: inline-block; width: 55%; } /* Settings for option rows and option subtypes */ .choosercontainer #chooseform .moduletypetitle, .choosercontainer #chooseform .option, .choosercontainer #chooseform .nonoption { margin-bottom: 0; padding: 0 1.6em 0 1.6em; } .choosercontainer #chooseform .moduletypetitle { text-transform: uppercase; padding-top: 1.2em; padding-bottom: 0.4em; } .choosercontainer #chooseform .option .typename, .choosercontainer #chooseform .nonoption .typename { padding: 0 0 0 0.5em; } .choosercontainer #chooseform .modicon + .typename { padding-left: 0; } .choosercontainer #chooseform .option input[type=radio], .choosercontainer #chooseform .option span.typename { vertical-align: middle; } .choosercontainer #chooseform .option label { display: block; margin: 0; padding: 0.5rem 0; border-bottom: 1px solid #fff; } .choosercontainer #chooseform .option .icon { margin: 0; padding: 0 1rem; } .choosercontainer #chooseform .nonoption { padding-left: 2.7em; padding-top: 0.3em; padding-bottom: 0.1em; } .choosercontainer #chooseform .subtype { margin-bottom: 0; padding: 0 1.6em 0 3.2em; } .choosercontainer #chooseform .subtype .typename { margin: 0 0 0 0.2em; } /* The instruction/help area */ .jschooser .choosercontainer #chooseform .instruction, .jschooser .choosercontainer #chooseform .typesummary { display: none; position: absolute; top: 0; right: 0; bottom: 0; left: 240px; margin: 0; padding: 1.6em; background-color: #fff; overflow-x: hidden; overflow-y: auto; line-height: 2em; } /* Selected option settings */ .jschooser .choosercontainer #chooseform .instruction, .choosercontainer #chooseform .selected .typesummary { display: block; } .choosercontainer #chooseform .selected { background-color: #fff; margin-top: -1px; padding-top: 1px; } .chooserdialogue-course-modchooser .modicon .icon { width: 24px; height: 24px; font-size: 24px; } @media (max-width: 575.98px) { .jsenabled .choosercontainer #chooseform .alloptions { max-width: 100%; } .jsenabled .choosercontainer #chooseform .instruction, .jsenabled .choosercontainer #chooseform .typesummary { position: static; } } /* Form element: listing */ .formlistingradio { padding-bottom: 25px; padding-right: 10px; } .formlistinginputradio { float: left; } .formlistingmain { min-height: 225px; } .formlisting { position: relative; margin: 15px 0; padding: 1px 19px 14px; background-color: white; border: 1px solid #ddd; border-radius: 4px; } .formlistingmore { position: absolute; cursor: pointer; bottom: -1px; right: -1px; padding: 3px 7px; font-size: 12px; font-weight: bold; background-color: whitesmoke; border: 1px solid #ddd; color: #9da0a4; border-radius: 4px 0 4px 0; } .formlistingall { margin: 15px 0; padding: 0; border-radius: 4px; } .formlistingrow { cursor: pointer; border-bottom: 1px solid; border-color: #e1e1e8; border-left: 1px solid #e1e1e8; border-right: 1px solid #e1e1e8; background-color: #f7f7f9; border-radius: 0 0 4px 4px; padding: 6px; top: 50%; left: 50%; min-height: 34px; float: left; width: 150px; } body.jsenabled .formlistingradio { display: none; } body.jsenabled .formlisting { display: block; } /* Badges styles */ a.criteria-action { padding: 0 3px; float: right; } div.criteria-description { padding: 10px 15px; margin: 5px 0; background: none repeat scroll 0 0 #f9f9f9; border: 1px solid #eee; } ul.badges { margin: 0; list-style: none; } .badges li { position: relative; display: inline-block; padding-top: 1em; text-align: center; vertical-align: top; width: 150px; } .badges li .badge-name { display: block; padding: 5px; } .badges li > img { position: absolute; } .badges li .badge-image { width: 100px; height: 100px; left: 10px; top: 0; z-index: 1; } .badges li .badge-actions { position: relative; } .badges li .expireimage { width: 100px; height: 100px; left: 25px; top: 0; position: absolute; z-index: 10; opacity: 0.85; } #badge-image { background-color: transparent; padding: 0; position: relative; min-width: 100px; width: 20%; display: inline-block; vertical-align: top; margin-top: 17px; margin-bottom: 20px; } #badge-image .expireimage { width: 100px; height: 100px; left: 0; top: 0; opacity: 0.85; position: absolute; z-index: 10; } #badge-image .singlebutton { padding-top: 5px; display: block; } #badge-image .singlebutton button { margin-left: 4px; } #badge-details { display: inline-block; width: 79%; } #badge-overview dl, #badge-details dl { margin: 0; } #badge-overview dl dt, #badge-overview dl dd, #badge-details dl dt, #badge-details dl dd { vertical-align: top; padding: 3px 0; } #badge-overview dl dt, #badge-details dl dt { clear: both; display: inline-block; width: 20%; min-width: 100px; } #badge-overview dl dd, #badge-details dl dd { display: inline-block; width: 79%; margin-left: 1%; } .badge-profile { vertical-align: top; } #page-badges-award .recipienttable tr td { vertical-align: top; } #page-badges-award .recipienttable tr td.actions .actionbutton { margin: 0.3em 0; padding: 0.5em 0; width: 100%; } #page-badges-award .recipienttable tr td.existing, #page-badges-award .recipienttable tr td.potential { width: 42%; } #issued-badge-table .activatebadge { display: inline-block; } .statusbox.active { background-color: #def1de; } .statusbox.inactive { background-color: #fcefdc; } .statusbox { text-align: center; margin-bottom: 5px; padding: 5px; } .statusbox .activatebadge { display: inline-block; } .statusbox .activatebadge input[type=submit] { margin: 3px; } .activatebadge { margin: 0; text-align: left; vertical-align: middle; } img#persona_signin { cursor: pointer; } .addcourse { float: right; } .invisiblefieldset { display: inline; padding: 0; border-width: 0; } /** Page header */ #page-header .logo { margin: 1rem 0; } #page-header .logo img { max-height: 75px; } /** Navbar logo. */ nav.navbar .logo img { max-height: 35px; } /** Header-bar styles **/ .page-context-header { overflow: hidden; } .page-context-header .page-header-image, .page-context-header .page-header-headings { float: left; display: block; position: relative; } .page-context-header .page-header-image { margin-right: 1em; margin-bottom: 1em; } .page-context-header .page-header-headings, .page-context-header .header-button-group { position: relative; line-height: 24px; vertical-align: middle; } .page-context-header .header-button-group { display: block; float: left; } .page-context-header .header-button-group a { position: relative; top: -0.4em; } ul.dragdrop-keyboard-drag li { list-style-type: none; } a.disabled:hover, a.disabled { text-decoration: none; cursor: default; font-style: italic; color: #808080; } body.lockscroll { height: 100%; overflow: hidden; } .progressbar_container { max-width: 500px; margin: 0 auto; } /* IE10 only fix for calendar titling */ .ie10 .yui3-calendar-header-label { display: inline-block; } dd:before, dd:after { display: block; content: " "; } dd:after { clear: both; } .nav-tabs > .active > a[href], .nav-tabs > .active > a[href]:hover, .nav-tabs > .active > a[href]:focus { cursor: pointer; } .inplaceeditable.inplaceeditingon { position: relative; } .inplaceeditable.inplaceeditingon .editinstructions { margin-top: -30px; font-weight: normal; margin-right: 0; margin-left: 0; left: 0; right: auto; white-space: nowrap; } .inplaceeditable.inplaceeditingon input { width: 330px; vertical-align: text-bottom; margin-bottom: 0; } .inplaceeditable.inplaceeditingon select { margin-bottom: 0; } .inplaceeditable .quickediticon img { opacity: 0.2; } .inplaceeditable .quickeditlink { color: inherit; text-decoration: inherit; } .inplaceeditable:hover .quickeditlink .quickediticon img, .inplaceeditable .quickeditlink:focus .quickediticon img { opacity: 1; } .inplaceeditable.inplaceeditable-toggle .quickediticon { display: none; } .inplaceeditable.inplaceeditable-autocomplete { display: block; } h3.sectionname .inplaceeditable.inplaceeditingon .editinstructions { margin-top: -20px; } /** Chart area. */ .chart-area .chart-table-data { display: none; } .chart-area .chart-table { /** When accessible, we display the table only. */ } .chart-area .chart-table .chart-output-htmltable caption { white-space: nowrap; } .chart-area .chart-table.accesshide .chart-table-expand { display: none; } .chart-area .chart-table.accesshide .chart-table-data { display: block; } ul { padding-left: 1rem; } .hover-tooltip-container { position: relative; } .hover-tooltip-container .hover-tooltip { opacity: 0; visibility: hidden; position: absolute; left: 50%; top: calc(-50% - 5px); transform: translate(-50%, -50%); background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: .3rem; box-sizing: border-box; padding: 5px; white-space: nowrap; transition: opacity 0.15s, visibility 0.15s; z-index: 1000; } .hover-tooltip-container .hover-tooltip:before { content: ''; display: inline-block; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid rgba(0, 0, 0, 0.2); position: absolute; bottom: -8px; left: calc(50% - 8px); } .hover-tooltip-container .hover-tooltip:after { content: ''; display: inline-block; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid #fff; position: absolute; bottom: -6px; left: calc(50% - 7px); z-index: 2; } .hover-tooltip-container:hover .hover-tooltip { opacity: 1; visibility: visible; transition: opacity 0.15s 0.5s, visibility 0.15s 0.5s; } #region-flat-nav { padding-right: 0; padding-left: 0; } #region-flat-nav .nav { margin-right: 15px; background-color: #fff; } @media (max-width: 767.98px) { #region-flat-nav .nav { margin-top: 30px; margin-right: 0; } } #page-footer a { color: #fff; text-decoration: underline; } #page-footer a .icon { color: #fff; } .bg-inverse a { color: #fff; text-decoration: underline; } .bg-inverse a .icon { color: #fff; } .sitelink img { width: 112px; } .dropdown-item a { display: block; width: 100%; color: #373a3c; } .dropdown-item:active a { color: #fff; } .competency-tree ul { padding-left: 1.5rem; } .sr-only-focusable:active, .sr-only-focusable:focus { z-index: 1031; position: fixed; background: #fff; padding: 7px; left: 0; top: 0; } [data-drag-type="move"] { cursor: move; touch-action: none; } .clickable { cursor: pointer; } .overlay-icon-container { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.6); } .overlay-icon-container .loading-icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .overlay-icon-container .loading-icon .icon { height: 30px; width: 30px; font-size: 30px; } .open.atto_menu > .dropdown-menu { display: block; } div.editor_atto_toolbar button .icon { color: #495057; } .w-auto { width: auto; } .bg-pulse-grey { animation: bg-pulse-grey 2s infinite linear; } @keyframes bg-pulse-grey { 0% { background-color: #f8f9fa; } 50% { background-color: #e9ecef; } 100% { background-color: #f8f9fa; } } .line-height-0 { line-height: 0 !important; /* stylelint-disable-line declaration-no-important */ } .line-height-1 { line-height: 0.25rem !important; /* stylelint-disable-line declaration-no-important */ } .line-height-2 { line-height: 0.5rem !important; /* stylelint-disable-line declaration-no-important */ } .line-height-3 { line-height: 1rem !important; /* stylelint-disable-line declaration-no-important */ } .line-height-4 { line-height: 1.5rem !important; /* stylelint-disable-line declaration-no-important */ } .line-height-5 { line-height: 3rem !important; /* stylelint-disable-line declaration-no-important */ } .dir-rtl .dir-rtl-hide { display: none; } .dir-ltr .dir-ltr-hide { display: none; } .switch { position: relative; display: inline-block; } .switch input { float: left; width: 1px; transform: translateX(1px); padding: 0; margin: 0; opacity: 0; line-height: 1.25rem; } .switch input + label { position: relative; min-height: 1.25rem; min-width: 2.5rem; line-height: 1.25rem; border-radius: 1.25rem; display: inline-block; cursor: pointer; outline: none; user-select: none; padding-left: 3rem; } .switch input + label::before, .switch input + label::after { content: ''; position: absolute; left: 0; bottom: 0; display: block; } .switch input + label::before { right: 0; height: 1rem; width: 2.5rem; top: calc(50% - 0.5rem); background-color: #dee2e6; border-radius: 1.25rem; transition: 0.2s all; } .switch input + label::after { left: 0; width: 1.25rem; height: 1.25rem; top: calc(50% - 0.625rem); border-radius: 50%; background-color: #fff; transition: 0.2s all; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12); } .switch input:checked + label::before { background-color: rgba(17, 119, 209, 0.4); } .switch input:checked + label::after { margin-left: 1.25rem; background-color: #1177d1; } .switch input:focus + label::before { outline: none; } .switch input:focus + label::after { outline: none; box-shadow: 0 0 0 0.4rem rgba(17, 119, 209, 0.25); } .switch input:disabled + label { color: #868e96; cursor: not-allowed; } .switch input:disabled + label::before { background-color: #e9ecef; } .switch input:disabled + label::after { background-color: #868e96; } .switch.sr-only-label input + label { text-indent: -9999px; margin-bottom: 0; padding-left: 0; } .paged-content-page-container { min-height: 3.125rem; } body.h5p-embed #page-content { display: inherit; } body.h5p-embed #maincontent { display: none; } body.h5p-embed .h5pmessages { min-height: 230px; } .text-decoration-none { text-decoration: none !important; /* stylelint-disable-line declaration-no-important */ } .colour-inherit { color: inherit !important; /* stylelint-disable-line declaration-no-important */ } .position-right { right: 0 !important; /* stylelint-disable-line declaration-no-important */ } .overflow-hidden { overflow: hidden !important; /* stylelint-disable-line declaration-no-important */ } .text-break { overflow-wrap: break-word !important; /* stylelint-disable-line declaration-no-important */ } .z-index-1 { z-index: 1 !important; /* stylelint-disable-line declaration-no-important */ } .float-left { float: left !important; /* stylelint-disable-line declaration-no-important */ } .float-right { float: right !important; /* stylelint-disable-line declaration-no-important */ } .emoji-picker { width: 350px; height: 400px; } .emoji-picker .category-button { padding: .375rem 0; height: 100%; width: 38.8888888889px; border-top: none; border-left: none; border-right: none; border-bottom: 2px solid transparent; } .emoji-picker .category-button.selected { border-bottom: 2px solid #1177d1; } .emoji-picker .emojis-container, .emoji-picker .search-results-container { min-width: 280px; } .emoji-picker .picker-row { height: 40px; } .emoji-picker .picker-row .category-name { line-height: 40px; } .emoji-picker .picker-row .emoji-button { height: 40px; width: 40px; line-height: 40px; font-size: 24px; overflow: hidden; } .emoji-picker .picker-row .emoji-button:hover, .emoji-picker .picker-row .emoji-button:focus { color: inherit; text-decoration: none; } .emoji-picker .emoji-preview { height: 40px; font-size: 40px; line-height: 40px; } .emoji-picker .emoji-short-name { line-height: 20px; } @media (max-width: 575.98px) { .emoji-picker { width: 320px; } } .emoji-auto-complete { height: 40px; } .emoji-auto-complete .btn.btn-link.btn-icon.emoji-button, .emoji-auto-complete .btn.btn-icon.emoji-button, .emoji-auto-complete #page-grade-grading-manage .actions .btn-icon.emoji-button.action, #page-grade-grading-manage .actions .emoji-auto-complete .btn-icon.emoji-button.action, .emoji-auto-complete #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input.btn-icon.emoji-button, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .emoji-auto-complete input.btn-icon.emoji-button, .emoji-auto-complete #rubric-rubric.gradingform_rubric .btn-icon.emoji-button.addcriterion, #rubric-rubric.gradingform_rubric .emoji-auto-complete .btn-icon.emoji-button.addcriterion { height: 40px; width: 40px; line-height: 40px; font-size: 24px; } .emoji-auto-complete .btn.btn-link.btn-icon.emoji-button.active, .emoji-auto-complete .btn.btn-icon.emoji-button.active, .emoji-auto-complete #page-grade-grading-manage .actions .btn-icon.emoji-button.active.action, #page-grade-grading-manage .actions .emoji-auto-complete .btn-icon.emoji-button.active.action, .emoji-auto-complete #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input.btn-icon.emoji-button.active, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .emoji-auto-complete input.btn-icon.emoji-button.active, .emoji-auto-complete #rubric-rubric.gradingform_rubric .btn-icon.emoji-button.active.addcriterion, #rubric-rubric.gradingform_rubric .emoji-auto-complete .btn-icon.emoji-button.active.addcriterion { background-color: #e9ecef; } .toast-wrapper { max-width: 350px; max-height: 0; z-index: 1051; } .icon { font-size: 16px; width: 16px; height: 16px; margin: 0; padding: 0; box-sizing: content-box; margin-right: 0.5rem; } .icon.spacer { margin-right: 0; } .icon.iconsize-big { width: 64px; height: 64px; font-size: 64px; } .icon.movetarget { width: 80px; } .navbar-dark a .icon { color: rgba(255, 255, 255, 0.5) !important; /* stylelint-disable-line declaration-no-important */ } .action-menu-item a:first-of-type > .icon { margin-left: 0.5rem; } .ygtvcell .icon { margin-left: 0 !important; /* stylelint-disable-line declaration-no-important */ } .block_navigation .tree_item .icon, .block_settings .tree_item .icon { margin-left: 0; } [data-action=toggle-drawer] .icon { margin: 0; } .icon-no-spacing a > .icon { margin: 0; } .icon-no-margin .icon { margin-left: 0; margin-right: 0; margin-top: 0; margin-bottom: 0; } .icon-large > .icon { width: 32px; height: 32px; } .icon-size-0 .icon { height: 0 !important; /* stylelint-disable-line declaration-no-important */ width: 0 !important; /* stylelint-disable-line declaration-no-important */ font-size: 0 !important; /* stylelint-disable-line declaration-no-important */ } .icon-size-1 .icon { height: 4px !important; /* stylelint-disable-line declaration-no-important */ width: 4px !important; /* stylelint-disable-line declaration-no-important */ font-size: 4px !important; /* stylelint-disable-line declaration-no-important */ } .icon-size-2 .icon { height: 8px !important; /* stylelint-disable-line declaration-no-important */ width: 8px !important; /* stylelint-disable-line declaration-no-important */ font-size: 8px !important; /* stylelint-disable-line declaration-no-important */ } .icon-size-3 .icon { height: 16px !important; /* stylelint-disable-line declaration-no-important */ width: 16px !important; /* stylelint-disable-line declaration-no-important */ font-size: 16px !important; /* stylelint-disable-line declaration-no-important */ } .icon-size-4 .icon { height: 24px !important; /* stylelint-disable-line declaration-no-important */ width: 24px !important; /* stylelint-disable-line declaration-no-important */ font-size: 24px !important; /* stylelint-disable-line declaration-no-important */ } .icon-size-5 .icon { height: 48px !important; /* stylelint-disable-line declaration-no-important */ width: 48px !important; /* stylelint-disable-line declaration-no-important */ font-size: 48px !important; /* stylelint-disable-line declaration-no-important */ } .helplink .icon { margin-left: 0.5rem; } /* admin.less */ .formtable tbody th { font-weight: normal; text-align: right; } .path-admin #assignrole { width: 60%; margin-left: auto; margin-right: auto; } .path-admin .admintable .leftalign { text-align: left; } .environmenttable .warn { background-color: #fcefdc; color: #ff7518; } .environmenttable .error { background-color: #f7dddc; color: #d9534f; } .environmenttable .ok { background-color: #def1de; color: #5cb85c; } .path-admin .admintable.environmenttable .name, .path-admin .admintable.environmenttable .info, .path-admin #assignrole .admintable .role, .path-admin #assignrole .admintable .userrole, .path-admin #assignrole .admintable .roleholder { white-space: nowrap; } .path-admin .incompatibleblockstable td.c0 { font-weight: bold; } #page-admin-course-category .addcategory { padding: 10px; } #page-admin-course-index .editcourse { margin: 20px auto; } #page-admin-course-index .editcourse th, #page-admin-course-index .editcourse td { padding-left: 10px; padding-right: 10px; } .timewarninghidden { display: none; } #page-admin-report-capability-index #capabilitysearch { width: 30em; } #page-admin-qtypes #qtypes div, #page-admin-qtypes #qtypes form, #page-admin-qbehaviours #qbehaviours div, #page-admin-qbehaviours #qbehaviours form { display: inline; } #page-admin-qtypes #qtypes img.spacer, #page-admin-qbehaviours #qbehaviours img.spacer { width: 16px; } #page-admin-qbehaviours .cell.c3, #page-admin-qtypes .cell.c3 { font-size: 0.8203125rem; } #page-admin-lang .generalbox, #page-admin-course-index .singlebutton, #page-admin-course-index .addcategory, #page-course-index .buttons, #page-course-index-category .buttons, #page-admin-course-category .addcategory, #page-admin-stickyblocks .generalbox, #page-admin-maintenance .buttons, #page-admin-course-index .buttons, #page-admin-course-category .buttons, #page-admin-index .copyright, #page-admin-index .copyrightnotice, #page-admin-index .adminerror .singlebutton, #page-admin-index .adminwarning .singlebutton, #page-admin-index #layout-table .singlebutton { text-align: center; margin-bottom: 1em; } .path-admin-roles .capabilitysearchui { text-align: left; margin-left: auto; margin-right: auto; margin-top: 1rem; } #page-admin-roles-define .topfields { margin: 1em 0 2em; } #page-admin-roles-define .capdefault { background-color: rgba(0, 0, 0, 0.075); } #page-filter-manage .backlink, .path-admin-roles .backlink { margin-top: 1em; } #page-admin-roles-explain #chooseuser h3, #page-admin-roles-usersroles .contextname { margin-top: 0; } #page-admin-roles-explain #chooseusersubmit { margin-top: 0; text-align: center; } #page-admin-roles-usersroles p { margin: 0; } #page-admin-roles-override .cell.c1, #page-admin-roles-assign .cell.c3, #page-admin-roles-assign .cell.c1 { padding-top: 0.75em; } #page-admin-roles-override .overridenotice, #page-admin-roles-define .definenotice { margin: 1em 10% 2em 10%; text-align: left; } #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo span { display: block; } #page-admin-index .updateplugin div { margin-bottom: 0.5em; } #page-admin-user-user_bulk #users .fgroup { white-space: nowrap; } #page-admin-report-stats-index .graph { text-align: center; margin-bottom: 1em; } #page-admin-report-courseoverview-index .graph { text-align: center; margin-bottom: 1em; } #page-admin-lang .translator { border-width: 1px; border-style: solid; } .path-admin .roleassigntable { width: 100%; } .path-admin .roleassigntable td { vertical-align: top; padding: 0.2em 0.3em; } .path-admin .roleassigntable p { text-align: left; margin: 0.2em 0; } .path-admin .roleassigntable #existingcell, .path-admin .roleassigntable #potentialcell { width: 42%; } .path-admin .roleassigntable #existingcell p > label:first-child, .path-admin .roleassigntable #potentialcell p > label:first-child { font-weight: bold; } .path-admin .roleassigntable #buttonscell { width: 16%; } .path-admin .roleassigntable #buttonscell #assignoptions { font-size: 0.8203125rem; } .path-admin .roleassigntable #removeselect_wrapper, .path-admin .roleassigntable #addselect_wrapper { width: 100%; } .path-admin table.rolecap tr.rolecap th { text-align: left; font-weight: normal; } .path-admin .rolecap .hiddenrow { display: none; } .path-admin #defineroletable .rolecap .inherit, .path-admin #defineroletable .rolecap .allow, .path-admin #defineroletable .rolecap .prevent, .path-admin #defineroletable .rolecap .prohibit { text-align: center; padding: 0; min-width: 3.5em; } .path-admin .rolecap .cap-name, .path-admin .rolecap .note { display: block; font-size: 0.8203125rem; white-space: nowrap; font-weight: normal; } .path-admin .rolecap label { display: block; text-align: center; padding: 0.5em; margin: 0; } .plugincheckwrapper { width: 100%; } .environmentbox { margin-top: 1em; } #mnetconfig table { margin-left: auto; margin-right: auto; } .environmenttable .cell { padding: .15em .5em; } #trustedhosts .generaltable { margin-left: auto; margin-right: auto; width: 500px; } #trustedhosts .standard { width: auto; } #adminsettings legend { display: none; } #adminsettings fieldset.error { margin: .2em 0 .5em 0; } #adminsettings fieldset.error legend { display: block; } #admin-spelllanguagelist textarea, #page-admin-setting-editorsettingstinymce .form-textarea textarea { text-align: left; direction: ltr; } /* Styles for flags on admin settings */ .adminsettingsflags { float: right; } .adminsettingsflags label { margin-right: 7px; } .form-description pre, .formsettingheading pre { direction: ltr; } .form-item .form-setting .form-htmlarea { display: inline; } .form-item .form-setting .form-htmlarea .htmlarea { width: 640px; display: block; } .form-item .form-setting .form-multicheckbox ul { list-style: none; padding: 0; margin: 7px 0 0 0; } .form-item .form-setting .defaultsnext { display: inline; } .form-item .form-setting .locked-checkbox { margin-right: 0.2em; margin-left: 0.5em; display: inline; } .form-item .form-setting .form-password .unmask, .form-item .form-setting .form-defaultinfo { display: inline-block; } .form-item .form-setting .form-defaultinfo { max-width: 100%; word-wrap: break-word; } #admin-emoticons td input { width: 8em; } #admin-emoticons td.c0 input { width: 4em; } #adminthemeselector .selectedtheme td.c0 { border: 1px solid #d1edf6; border-right-width: 0; } #adminthemeselector .selectedtheme td.c1 { border: 1px solid #d1edf6; border-left-width: 0; } .admin_colourpicker, .admin_colourpicker_preview { display: none; } .jsenabled .admin_colourpicker_preview { display: inline; } .jsenabled .admin_colourpicker { display: block; height: 102px; width: 410px; margin-bottom: 10px; box-sizing: content-box; } .admin_colourpicker .loadingicon { vertical-align: middle; margin-left: auto; } .admin_colourpicker .colourdialogue { float: left; border: 1px solid #d1edf6; } .admin_colourpicker .previewcolour { border: 1px solid #d1edf6; margin-left: 301px; } .admin_colourpicker .currentcolour { border: 1px solid #d1edf6; margin-left: 301px; border-top-width: 0; } #page-admin-index #notice .checkforupdates { text-align: center; } #page-admin-plugins #plugins-overview-panel .info { display: inline-block; margin-right: 1em; } #page-admin-plugins .checkforupdates { margin: 10px 0; } #page-admin-plugins .checkforupdates .singlebutton { margin: 5px 0; padding: 0; } #page-admin-plugins .checkforupdates .singlebutton div, #page-admin-plugins .checkforupdates .singlebutton input { margin: 0 3px 0 0; } #page-admin-plugins .updateavailableinstallall { margin: 5px 0; padding: 0; } #page-admin-plugins .updateavailableinstallall div, #page-admin-plugins .updateavailableinstallall input { margin: 0 3px 5px 0; } #page-admin-plugins #plugins-control-panel .status-missing td { background-color: #fcefdc; } #page-admin-plugins #plugins-control-panel .pluginname .componentname { font-size: 0.8203125rem; margin-left: 22px; } #page-admin-plugins #plugins-control-panel .version .versionnumber { font-size: 0.8203125rem; } #page-admin-plugins #plugins-control-panel .uninstall a { color: #d9534f; } #page-admin-plugins #plugins-control-panel .notes .label { margin-right: 3px; } #page-admin-plugins #plugins-control-panel .notes .requiredby { font-size: 0.8203125rem; } #plugins-check-page .checkforupdates .singlebutton { margin: 5px 0; padding: 0; } #plugins-check-page .checkforupdates .singlebutton div, #plugins-check-page .checkforupdates .singlebutton input { margin: 0 3px 0 0; } #plugins-check-page #plugins-check-info .actions > div { display: inline-block; margin-right: 1em; } #plugins-check-page #plugins-check-info .actions .singlebutton { margin: 5px 0; padding: 0; } #plugins-check-page #plugins-check-info .actions .singlebutton div, #plugins-check-page #plugins-check-info .actions .singlebutton input { margin: 0 3px 0 0; } #plugins-check-page #plugins-check .status-missing td, #plugins-check-page #plugins-check .status-downgrade td { background-color: #f7dddc; } #plugins-check-page #plugins-check .displayname .plugindir { font-size: 0.8203125rem; } #plugins-check-page #plugins-check .requires ul { margin-left: 13px; } #plugins-check-page #plugins-check .status .actionbutton { margin: 5px 0; padding: 0; } #plugins-check-page #plugins-check .status .actionbutton input { margin: 0; } #plugins-check-page .plugins-check-dependencies-actions > div { display: inline-block; margin-right: 1em; } #plugins-check-page .plugins-check-dependencies-actions .singlebutton { margin: 5px 0; padding: 0; } #plugins-check-page .plugins-check-dependencies-actions .singlebutton div, #plugins-check-page .plugins-check-dependencies-actions .singlebutton input { margin: 0 3px 0 0; } #plugins-check-page #plugins-check-available-dependencies .displayname .component { font-size: 0.8203125rem; } #plugins-check-page #plugins-check-available-dependencies .info .actions > div { display: inline-block; margin-right: 1em; } #plugins-check-page #plugins-check-available-dependencies .info .actions .dependencyinstall { display: block; margin: 5px 0; padding: 0; } #plugins-check-page #plugins-check-available-dependencies .info .actions .dependencyinstall input { margin: 0; } #plugins-check-page .pluginupdateinfo, #plugins-control-panel .pluginupdateinfo { background-color: #def2f8; padding: 5px; margin: 10px 0; border-radius: 5px; } #plugins-check-page .pluginupdateinfo.maturity50, #plugins-control-panel .pluginupdateinfo.maturity50 { background-color: #f7dddc; } #plugins-check-page .pluginupdateinfo.maturity100, #plugins-check-page .pluginupdateinfo.maturity150, #plugins-control-panel .pluginupdateinfo.maturity100, #plugins-control-panel .pluginupdateinfo.maturity150 { background-color: #fcefdc; } #plugins-check-page .pluginupdateinfo .info, #plugins-control-panel .pluginupdateinfo .info { display: inline-block; } #plugins-check-page .pluginupdateinfo .separator:after, #plugins-control-panel .pluginupdateinfo .separator:after { content: " | "; } #plugins-check-page .pluginupdateinfo .singlebutton, #plugins-control-panel .pluginupdateinfo .singlebutton { margin: 5px 0; padding: 0; } #plugins-check-page .pluginupdateinfo .singlebutton div, #plugins-check-page .pluginupdateinfo .singlebutton input, #plugins-control-panel .pluginupdateinfo .singlebutton div, #plugins-control-panel .pluginupdateinfo .singlebutton input { margin: 0 3px 0 0; } .plugins-management-confirm-buttons > div { display: inline-block; margin: 1em 1em 1em 0; } .plugins-management-confirm-buttons .continue { padding: 0; } .plugins-management-confirm-buttons .continue div, .plugins-management-confirm-buttons .continue input { margin: 0; } .uninstalldeleteconfirmexternal { padding: 0.5em 1em; margin: 5px 0 10px 0; } #page-admin-index .upgradepluginsinfo { text-align: center; } #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo .separator:after { content: " | "; } /** MNet networking */ #page-admin-mnet-peers .box.deletedhosts { margin-bottom: 1em; font-size: 0.8203125rem; } #page-admin-mnet-peers .mform .deletedhostinfo { padding: 4px; margin-bottom: 5px; } #core-cache-plugin-summaries table, #core-cache-store-summaries table { width: 100%; } #core-cache-lock-summary table, #core-cache-definition-summaries table, #core-cache-mode-mappings table { margin: 0 auto; } #core-cache-store-summaries .default-store td { font-style: italic; } #core-cache-rescan-definitions, #core-cache-mode-mappings .edit-link, #core-cache-lock-summary .new-instance { margin-top: 0.5em; text-align: center; } .maintenancewarning { position: fixed; bottom: 0; right: 0; overflow: hidden; z-index: 1000; } .modal.modal-in-page { z-index: 0; } #page-admin-search .adminpagetitle { margin-bottom: 0; border-bottom: none; } #page-admin-search .adminpagepath { display: flex; flex-wrap: wrap; list-style: none; padding: 0; margin: 0 0 1.5rem 0; } #page-admin-search .adminpagepath li + li:before { padding-right: 0.5rem; padding-left: 0.5rem; content: "/"; } @media (min-width: 576px) { #page-admin-search .container { overflow-wrap: break-word; } } #page-admin-tasklogs .task-class { font-size: 0.8203125rem; color: #868e96; } .blockmovetarget .accesshide { position: relative; left: initial; } .block:target { padding-top: 0 !important; /* stylelint-disable declaration-no-important */ margin-top: 0 !important; } .block_search_forums .searchform { /* Override plugin's default. */ text-align: left; } .block.block_navigation .block_tree ul, .block_settings .block_tree ul { margin-left: 0; } .block .block-controls .dropdown-toggle { /* So that the caret takes the colour of the icon. */ color: #373a3c; } [data-region="blocks-column"] { width: 360px; float: right; } /* We put an absolutely positioned div in a relatively positioned div so it takes up no space */ #region-main-settings-menu { position: relative; float: left; width: 100%; } #region-main-settings-menu > div { position: absolute; right: 0; z-index: 100; margin: 1rem; } .region_main_settings_menu_proxy { width: 4rem; height: 2rem; background-color: #fff; margin-left: 0.625rem; margin-bottom: 0.625rem; border-bottom-left-radius: 0.5rem; float: right; } #region-main-settings-menu.has-blocks, #region-main.has-blocks { display: inline-block; width: calc(100% - 375px); } @media (max-width: 1199.98px) { #region-main-settings-menu.has-blocks, #region-main.has-blocks { width: 100%; /* MDL-63102 - Remove extra space at bottom. If modifying make sure block-region is horizontally stacked when in full screen */ display: block; } } .header-action #region-main-settings-menu { position: unset; float: none; width: auto; } .header-action #region-main-settings-menu > div { position: unset; right: auto; margin: 0; } @media (max-width: 1199.98px) { [data-region="blocks-column"] { width: 100%; } } .block .empty-placeholder-image-lg { height: 5rem; } .block .block-cards .course-info-container { padding: 0.8rem; } .block .block-cards .progress { height: 0.5rem; } .block .block-cards .course-summaryitem { border: 1px solid #dee2e6; background-color: #fff; } .block .block-cards .icon { margin-right: 0; } .block .block-cards .card .coursemenubtn, .block .block-cards #page-enrol-users #filterform .coursemenubtn, #page-enrol-users .block .block-cards #filterform .coursemenubtn, .block .block-cards .que .history .coursemenubtn, .que .block .block-cards .history .coursemenubtn, .block .block-cards .userprofile .profile_tree section .coursemenubtn, .userprofile .profile_tree .block .block-cards section .coursemenubtn, .block .block-cards .groupinfobox .coursemenubtn, .block .block-cards .well .coursemenubtn { margin-top: -0.5rem; } .block .block-cards a.coursename, .block .block-cards span.categoryname, .block .block-cards .btn-link, .block .block-cards .btn.btn-icon, .block .block-cards #page-grade-grading-manage .actions .btn-icon.action, #page-grade-grading-manage .actions .block .block-cards .btn-icon.action, .block .block-cards #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input.btn-icon, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .block .block-cards input.btn-icon, .block .block-cards #rubric-rubric.gradingform_rubric .btn-icon.addcriterion, #rubric-rubric.gradingform_rubric .block .block-cards .btn-icon.addcriterion { color: inherit; } .block .block-cards .multiline { white-space: normal; } .block .block-cards .btn.btn-link.btn-icon, .block .block-cards .btn.btn-icon, .block .block-cards #page-grade-grading-manage .actions .btn-icon.action, #page-grade-grading-manage .actions .block .block-cards .btn-icon.action, .block .block-cards #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input.btn-icon, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .block .block-cards input.btn-icon, .block .block-cards #rubric-rubric.gradingform_rubric .btn-icon.addcriterion, #rubric-rubric.gradingform_rubric .block .block-cards .btn-icon.addcriterion { height: 36px; width: 36px; padding: 0; border-radius: 50%; } .block .block-cards .btn.btn-link.btn-icon:hover, .block .block-cards .btn.btn-icon:hover, .block .block-cards #page-grade-grading-manage .actions .btn-icon.action:hover, #page-grade-grading-manage .actions .block .block-cards .btn-icon.action:hover, .block .block-cards #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input.btn-icon:hover, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .block .block-cards input.btn-icon:hover, .block .block-cards #rubric-rubric.gradingform_rubric .btn-icon.addcriterion:hover, #rubric-rubric.gradingform_rubric .block .block-cards .btn-icon.addcriterion:hover, .block .block-cards .btn.btn-link.btn-icon:focus, .block .block-cards .btn.btn-icon:focus, .block .block-cards #page-grade-grading-manage .actions .btn-icon.action:focus, #page-grade-grading-manage .actions .block .block-cards .btn-icon.action:focus, .block .block-cards #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input.btn-icon:focus, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .block .block-cards input.btn-icon:focus, .block .block-cards #rubric-rubric.gradingform_rubric .btn-icon.addcriterion:focus, #rubric-rubric.gradingform_rubric .block .block-cards .btn-icon.addcriterion:focus { background-color: #e9ecef; } .dashboard-card-deck.one-row { flex-flow: nowrap; overflow-x: scroll; } .summaryimage { height: 5rem; width: 5rem; background-position: center; background-size: cover; } .dashboard-card-deck .dashboard-card { margin-bottom: 0.5rem; flex-basis: auto; width: 100%; flex-grow: 0; flex-shrink: 0; } .dashboard-card-deck .dashboard-card .dashboard-card-img { height: 7rem; background-position: center; background-size: cover; } .dashboard-card-deck .dashboard-card .dashboard-card-footer { padding: 0.8rem; } .dashboard-card-deck.fixed-width-cards .dashboard-card { width: 300px; } @media (min-width: 576px) { .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card { width: calc(50% - 0.5rem); } } @media (min-width: 840px) { .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card { width: calc(33.33% - 0.5rem); } } @media (min-width: 1100px) { .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card { width: calc(25% - 0.5rem); } } @media (min-width: 1360px) { .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card { width: calc(20% - 0.5rem); } } @media (min-width: 1200px) { #region-main.has-blocks .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card { width: calc(33.33% - 0.5rem); } } @media (min-width: 1470px) { #region-main.has-blocks .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card { width: calc(25% - 0.5rem); } } @media (min-width: 768px) { body.drawer-open-left .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card { width: calc(100% - 0.5rem); } } @media (min-width: 861px) { body.drawer-open-left .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card { width: calc(50% - 0.5rem); } } @media (min-width: 1122px) { body.drawer-open-left .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card { width: calc(33.33% - 0.5rem); } } @media (min-width: 1381px) { body.drawer-open-left .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card { width: calc(25% - 0.5rem); } } @media (min-width: 1200px) { body.drawer-open-left #region-main.has-blocks .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card { width: calc(100% - 0.5rem); } } @media (min-width: 1236px) { body.drawer-open-left #region-main.has-blocks .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card { width: calc(50% - 0.5rem); } } @media (min-width: 1497px) { body.drawer-open-left #region-main.has-blocks .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card { width: calc(33.33% - 0.5rem); } } @media (min-width: 1200px) { #block-region-side-pre .dashboard-card-deck:not(.fixed-width-cards) { margin-left: 0; margin-right: 0; } #block-region-side-pre .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card { width: calc(100% - 0.5rem) !important; } } .block_recentlyaccessedcourses .paging-bar-container { margin-top: -2.4rem; justify-content: flex-end; } @media (max-width: 575.98px) { .block_recentlyaccessedcourses .paging-bar-container { margin-top: 0; } } #block-region-side-pre .block_recentlyaccessedcourses .paging-bar-container { margin-top: 0; } .block_recentlyaccesseditems img.icon { height: auto; width: auto; margin-right: 6px; } .block_myoverview .content { min-height: 19.35rem; } .block_myoverview .paged-content-page-container { min-height: 13rem; } .block_settings .block_tree [aria-expanded="true"], .block_settings .block_tree [aria-expanded="true"].emptybranch, .block_settings .block_tree [aria-expanded="false"], .block_navigation .block_tree [aria-expanded="true"], .block_navigation .block_tree [aria-expanded="true"].emptybranch, .block_navigation .block_tree [aria-expanded="false"] { background-image: none; } .block_settings .block_tree [aria-expanded="true"]:before, .block_navigation .block_tree [aria-expanded="true"]:before { content: ""; margin-right: 0; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 16px; width: 16px; } .block_settings .block_tree [aria-expanded="false"]:before, .block_navigation .block_tree [aria-expanded="false"]:before { content: ""; margin-right: 0; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 16px; width: 16px; } .dir-rtl .block_settings .block_tree [aria-expanded="false"]:before, .dir-rtl .block_navigation .block_tree [aria-expanded="false"]:before { content: ""; } .block_navigation .block_tree p.hasicon, .block_settings .block_tree p.hasicon { text-indent: -3px; } .block_navigation .block_tree p.hasicon .icon, .block_settings .block_tree p.hasicon .icon { margin-right: 2px; } .block.invisibleblock .card-title { color: #868e96; } .navbar { max-height: 50px; } /* calendar.less */ .calendar_event_category { background-color: #d8bfd8; } .calendar_event_course { background-color: #ffd3bd; } .calendar_event_site { background-color: #d6f8cd; } .calendar_event_group { background-color: #fee7ae; } .calendar_event_user { background-color: #dce7ec; } .path-calendar .calendartable { width: 100%; table-layout: fixed; } .path-calendar .calendartable th, .path-calendar .calendartable td { width: 14%; vertical-align: top; text-align: center; border: 0; } .path-calendar .calendar-controls .previous, .path-calendar .calendar-controls .next, .path-calendar .calendar-controls .current { display: block; float: left; width: 12%; } .path-calendar .calendar-controls .previous { text-align: left; border: 1px solid transparent; } .path-calendar .calendar-controls .current { text-align: center; width: 76%; } .path-calendar .calendar-controls .next { text-align: right; border: 1px solid transparent; } .path-calendar .calendar-controls .drop-target { box-sizing: border-box; border: 1px dashed #1177d1; } .path-calendar .filters table { border-collapse: separate; border-spacing: 2px; width: 100%; } .path-calendar .maincalendar { vertical-align: top; padding: 0; } .path-calendar .maincalendar .bottom { text-align: center; padding: 5px 0 0 0; } .path-calendar .maincalendar .heightcontainer { height: 100%; position: relative; } .path-calendar .maincalendar .calendarmonth { width: 98%; margin: 10px auto; } .path-calendar .maincalendar .calendarmonth ul { margin: 0; padding: 0; } .path-calendar .maincalendar .calendarmonth ul li { list-style-type: none; } .path-calendar .maincalendar .calendarmonth ul li > a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; display: inline-block; } .path-calendar .maincalendar .calendarmonth ul li > a:hover { text-decoration: none; } .path-calendar .maincalendar .calendarmonth ul li > a:hover .eventname { text-decoration: underline; } .path-calendar .maincalendar .calendarmonth ul li .icon { margin-left: 0.25em; margin-right: 0.25em; vertical-align: initial; } .path-calendar .maincalendar .calendarmonth ul li .badge.badge-circle { width: 12px; height: 12px; border-radius: 6px; vertical-align: middle; } .path-calendar .maincalendar .calendarmonth ul li .badge.badge-circle.calendar_event_category { background-color: #d8bfd8; } .path-calendar .maincalendar .calendarmonth ul li .badge.badge-circle.calendar_event_course { background-color: #ffd3bd; } .path-calendar .maincalendar .calendarmonth ul li .badge.badge-circle.calendar_event_site { background-color: #d6f8cd; } .path-calendar .maincalendar .calendarmonth ul li .badge.badge-circle.calendar_event_group { background-color: #fee7ae; } .path-calendar .maincalendar .calendarmonth ul li .badge.badge-circle.calendar_event_user { background-color: #dce7ec; } .path-calendar .maincalendar .calendarmonth td { height: 5em; } .path-calendar .maincalendar .calendarmonth .clickable:hover { box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } .path-calendar .maincalendar .calendar-controls .previous, .path-calendar .maincalendar .calendar-controls .next { width: 30%; } .path-calendar .maincalendar .calendar-controls .current { width: 39.95%; } .path-calendar .maincalendar .controls { width: 98%; margin: 10px auto; } .path-calendar .maincalendar .calendar_event_category:hover a, .path-calendar .maincalendar .calendar_event_course:hover a, .path-calendar .maincalendar .calendar_event_site:hover a, .path-calendar .maincalendar .calendar_event_group:hover a, .path-calendar .maincalendar .calendar_event_user:hover a { color: #0b4f8a; text-decoration: underline; } .path-calendar .maincalendar .calendar_event_category { border-color: #d8bfd8; } .path-calendar .maincalendar .calendar_event_course { border-color: #ffd3bd; } .path-calendar .maincalendar .calendar_event_site { border-color: #d6f8cd; } .path-calendar .maincalendar .calendar_event_group { border-color: #fee7ae; } .path-calendar .maincalendar .calendar_event_user { border-color: #dce7ec; } .path-calendar .maincalendar .calendartable td, .path-calendar .maincalendar .calendartable li { padding: 0 4px 4px 4px; } .path-calendar .maincalendar .calendartable li { text-align: left; } .path-calendar .maincalendar .header { overflow: hidden; } .path-calendar .maincalendar .header .buttons { float: right; } .path-calendar .maincalendar .event .card-header img { vertical-align: baseline; } .path-calendar .maincalendar .event .location { word-break: break-all; overflow-wrap: break-word; } #page-calendar-export .indent { padding-left: 20px; } .block .minicalendar { max-width: 280px; margin: 0 auto; width: 100%; } .block .minicalendar th, .block .minicalendar td { padding: 2px; font-size: 0.8em; text-align: center; } .block .minicalendar td a { width: 100%; height: 100%; display: block; } .block .minicalendar td.duration_global { border-top: 1px solid #d6f8cd; border-bottom: 1px solid #d6f8cd; } .block .minicalendar td.duration_global.duration_finish { background-color: #d6f8cd; } .block .minicalendar td.duration_category { border-top: 1px solid #d8bfd8; border-bottom: 1px solid #d8bfd8; } .block .minicalendar td.duration_category.duration_finish { background-color: #d8bfd8; } .block .minicalendar td.duration_course { border-top: 1px solid #ffd3bd; border-bottom: 1px solid #ffd3bd; } .block .minicalendar td.duration_course.duration_finish { background-color: #ffd3bd; } .block .minicalendar td.duration_group { border-top: 1px solid #fee7ae; border-bottom: 1px solid #fee7ae; } .block .minicalendar td.duration_group.duration_finish { background-color: #fee7ae; } .block .minicalendar td.duration_user { border-top: 1px solid #dce7ec; border-bottom: 1px solid #dce7ec; } .block .minicalendar td.duration_user.duration_finish { background-color: #dce7ec; } .block .minicalendar caption { font-size: inherit; font-weight: inherit; line-height: inherit; text-align: center; } .block .calendar-controls .previous, .block .calendar-controls .current, .block .calendar-controls .next { display: block; float: left; } .block .calendar-controls .previous { text-align: left; width: 12%; } .block .calendar-controls .current { text-align: center; width: 76%; } .block .calendar-controls .next { text-align: right; width: 12%; } .block .calendar_filters ul { list-style: none; margin: 0; padding: 0; } .block .calendar_filters li { margin-bottom: 0.2em; } .block .calendar_filters li span img { padding: 0 0.2em; margin: 0; } .block .calendar_filters li .icon { vertical-align: initial; margin: 0 0.1rem 0 0.4rem; } .block .calendar_filters li > a:hover { text-decoration: none; } .block .calendar_filters li > a:hover .eventname { text-decoration: underline; } .block .content h3.eventskey { margin-top: 0.5em; } /* Display month name above the calendar */ table.calendartable caption { caption-side: top; } @media (min-width: 768px) { #page-calender-view .container-fluid { min-width: 1024px; } } .calendarwrapper { position: relative; } .day-popover-content:empty + .day-popover-alternate { display: block; } .location-content { overflow-wrap: break-word; } .description-content { overflow-wrap: break-word; } .description-content > p { margin: 0; } .cal_courses_flt { color: #868e96; } /* course.less */ /* COURSE CONTENT */ .section-modchooser-link img { margin-right: 0.5rem; width: 16px; height: 16px; } .section_add_menus { text-align: right; clear: both; } .section-modchooser { clear: both; } .block_tree .tree_item.branch { margin-left: 8px; } .section_add_menus .horizontal div, .section_add_menus .horizontal form { display: inline; } .section_add_menus optgroup { font-weight: normal; font-style: italic; } .section_add_menus .urlselect { text-align: left; margin-left: .4em; } .section_add_menus .urlselect select { margin-left: .2em; } .sitetopic ul.section { margin: 0; } body:not(.editing) .sitetopic ul.section { padding-left: 0; } body:not(.editing) .sitetopic ul.section .label .mod-indent-outer { padding-left: 0; } .course-content ul.section { margin: 1rem; } .section .side { margin-top: 0.5rem; } .section .side.left { float: left; } .section .side.right { float: right; clear: right; } .section .spinner { height: 16px; width: 16px; } .section .activity { /* The command block for each activity */ } .section .activity .spinner { left: 100%; position: absolute; } .section .activity .actions { position: absolute; right: 0; top: 0; display: flex; } .section .activity .contentwithoutlink, .section .activity .activityinstance { min-width: 40%; display: table-cell; padding-right: 4px; min-height: 2em; } .section .activity .contentwithoutlink > a, .section .activity .activityinstance > a { display: block; text-indent: -31px; padding-left: 31px; } .section .activity .contentwithoutlink .dimmed .activityicon, .section .activity .activityinstance .dimmed .activityicon { opacity: .5; } .section .activity a.stealth, .section .activity a.stealth:hover { color: #6eb5f3 !important; /* stylelint-disable-line declaration-no-important */ } .section .label .contentwithoutlink, .section .label .activityinstance { padding-right: 32px; display: block; height: inherit; } .section .label .mod-indent-outer { padding-left: 24px; display: block; } .section .filler { width: 16px; height: 16px; padding: 0; margin: 0 0.5rem; display: inline-block; } .section .activity.editor_displayed a.editing_title, .section .activity.editor_displayed .moodle-actionmenu { display: none; } .section .activity.editor_displayed div.activityinstance { padding-right: initial; } .section .activity.editor_displayed div.activityinstance input { margin-bottom: initial; padding-top: initial; padding-bottom: initial; vertical-align: text-bottom; } .activity img.activityicon { margin-right: 6px; vertical-align: text-bottom; } .section .activity .activityinstance, .section .activity .activityinstance div { display: inline-block; } .editing .section .activity .contentwithoutlink, .editing .section .activity .activityinstance { padding-right: 200px; } .editing .section .activity .editing_move { /* Move the move icon to the start of the line */ position: absolute; left: 0; top: 0; } .editing .section .activity .mod-indent-outer { /** * Add appropriate padding such that nothing overlaps the * absolute positioned move icon. */ padding-left: 2rem; } .editing_show + .editing_assign, .editing_hide + .editing_assign { margin-left: 20px; } .section .activity .commands { white-space: nowrap; display: inline-block; } .section .activity.modtype_label.label { font-weight: normal; padding: .2em; } .section li.activity { padding: .2em; clear: both; } .section .activity .activityinstance .groupinglabel { padding-left: 30px; } .section .activity .availabilityinfo, .section .activity .contentafterlink { margin-top: 0.5em; margin-left: 30px; } .section .activity .contentafterlink p { margin: .5em 0; } .editing .section .activity:hover, .editing .section .activity.action-menu-shown { background-color: rgba(0, 0, 0, 0.05); } .course-content .current { position: relative; } .course-content .current::before { content: ""; border-left: #1177d1 2px solid; position: absolute; left: -1.25rem; top: 0; bottom: 0; } .course-content .section-summary { border: 1px solid #dee2e6; margin-top: 5px; list-style: none; } .course-content .section-summary .section-title { margin: 2px 5px 10px 5px; } .course-content .section-summary .summarytext { margin: 2px 5px 2px 5px; } .course-content .section-summary .section-summary-activities .activity-count { font-size: 0.8203125rem; margin: 3px; white-space: nowrap; display: inline-block; } .course-content .section-summary .summary { margin-top: 5px; } .course-content .single-section { margin-top: 1em; } .course-content .single-section .section-navigation { display: block; padding: 0.5em; margin-bottom: -0.5em; } .course-content .single-section .section-navigation .title { font-weight: bold; font-size: 108%; clear: both; } .course-content .single-section .section-navigation .mdl-left { font-weight: normal; float: left; margin-right: 1em; } .course-content .single-section .section-navigation .mdl-left .larrow { margin-right: 0.1em; } .course-content .single-section .section-navigation .mdl-right { font-weight: normal; float: right; margin-left: 1em; } .course-content .single-section .section-navigation .mdl-right .rarrow { margin-left: 0.1em; } .course-content .single-section .section-navigation .mdl-bottom { margin-top: 0; } .course-content ul li.section.main { border-bottom: 1px solid #dee2e6; margin-top: 0; } .course-content ul li.section.main:last-child { border-bottom: 0; } .course-content ul.topics, .course-content ul.weeks { padding: 0; } .course-content ul.topics li.section, .course-content ul.weeks li.section { margin-top: 1rem; padding-bottom: 1rem; } .course-content ul.topics li.section .content, .course-content ul.weeks li.section .content { margin: 0; padding: 0; } .course-content ul.topics li.section .summary, .course-content ul.topics li.section .content > .availabilityinfo, .course-content ul.weeks li.section .summary, .course-content ul.weeks li.section .content > .availabilityinfo { margin-left: 25px; } .course-content ul.topics li.section .left, .course-content ul.weeks li.section .left { padding-top: 0; text-align: right; } .course-content { margin-top: 0; } .course-content .hidden { display: none; } .course-content li.section ul { list-style: disc; } .course-content li.section ul ul { list-style: circle; } .course-content li.section ul ul ul { list-style: square; } .course-content li.section li.activity ul { list-style: disc; } .course-content li.section li.activity ul ul { list-style: circle; } .course-content li.section li.activity ul ul ul { list-style: square; } .course-content li.section .right > .icon:first-child { /* Remove the spacer icon. */ display: none; } .path-course-view.editing #region-main > .card-block, .path-course-view.editing #page-enrol-users #region-main > #filterform, #page-enrol-users .path-course-view.editing #region-main > #filterform { padding-bottom: 13rem; } .jumpmenu .form-inline { display: block; } .path-course-view .completionprogress { margin-left: 25px; } .path-course-view .completionprogress { display: block; float: right; height: 20px; position: relative; } #page-site-index .subscribelink { text-align: right; } #site-news-forum h2, #frontpage-course-list h2, #frontpage-category-names h2, #frontpage-category-combo h2 { margin-bottom: 9px; } .path-course-view a.reduce-sections { padding-left: 0.2em; } .path-course-view .subscribelink { text-align: right; } .path-course-view .unread { margin-left: 30px; } .path-course-view .block.drag .header { cursor: move; } .path-course-view .completionprogress { text-align: right; } .path-course-view .single-section .completionprogress { margin-right: 5px; } .path-site li.activity > div, .path-course-view li.activity > div { position: relative; padding: 0 16px 0 0; /* to accommodate the floated completion icon with highlighting */ } .path-course-view li.activity span.autocompletion img { vertical-align: text-bottom; margin-left: 0; } .path-course-view li.activity form.togglecompletion .btn, .path-course-view li.activity form.togglecompletion #page-grade-grading-manage .actions .action, #page-grade-grading-manage .actions .path-course-view li.activity form.togglecompletion .action, .path-course-view li.activity form.togglecompletion #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .path-course-view li.activity form.togglecompletion input, .path-course-view li.activity form.togglecompletion #rubric-rubric.gradingform_rubric .addcriterion, #rubric-rubric.gradingform_rubric .path-course-view li.activity form.togglecompletion .addcriterion { padding: 0; } .path-course-view li.activity form.togglecompletion img { max-width: none; /* The width is 0 so ensure we don't end up with a relative max-width */ } .path-course-view.editing li.activity span.autocompletion img { /* Use the same spacing as the filler. */ margin-right: 0.5rem; margin-left: 0.5rem; } .path-course-view li.activity form.togglecompletion .ajaxworking { width: 16px; height: 16px; position: absolute; right: 22px; top: 3px; background: url([[pix:i/ajaxloader]]) no-repeat; } li.section.hidden span.commands a.editing_hide, li.section.hidden span.commands a.editing_show { cursor: default; } .single-section h3.sectionname { text-align: center; clear: both; } input.titleeditor { width: 330px; vertical-align: text-bottom; } span.editinstructions { position: absolute; top: 0; margin-top: -22px; margin-left: 30px; font-size: 0.8203125rem; padding: .1em .4em; background-color: #def2f8; color: #5bc0de; text-decoration: none; z-index: 9999; border: 1px solid #d1edf6; } /* Course drag and drop upload styles */ #dndupload-status { position: fixed; left: 0; width: 40%; margin: 0 30%; padding: 6px; border: 1px solid #d1edf6; text-align: center; background: #def2f8; color: #5bc0de; z-index: 1; border-radius: 8px; } .dndupload-preview { color: #909090; border: 1px dashed #909090; list-style: none; margin-top: .2em; padding: .3em; } .dndupload-hidden { display: none; } /* COURSES LISTINGS AND COURSE SUMMARY */ #page-course-pending .singlebutton, #page-course-index .singlebutton, #page-course-index-category .singlebutton, #page-course-editsection .singlebutton { text-align: center; } #page-admin-course-manage #movecourses td img { margin: 0 .22em; vertical-align: text-bottom; } #coursesearch { margin-top: 1em; text-align: center; } #page-course-pending .pendingcourserequests { margin-bottom: 1em; } #page-course-pending .pendingcourserequests .singlebutton { display: inline; } #page-course-pending .pendingcourserequests .cell { padding: 0 5px; } #page-course-pending .pendingcourserequests .cell.c6 { white-space: nowrap; } .coursebox { padding: 0.5rem; } .coursebox > .info > .coursename a { display: block; background-image: url([[pix:moodle|i/course]]); background-repeat: no-repeat; padding-left: 21px; background-position: left 0.2em; } .coursebox > .info > .coursename, .coursebox .content .teachers, .coursebox .content .courseimage, .coursebox .content .coursefile, .coursebox .content .customfields-container { float: left; clear: left; } .coursebox .content .teachers, .coursebox .content .courseimage, .coursebox .content .coursefile, .coursebox .content .customfields-container { width: 40%; } .coursebox > .info > h3.coursename { margin: 5px; } .coursebox > .info > .coursename { margin: 5px; padding: 0; } .coursebox .content .teachers li { list-style-type: none; padding: 0; margin: 0; } .coursebox .moreinfo, .coursebox .enrolmenticons { padding: 3px 0; float: right; } .coursebox .moreinfo img { margin: 0 .2em; } .coursebox .content { clear: both; } .coursebox .content .summary, .coursebox .content .coursecat { float: right; width: 55%; } .coursebox .content .coursecat { text-align: right; clear: right; } .coursebox.remotecoursebox .remotecourseinfo { float: left; width: 40%; } .coursebox .content .courseimage img { max-width: 100px; max-height: 100px; } .coursebox .content .coursecat, .coursebox .content .summary, .coursebox .content .courseimage, .coursebox .content .coursefile, .coursebox .content .teachers, .coursebox.remotecoursebox .remotecourseinfo, .coursebox .content .customfields-container { margin: 15px 5px 5px; padding: 0; } .coursebox.remotehost > .info > .categoryname a { background-image: url([[pix:moodle|i/mnethost]]); } .coursebox.collapsed { margin-bottom: 0; } .coursebox.collapsed > .content { display: none; } .courses .coursebox.collapsed { padding-top: 0.5rem; padding-bottom: 0.5rem; } .courses .coursebox.even { background-color: rgba(0, 0, 0, 0.05); } .courses > .paging.paging-morelink { text-align: center; padding: 1rem; } .course_category_tree .category .numberofcourse { font-size: 0.8203125rem; } .course_category_tree .controls { visibility: hidden; } .course_category_tree .controls div { display: inline; cursor: pointer; } .jsenabled .course_category_tree .controls { visibility: visible; } .course_category_tree .controls { margin-bottom: 5px; text-align: right; float: right; } .course_category_tree .controls div { padding-right: 2em; font-size: 75%; } .course_category_tree .category > .info > .categoryname { background-image: url([[pix:moodle|t/collapsed_empty]]); background-repeat: no-repeat; padding: 2px 18px; margin: 3px; background-position: center left; } .course_category_tree .category.with_children > .info > .categoryname { background-image: url([[pix:moodle|t/expanded]]); cursor: pointer; } .course_category_tree .category.with_children.collapsed > .info > .categoryname { background-image: url([[pix:moodle|t/collapsed]]); } .course_category_tree .category.collapsed > .content { display: none; } .course_category_tree .category > .info { clear: both; } .course_category_tree .category > .content { padding-left: 16px; } #page-course-index-category .generalbox.info { margin-bottom: 15px; border: 1px dotted #ddd; border-radius: 4px; padding: 5px; } #page-course-index-category .categorypicker { text-align: center; margin: 10px 0 20px; } /** * Course management page * Palette * * Background (reg) #F5F5F5 * Background (light #fafafa * Background (highlight) #ddffaa * Borders #e1e1e8 */ #course-category-listings { margin-bottom: 0; /** Two column layout */ /** Three column layout */ } #course-category-listings.columns-2 > #course-listing > div { position: relative; left: -1px; } #course-category-listings.columns-3 > #course-listing > div { height: 100%; } #course-category-listings > div > div { min-height: 300px; } #course-category-listings > div > div > ul.ml > li:first-child > div { border-top: 0; } #course-category-listings h3 { margin: 0; padding: 0.4rem 0.6rem 0.3rem; } #course-category-listings h4 { margin: 1rem 0 0; padding: 0.6rem 1rem 0.5rem; } #course-category-listings .moodle-actionmenu { white-space: nowrap; } #course-category-listings .listing-actions { text-align: center; } #course-category-listings .listing-actions > .moodle-actionmenu { display: inline-block; } #course-category-listings ul.ml { list-style: none; margin: 1rem 0; } #course-category-listings ul.ml ul.ml { margin: 0; } #course-category-listings .listitem[data-selected='1'] { background-color: rgba(0, 0, 0, 0.05); } #course-category-listings .listitem[data-selected='1']:hover { background-color: rgba(0, 0, 0, 0.075); } #course-category-listings .item-actions { margin-right: 1em; display: inline-block; } #course-category-listings .item-actions.show .menu img { width: 12px; max-width: none; } #course-category-listings .item-actions .menu-action-text { vertical-align: inherit; } #course-category-listings .listitem > div > .float-left { float: left; } #course-category-listings .listitem > div > .float-right { float: right; text-align: right; } #course-category-listings .listitem > div .item-actions .action-show { display: none; } #course-category-listings .listitem > div .item-actions .action-hide { display: inline; } #course-category-listings .listitem > div .without-actions { color: #333; } #course-category-listings .listitem > div .idnumber { color: #a1a1a8; margin-right: 2em; } #course-category-listings .listitem[data-visible="0"] > div .item-actions .action-show { display: inline; } #course-category-listings .listitem[data-visible="0"] > div .item-actions .action-hide { display: none; } #course-category-listings .listitem.highlight { background-color: #fff; } #course-category-listings .listitem.highlight > div, #course-category-listings .listitem.highlight > div:hover, #course-category-listings .listitem.highlight[data-selected='1'] > div { background-color: rgba(0, 0, 0, 0.075); } #course-category-listings #course-listing .listitem .categoryname { display: inline-block; margin-left: 1em; color: #a1a1a8; } #course-category-listings #course-listing .listitem .coursename { display: inline-block; } #course-category-listings #course-listing > .firstpage .listitem:first-child > div .item-actions .action-moveup, #course-category-listings #course-listing > .lastpage .listitem:last-child > div .item-actions .action-movedown { display: none; } #course-category-listings #course-listing .bulk-action-checkbox { margin: -2px 6px 0 0; } #course-category-listings #category-listing .listitem.collapsed > ul.ml { display: none; } #course-category-listings #category-listing .listitem > div > .ba-checkbox { width: 2.2em; text-align: center; margin: -1px 0.5em 0 0; padding-top: 2px; } #course-category-listings #category-listing .listitem.highlight > div > .ba-checkbox { background-color: rgba(0, 0, 0, 0.075); } #course-category-listings #category-listing .listitem[data-selected='1'] > div > .ba-checkbox { margin: 0 0.5em 0 0; padding: 0; background-color: inherit; } #course-category-listings #category-listing .listitem:first-child > div .item-actions .action-moveup, #course-category-listings #category-listing .listitem:last-child > div .item-actions .action-movedown { display: none; } #course-category-listings #category-listing .course-count { color: #a1a1a8; margin-right: 2rem; min-width: 3.5em; display: inline-block; } #course-category-listings #category-listing .bulk-action-checkbox { margin-right: -3px; } #course-category-listings #category-listing .category-listing > ul > .listitem:first-child { position: relative; } #course-category-listings #category-listing .category-bulk-actions { margin: 0 0.5em 0.5em; position: relative; } #course-category-listings .detail-pair > * { display: inline-block; } #course-category-listings .detail-pair .pair-key { font-weight: bold; vertical-align: top; } #course-category-listings .detail-pair .pair-key span { margin-right: 1rem; display: block; } #course-category-listings .detail-pair .pair-value select { max-width: 100%; } #course-category-listings .bulk-actions .detail-pair > * { display: block; width: 100%; } #course-category-listings .listing-pagination { text-align: center; } #course-category-listings .listing-pagination .yui3-button { color: #212529; background-color: #5bc0de; border-color: #5bc0de; border: 0; margin: 0.4rem 0.2rem 0.45rem; font-size: 10.4px; } #course-category-listings .listing-pagination .yui3-button:hover { color: #fff; background-color: #3bb4d8; border-color: #31b0d5; } #course-category-listings .listing-pagination .yui3-button:focus, #course-category-listings .listing-pagination .yui3-button.focus { box-shadow: 0 0 0 0.2rem rgba(82, 169, 195, 0.5); } #course-category-listings .listing-pagination .yui3-button.disabled, #course-category-listings .listing-pagination .yui3-button:disabled { color: #212529; background-color: #5bc0de; border-color: #5bc0de; } #course-category-listings .listing-pagination .yui3-button:not(:disabled):not(.disabled):active, #course-category-listings .listing-pagination .yui3-button:not(:disabled):not(.disabled).active, .show > #course-category-listings .listing-pagination .yui3-button.dropdown-toggle { color: #fff; background-color: #31b0d5; border-color: #2aaacf; } #course-category-listings .listing-pagination .yui3-button:not(:disabled):not(.disabled):active:focus, #course-category-listings .listing-pagination .yui3-button:not(:disabled):not(.disabled).active:focus, .show > #course-category-listings .listing-pagination .yui3-button.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(82, 169, 195, 0.5); } #course-category-listings .listing-pagination .yui3-button.active-page { color: #fff; background-color: #1177d1; border-color: #1177d1; } #course-category-listings .listing-pagination .yui3-button.active-page:hover { color: #fff; background-color: #0e63ae; border-color: #0d5ca2; } #course-category-listings .listing-pagination .yui3-button.active-page:focus, #course-category-listings .listing-pagination .yui3-button.active-page.focus { box-shadow: 0 0 0 0.2rem rgba(53, 139, 216, 0.5); } #course-category-listings .listing-pagination .yui3-button.active-page.disabled, #course-category-listings .listing-pagination .yui3-button.active-page:disabled { color: #fff; background-color: #1177d1; border-color: #1177d1; } #course-category-listings .listing-pagination .yui3-button.active-page:not(:disabled):not(.disabled):active, #course-category-listings .listing-pagination .yui3-button.active-page:not(:disabled):not(.disabled).active, .show > #course-category-listings .listing-pagination .yui3-button.active-page.dropdown-toggle { color: #fff; background-color: #0d5ca2; border-color: #0c5596; } #course-category-listings .listing-pagination .yui3-button.active-page:not(:disabled):not(.disabled):active:focus, #course-category-listings .listing-pagination .yui3-button.active-page:not(:disabled):not(.disabled).active:focus, .show > #course-category-listings .listing-pagination .yui3-button.active-page.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(53, 139, 216, 0.5); } #course-category-listings .listing-pagination-totals { text-align: center; } #course-category-listings .listing-pagination-totals.dimmed { margin: 0.4rem 1rem 0.45rem; } #course-category-listings .select-a-category .notifymessage, #course-category-listings .select-a-category .alert, #course-category-listings .select-a-category #page-admin-index .releasenoteslink, #page-admin-index #course-category-listings .select-a-category .releasenoteslink, #course-category-listings .select-a-category #page-admin-index .adminwarning, #page-admin-index #course-category-listings .select-a-category .adminwarning, #course-category-listings .select-a-category #page-admin-index .adminerror, #page-admin-index #course-category-listings .select-a-category .adminerror, #course-category-listings .select-a-category .que .formulation, .que #course-category-listings .select-a-category .formulation, #course-category-listings .select-a-category .que .outcome, .que #course-category-listings .select-a-category .outcome, #course-category-listings .select-a-category .que .comment, .que #course-category-listings .select-a-category .comment, #course-category-listings .select-a-category .assignfeedback_editpdf_widget .label, .assignfeedback_editpdf_widget #course-category-listings .select-a-category .label { margin: 1em; } #course-category-listings #course-listing .listitem .drag-handle { display: none; } .jsenabled #course-category-listings #course-listing .listitem .drag-handle { display: inline-block; margin: 0 6px 0 0; cursor: pointer; } /** Management header styling **/ .coursecat-management-header { vertical-align: middle; } .coursecat-management-header h2 { display: inline-block; text-align: left; } .coursecat-management-header > div { display: inline-block; float: right; } .coursecat-management-header > div > div { margin: 10px 0 10px 1em; display: inline-block; } .coursecat-management-header select { max-width: 300px; cursor: pointer; padding: 0.4em 0.5em 0.45em 1em; vertical-align: baseline; white-space: nowrap; } .coursecat-management-header .view-mode-selector .moodle-actionmenu { white-space: nowrap; display: inline-block; } .coursecat-management-header .view-mode-selector .moodle-actionmenu[data-enhanced].show .menu a { padding-left: 1em; } .course-being-dragged-proxy { border: 0; color: #1177d1; vertical-align: middle; padding: 0 0 0 4em; } .course-being-dragged { opacity: 0.5; } /** * Display sizes: * Large displays 1200 + * Default displays 980 1199 * Tablets 768 979 * Small tablets and large phones 481 767 * Phones 0 480 */ @media (min-width: 1200px) and (max-width: 1600px) { #course-category-listings.columns-3 { background-color: #fff; border: 0; } #course-category-listings.columns-3 #category-listing, #course-category-listings.columns-3 #course-listing { width: 50%; } #course-category-listings.columns-3 #category-listing > div, #course-category-listings.columns-3 #course-listing > div, #course-category-listings.columns-3 #course-detail > div { background-color: #fff; } #course-category-listings.columns-3 #course-detail { width: 100%; margin-top: 1em; } } @media (max-width: 1199px) { #course-category-listings.columns-2, #course-category-listings.columns-3 { border: 0; } #course-category-listings.columns-2 #category-listing, #course-category-listings.columns-2 #course-listing, #course-category-listings.columns-2 #course-detail, #course-category-listings.columns-3 #category-listing, #course-category-listings.columns-3 #course-listing, #course-category-listings.columns-3 #course-detail { width: 100%; margin: 0 0 1em; } } .page-settings-menu .menubar > a > .icon { width: auto; height: 32px; font-size: 32px; } .activity-navigation .row { align-items: center; } .activity-navigation #prev-activity-link, .activity-navigation #next-activity-link { white-space: pre-wrap; } /* Anchor link offset fix. This makes hash links scroll 60px down to account for the fixed header. */ :target::before { content: " "; display: block; height: 60px; /* fixed header height*/ margin-top: -60px; /* negative fixed header height */ width: 1px; pointer-events: none; } .pagelayout-embedded :target { padding-top: initial; margin-top: initial; } #nav-drawer.closed { left: -305px; } /* Use a variable for the drawer background colors. */ [data-region="drawer"] { position: fixed; padding: 20px 20px; width: 285px; top: 50px; height: calc(100% - 50px); overflow-y: auto; -webkit-overflow-scrolling: touch; z-index: 999; background-color: #f2f2f2; -webkit-transition: right 0.5s ease, left 0.5s ease; -moz-transition: right 0.5s ease, left 0.5s ease; transition: right 0.5s ease, left 0.5s ease; } #nav-drawer { right: auto; left: 0; /* Override the z-indexes defined in bootstrap/_list-group.scss that lead to side effects on the user tours positioning. */ } #nav-drawer .list-group-item-action.active, #nav-drawer .list-group-item.active { z-index: inherit; } #nav-drawer .list-group-item-action.active + .list-group-item, #nav-drawer .list-group-item.active + .list-group-item { border-top: none; } #nav-drawer .list-group ul { list-style: none; padding: 0; margin: 0; } #nav-drawer .list-group li { margin-bottom: -1px; } #nav-drawer .list-group li:last-child { margin-bottom: 0; } #page { margin-top: 50px; } .pagelayout-embedded #page { margin-top: 0; } body.drawer-ease { -webkit-transition: margin-left 0.5s ease, margin-right 0.5s ease; -moz-transition: margin-left 0.5s ease, margin-right 0.5s ease; transition: margin-left 0.5s ease, margin-right 0.5s ease; } @media (min-width: 768px) { body.drawer-open-left { margin-left: 285px; } } @media (min-width: 768px) { body.drawer-open-right { margin-right: 285px; } } [data-region=right-hand-drawer] { display: flex; flex-direction: column; transition: right 0.2s ease-in-out; } @media (prefers-reduced-motion: reduce) { [data-region=right-hand-drawer] { transition: none; } } [data-region=right-hand-drawer].drawer { z-index: 1020; position: fixed; top: 50px; right: 0; height: calc(100% - 50px); width: 320px; box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.08); padding: 0; visibility: visible; opacity: 1; } [data-region=right-hand-drawer].hidden { display: block; right: -320px; visibility: hidden; opacity: 0; transition: right 0.2s ease-in-out, visibility 0s ease-in-out 0.2s, opacity 0s ease-in-out 0.2s; } @media (prefers-reduced-motion: reduce) { [data-region=right-hand-drawer].hidden { transition: none; } } .dir-rtl [data-region=right-hand-drawer] { box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.08); } #page-my-index { background-color: #f8f9fa; } .fp-content-center { height: 100%; width: 100%; display: table-cell; vertical-align: middle; } .fp-content-hidden { visibility: hidden; } .yui3-panel-focused { outline: none; } .fp-panel-button { background: #fff; padding: 3px 20px 2px 20px; text-align: center; margin: 10px; border-radius: 10px; display: inline-block; } .filepicker .yui3-widget-content-expanded { height: auto; } /* The javascript is adding a style="height: 0px;" to this element - we need to set the min-height so the height is ignored. */ .filepicker .moodle-dialogue-bd { min-height: 520px; } .file-picker .fp-navbar { border-bottom: 1px solid #e5e5e5; min-height: 40px; padding: 4px; } .file-picker .fp-content { border-top: 0; background: #fff; clear: none; overflow: auto; height: 452px; } .filepicker.moodle-dialogue-fullscreen .file-picker .fp-content { width: 100%; } .file-picker .fp-content-loading { height: 100%; width: 100%; display: table; text-align: center; } .file-picker .fp-content .fp-object-container { width: 98%; height: 98%; } .file-picker .fp-def-search { margin-top: 0; } .file-picker .fp-list { list-style-type: none; padding: 0; float: left; width: 100%; margin: 0; } .file-picker .fp-list .fp-repo a { display: block; padding: .5em .7em; } .file-picker .fp-list .fp-repo.active { background: #f2f2f2; } .file-picker .fp-list .fp-repo-icon { padding: 0 7px 0 5px; width: 16px; height: 16px; } .fp-toolbar { float: left; } .fp-toolbar.empty { display: none; } .fp-toolbar .disabled { display: none; } .fp-toolbar div { display: block; float: left; margin-right: 4px; } .fp-toolbar img { vertical-align: -15%; margin-right: 5px; } .file-picker .fp-clear-left { clear: left; } .fp-pathbar.empty { display: none; } .fp-pathbar .fp-path-folder { background: url("[[pix:theme|fp/path_folder]]") left 3px no-repeat; background-size: 12px 12px; height: 12px; margin-left: 12px; } .fp-pathbar .fp-path-folder-name { margin-left: 24px; } .fp-iconview .fp-file { float: left; text-align: center; position: relative; margin: 10px 10px 35px; } .fp-iconview .fp-thumbnail { min-width: 110px; min-height: 110px; line-height: 110px; text-align: center; border: 1px solid #fff; display: block; } .fp-iconview .fp-thumbnail img { border: 1px solid #ddd; padding: 3px; vertical-align: middle; } .fp-iconview .fp-thumbnail:hover { background: #fff; border: 1px solid #ddd; } .fp-iconview .fp-filename-field { height: 33px; word-wrap: break-word; overflow: hidden; position: absolute; } .fp-iconview .fp-file:focus .fp-filename-field, .fp-iconview .fp-file:hover .fp-filename-field { overflow: visible; z-index: 1000; } .fp-iconview .fp-file:focus .fp-filename, .fp-iconview .fp-file:hover .fp-filename { overflow: inherit; white-space: normal; text-overflow: inherit; } .fp-iconview .fp-filename-field .fp-filename { background: #fff; padding-top: 5px; padding-bottom: 12px; min-width: 112px; } .file-picker .yui3-datatable table { border: 0 solid #bbb; width: 100%; } .file-picker .ygtvtn, .filemanager .ygtvtn { background: url("[[pix:moodle|y/tn]]") 0 0 no-repeat; width: 19px; height: 32px; } .file-picker .ygtvtm, .filemanager .ygtvtm { background: url("[[pix:moodle|y/tm]]") 0 10px no-repeat; width: 13px; height: 12px; cursor: pointer; } .file-picker .ygtvtmh, .filemanager .ygtvtmh { background: url("[[pix:moodle|y/tm]]") 0 10px no-repeat; width: 13px; height: 12px; cursor: pointer; } .file-picker .ygtvtp, .filemanager .ygtvtp { background: url("[[pix:moodle|y/tp]]") 0 10px no-repeat; width: 13px; height: 12px; cursor: pointer; } .file-picker .ygtvtph, .filemanager .ygtvtph { background: url("[[pix:moodle|y/tp]]") 0 10px no-repeat; width: 13px; height: 22px; cursor: pointer; } .file-picker .ygtvln, .filemanager .ygtvln { background: url("[[pix:moodle|y/ln]]") 0 0 no-repeat; width: 19px; height: 32px; } .file-picker .ygtvlm, .filemanager .ygtvlm { background: url("[[pix:moodle|y/lm]]") 0 10px no-repeat; width: 13px; height: 12px; cursor: pointer; } .file-picker .ygtvlmh, .filemanager .ygtvlmh { background: url("[[pix:moodle|y/lm]]") 0 10px no-repeat; width: 13px; height: 12px; cursor: pointer; } .file-picker .ygtvlp, .filemanager .ygtvlp { background: url("[[pix:moodle|y/lp]]") 0 10px no-repeat; width: 13px; height: 12px; cursor: pointer; } .file-picker .ygtvlph, .filemanager .ygtvlph { background: url("[[pix:moodle|y/lp]]") 0 10px no-repeat; width: 13px; height: 12px; cursor: pointer; } .file-picker .ygtvloading, .filemanager .ygtvloading { background: transparent url("[[pix:moodle|y/loading]]") 0 0 no-repeat; width: 16px; height: 22px; } .file-picker .ygtvdepthcell, .filemanager .ygtvdepthcell { background: url("[[pix:moodle|y/vline]]") 0 0 no-repeat; width: 17px; height: 32px; } .file-picker .ygtvblankdepthcell, .filemanager .ygtvblankdepthcell { width: 17px; height: 22px; } a.ygtvspacer:hover { color: transparent; text-decoration: none; } .ygtvlabel, .ygtvlabel:link, .ygtvlabel:visited, .ygtvlabel:hover { background-color: transparent; cursor: pointer; margin-left: 2px; text-decoration: none; } .file-picker .ygtvfocus, .filemanager .ygtvfocus { background-color: #eee; } .fp-filename-icon { margin-top: 10px; display: block; position: relative; } .fp-icon { float: left; margin-top: -7px; width: 24px; height: 24px; margin-right: 10px; text-align: center; line-height: 24px; } .fp-icon img { max-height: 24px; max-width: 24px; vertical-align: middle; } .fp-filename { padding-right: 10px; } .file-picker .fp-login-form { height: 100%; width: 100%; display: table; } .file-picker .fp-upload-form { height: 100%; width: 100%; display: table; } .file-picker .fp-upload-form table { margin: 0 auto; } .file-picker.fp-dlg { text-align: center; } .file-picker.fp-dlg .fp-dlg-buttons { margin: 0 20px; } .file-picker.fp-msg { text-align: center; } .file-picker .fp-content-error { height: 100%; width: 100%; display: table; text-align: center; } .file-picker .fp-nextpage { clear: both; } .file-picker .fp-nextpage .fp-nextpage-loading { display: none; } .file-picker .fp-nextpage.loading .fp-nextpage-link { display: none; } .file-picker .fp-nextpage.loading .fp-nextpage-loading { display: block; text-align: center; height: 100px; padding-top: 50px; } .fp-select .fp-select-loading { text-align: center; margin-top: 20px; } .fp-select table { padding: 0 0 10px; } .fp-select table .mdl-right { min-width: 84px; } .fp-select .fp-reflist .mdl-right { vertical-align: top; } .fp-select .fp-select-buttons { float: right; } .fp-select .fp-info { font-size: 0.703125rem; } .fp-select .fp-thumbnail { float: left; min-width: 110px; min-height: 110px; line-height: 110px; text-align: center; margin: 10px 20px 0 0; background: #fff; border: 1px solid #ddd; } .fp-select .fp-thumbnail img { border: 1px solid #ddd; padding: 3px; vertical-align: middle; margin: 10px; } .fp-select .fp-fileinfo { display: inline-block; margin-top: 10px; } .file-picker.fp-select .fp-fileinfo { max-width: 240px; } .fp-select .fp-fileinfo div { padding-bottom: 5px; } .file-picker.fp-select .uneditable { display: none; } .file-picker.fp-select .fp-select-loading { display: none; } .file-picker.fp-select.loading .fp-select-loading { display: block; } .file-picker.fp-select.loading form { display: none; } .fp-select .fp-dimensions.fp-unknown { display: none; } .fp-select .fp-size.fp-unknown { display: none; } .filemanager-loading { display: none; } .jsenabled .filemanager-loading { display: block; margin-top: 100px; } .filemanager.fm-loading .filemanager-toolbar, .filemanager.fm-loading .fp-pathbar, .filemanager.fm-loading .filemanager-container, .filemanager.fm-loaded .filemanager-loading, .filemanager.fm-maxfiles .fp-btn-add, .filemanager.fm-maxfiles .dndupload-message, .filemanager.fm-noitems .fp-btn-download, .filemanager .fm-empty-container, .filemanager.fm-noitems .filemanager-container .fp-content { display: none; } .filemanager .fp-img-downloading { display: none; padding-top: 7px; } .filemanager .filemanager-updating { display: none; text-align: center; } .filemanager.fm-updating .filemanager-updating { display: block; margin-top: 37px; } .filemanager.fm-updating .fm-content-wrapper, .filemanager.fm-nomkdir .fp-btn-mkdir, .fitem.disabled .filemanager .filemanager-toolbar, .fitem.disabled .filemanager .fp-pathbar, .fitem.disabled .filemanager .fp-restrictions, .fitem.disabled .filemanager .fm-content-wrapper { display: none; } .filemanager .fp-restrictions { text-align: right; } .filemanager-toolbar { padding: 4px; overflow: hidden; } .filemanager .fp-pathbar.empty { display: none; } .filepicker-filelist, .filemanager-container { min-height: 140px; border-top: 0; } .filemanager .fp-content { overflow: auto; max-height: 472px; min-height: 157px; } .filemanager-container, .filepicker-filelist { overflow: hidden; } .file-picker .yui3-datatable-header { background: initial; } .fitem.disabled .filepicker-filelist, .fitem.disabled .filemanager-container { background-color: #ebebe4; } .fitem.disabled .filepicker-filelist .filepicker-filename { display: none; } .fp-iconview .fp-reficons1 { position: absolute; height: 100%; width: 100%; top: 0; left: 0; } .fp-iconview .fp-reficons2 { position: absolute; height: 100%; width: 100%; top: 0; left: 0; } .fp-iconview .fp-file.fp-hasreferences .fp-reficons1 { background: url("[[pix:theme|fp/link]]") no-repeat; background-position: bottom right; background-size: 16px 16px; } .fp-iconview .fp-file.fp-isreference .fp-reficons2 { background: url("[[pix:theme|fp/alias]]") no-repeat; background-position: bottom left; background-size: 16px 16px; } .filemanager .fp-iconview .fp-file.fp-originalmissing .fp-thumbnail img { display: none; } .filemanager .fp-iconview .fp-file.fp-originalmissing .fp-thumbnail { background: url([[pix:s/dead]]) no-repeat; background-position: center center; } .filemanager .yui3-datatable table { border: 0 solid #bbb; width: 100%; } /* Override YUI default styling */ /* stylelint-disable declaration-no-important */ .filemanager .yui3-datatable-header { background: #fff !important; border-bottom: 1px solid #ccc !important; border-left: 0 solid #fff !important; color: #555 !important; } .filemanager .yui3-datatable-odd .yui3-datatable-cell { background-color: #f6f6f6 !important; border-left: 0 solid #f6f6f6; } .filemanager .yui3-datatable-even .yui3-datatable-cell { background-color: #fff !important; border-left: 0 solid #fff; } /* stylelint-enable */ .filemanager .fp-filename-icon.fp-hasreferences .fp-reficons1 { background: url("[[pix:theme|fp/link_sm]]") no-repeat 0 0; height: 100%; width: 100%; position: absolute; top: 8px; left: 17px; background-size: 16px 16px; } .filemanager .fp-filename-icon.fp-isreference .fp-reficons2 { background: url("[[pix:theme|fp/alias_sm]]") no-repeat 0 0; height: 100%; width: 100%; position: absolute; top: 9px; left: -6px; background-size: 16px 16px; } .filemanager .fp-contextmenu { display: none; } .filemanager .fp-iconview .fp-folder.fp-hascontextmenu .fp-contextmenu { display: block; position: absolute; right: 7px; bottom: 5px; } .filemanager .fp-treeview .fp-folder.fp-hascontextmenu .fp-contextmenu, .filemanager .fp-tableview .fp-folder.fp-hascontextmenu .fp-contextmenu { display: inline; position: absolute; left: 14px; margin-right: -20px; top: 6px; } .filepicker-filelist .filepicker-container, .filemanager.fm-noitems .fm-empty-container { display: block; position: absolute; top: 10px; bottom: 10px; left: 10px; right: 10px; border: 2px dashed #bbb; padding-top: 85px; text-align: center; } .filepicker-filelist .dndupload-target, .filemanager-container .dndupload-target { background: #fff; position: absolute; top: 10px; bottom: 10px; left: 10px; right: 10px; border: 2px dashed #fb7979; padding-top: 85px; text-align: center; } .filepicker-filelist.dndupload-over .dndupload-target, .filemanager-container.dndupload-over .dndupload-target { background: #fff; position: absolute; top: 10px; bottom: 10px; left: 10px; right: 10px; border: 2px dashed #6c8cd3; padding-top: 85px; text-align: center; } .dndupload-message { display: none; } .dndsupported .dndupload-message { display: inline; } .dnduploadnotsupported-message { display: none; } .dndnotsupported .dnduploadnotsupported-message { display: inline; } .dndupload-target { display: none; } .dndsupported .dndupload-ready .dndupload-target { display: block; } .dndupload-uploadinprogress { display: none; text-align: center; } .dndupload-uploading .dndupload-uploadinprogress { display: block; } .dndupload-arrow { background: url([[pix:theme|fp/dnd_arrow]]) center no-repeat; width: 100%; height: 80px; position: absolute; top: 5px; } .fitem.disabled .filepicker-container, .fitem.disabled .fm-empty-container { display: none; } .dndupload-progressbars { padding: 10px; display: none; } .dndupload-inprogress .dndupload-progressbars { display: block; } .dndupload-inprogress .fp-content { display: none; } .filemanager.fm-noitems .dndupload-inprogress .fm-empty-container { display: none; } .filepicker-filelist.dndupload-inprogress .filepicker-container { display: none; } .filepicker-filelist.dndupload-inprogress a { display: none; } .filemanager.fp-select .fp-select-loading { display: none; } .filemanager.fp-select.loading .fp-select-loading { display: block; } .filemanager.fp-select.loading form { display: none; } .filemanager.fp-select.fp-folder .fp-license, .filemanager.fp-select.fp-folder .fp-author, .filemanager.fp-select.fp-file .fp-file-unzip, .filemanager.fp-select.fp-folder .fp-file-unzip, .filemanager.fp-select.fp-file .fp-file-zip, .filemanager.fp-select.fp-zip .fp-file-zip { display: none; } .filemanager.fp-select .fp-file-setmain, .filemanager.fp-select .fp-file-setmain-help { display: none; } .filemanager.fp-select.fp-cansetmain .fp-file-setmain, .filemanager.fp-select.fp-cansetmain .fp-file-setmain-help { display: inline-block; } .filemanager .fp-mainfile .fp-filename { font-weight: bold; } .filemanager.fp-select.fp-folder .fp-file-download { display: none; } .fm-operation { font-weight: bold; } .filemanager.fp-select .fp-original.fp-unknown, .filemanager.fp-select .fp-original .fp-originloading { display: none; } .filemanager.fp-select .fp-original.fp-loading .fp-originloading { display: inline; } .filemanager.fp-select .fp-reflist.fp-unknown, .filemanager.fp-select .fp-reflist .fp-reflistloading { display: none; } .filemanager.fp-select .fp-reflist.fp-loading .fp-reflistloading { display: inline; } .filemanager.fp-select .fp-reflist .fp-value { background: #f9f9f9; border: 1px solid #bbb; padding: 8px 7px; margin: 0; max-height: 75px; overflow: auto; } .filemanager.fp-select .fp-reflist .fp-value li { padding-bottom: 7px; } .filemanager.fp-mkdir-dlg { text-align: center; } .filemanager.fp-mkdir-dlg .fp-mkdir-dlg-text { text-align: left; margin: 20px; } .filemanager.fp-dlg { text-align: center; } .file-picker div.bd { text-align: left; } .fp-formset { padding: 10px; } .fp-formset input[type="file"] { line-height: inherit; } .fp-forminset { padding: 0 10px; } .fp-fileinfo .fp-value { display: inline-block; padding-left: 5px; } /** The message area **/ .hidden { display: none; } .preferences-container .container-fluid { padding: 0; } .preferences-container .container-fluid .col-md-6 { min-height: 20px; } .preferences-container .align-bottom { vertical-align: bottom; } .preferences-container .preference-table { border: 1px solid #ddd; } .preferences-container .preference-table thead th { text-align: center; } .preferences-container .preference-table thead th .config-warning { display: none; } .preferences-container .preference-table thead th.unconfigured .config-warning { display: inline-block; } .preferences-container .preference-table tr td:not(:first-child) { width: 150px; text-align: center; } .preferences-container .preference-table tr td:nth-child(even) { background-color: #f7f7f7; } .preferences-container .preference-table tr th:nth-child(even) { background-color: #f7f7f7; } .preferences-container .preference-table .preference-row .hover-tooltip-container { display: inline-block; } .preferences-container .preference-table .preference-row .preference-name { vertical-align: middle; } .preferences-container .preference-table .preference-row .disabled-message { text-align: center; height: 30px; line-height: 30px; } .preferences-container .preference-table .preference-row .preference-state { margin: 0; padding: 0; display: inline-block; vertical-align: middle; } .preferences-container .preference-table .preference-row .preference-state input[type="checkbox"]:checked + .preference-state-status-container { background-color: #5cb85c; } .preferences-container .preference-table .preference-row .preference-state input[type="checkbox"]:checked + .preference-state-status-container .on-text { display: inline-block; } .preferences-container .preference-table .preference-row .preference-state input[type="checkbox"]:checked + .preference-state-status-container .off-text { display: none; } .preferences-container .preference-table .preference-row .preference-state .preference-state-status-container { width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: 4px; background-color: #d9534f; color: #fff; cursor: pointer; } .preferences-container .preference-table .preference-row .preference-state .preference-state-status-container .loading-icon { display: none; } .preferences-container .preference-table .preference-row .preference-state .preference-state-status-container .on-text { display: none; } .preferences-container .preference-table .preference-row .preference-state .preference-state-status-container .off-text { display: inline-block; } .preferences-container .preference-table .preference-row .preference-state.loading input[type="checkbox"]:checked + .preference-state-status-container .on-text, .preferences-container .preference-table .preference-row .preference-state.loading input[type="checkbox"]:checked + .preference-state-status-container .off-text { display: none; } .preferences-container .preference-table .preference-row .preference-state.loading .preference-state-status-container .on-text, .preferences-container .preference-table .preference-row .preference-state.loading .preference-state-status-container .off-text { display: none; } .preferences-container .preference-table .preference-row .preference-state.loading .preference-state-status-container .loading-icon { display: block; } .preferences-container .preference-table .preference-row.loading .preference-name .loading-icon { display: block; } .disabled-message { display: none; } .disabled .disabled-message { display: block; } .disabled .disabled-message + form { display: none; } .general-settings-container .loading-icon { display: none; } .general-settings-container .loading .loading-icon { display: inline-block; } .general-settings-container label { display: inline-block; } .processor-container { position: relative; } .processor-container .loading-container { display: none; position: absolute; width: 100%; height: 100%; text-align: center; background-color: rgba(255, 255, 255, 0.5); } .processor-container .loading-container .vertical-align { height: 100%; width: 0%; display: inline-block; vertical-align: middle; } .processor-container.loading .loading-container { display: block; } .preferences-page-container .checkbox-container { margin: 30px 5px; line-height: 20px; } .preferences-page-container .checkbox-container input { line-height: 20px; margin: 0; } .preferences-page-container .checkbox-container .loading-icon { display: none; } .preferences-page-container .checkbox-container.loading .loading-icon { display: inline-block; } .notification-area { height: 600px; box-sizing: border-box; border-radius: 4px; margin-bottom: 30px; border: 1px solid #e3e3e3; } @media (max-height: 670px) { .notification-area { height: 500px; } } .notification-area .control-area { box-sizing: border-box; display: inline-block; width: 300px; height: 100%; overflow: auto; -webkit-overflow-scrolling: touch; border-right: 1px solid #e3e3e3; } .notification-area .control-area .content { position: relative; } .notification-area .control-area .content .content-item-container { cursor: pointer; } .notification-area .control-area .content:empty + .empty-text { display: block; } .notification-area .control-area .loading-icon { display: none; } .notification-area .control-area .empty-text { display: none; text-align: center; padding-top: 20px; } .notification-area .control-area.loading .loading-icon { display: block; text-align: center; box-sizing: border-box; padding: 5px; } .notification-area .control-area.loading .content:empty + .empty-text { display: none; } .notification-area .content-area { box-sizing: border-box; display: inline-block; width: calc(100% - 300px); float: right; } .notification-area .content-area .toggle-mode { display: none; } .notification-area .content-area .header { height: 50px; box-sizing: border-box; border-bottom: 1px solid #e3e3e3; padding: 5px; } .notification-area .content-area .header .image-container { display: inline-block; height: 25px; width: 24px; float: left; } .notification-area .content-area .header .subject-container { display: inline-block; max-width: calc(100% - 24px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; height: 25px; padding-left: 5px; box-sizing: border-box; } .notification-area .content-area .header .timestamp { font-size: 10px; line-height: 10px; margin: 0; color: #666; margin-left: 30px; } .notification-area .content-area .header:empty { display: none; } .notification-area .content-area > .content { height: 500px; box-sizing: border-box; overflow: auto; -webkit-overflow-scrolling: touch; padding: 15px; } @media (max-height: 670px) { .notification-area .content-area > .content { height: 400px; } } .notification-area .content-area > .content:empty { display: none; } .notification-area .content-area > .content:empty + .empty-text { display: block; text-align: center; padding-top: 100px; } .notification-area .content-area .empty-text { display: none; } .notification-area .content-area .footer { height: 50px; box-sizing: border-box; text-align: center; } .notification-area .content-area .footer a { line-height: 50px; } .notification-area .content-area .footer:empty { display: none; } @media (max-width: 979px) { .notification-area { position: relative; overflow: hidden; } .notification-area .control-area { border-right: none; width: 100%; position: absolute; top: 0; left: 0; opacity: 1; visibility: visible; transition: left 0.25s; } .notification-area .content-area { width: 100%; position: absolute; top: 0; right: -100%; opacity: 0; visibility: hidden; transition: right 0.25s, opacity 0.25s, visibility 0.25s; } .notification-area .content-area .toggle-mode { display: inline-block; float: left; width: 70px; height: 50px; line-height: 50px; box-sizing: border-box; border-right: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; } .notification-area .content-area .header { display: inline-block; width: calc(100% - 70px); } .notification-area.show-content-area .control-area { left: -100%; opacity: 0; visibility: hidden; transition: left 0.25s, opacity 0.25s, visibility 0.25s; } .notification-area.show-content-area .content-area { right: 0; opacity: 1; visibility: visible; transition: right 0.25s; } } .drawer .message-app { height: 100%; } .drawer .message-app .icon-back-in-app { display: none; } .drawer .message-app .icon-back-in-drawer { display: inherit; } .message-app { display: flex; flex-direction: column; background-color: #eff1f3; } .message-app .icon-back-in-drawer { display: none; } .message-app.main { min-height: 400px; } .message-app .header-container { flex-shrink: 0; } .message-app .body-container { flex: 1; overflow: hidden; } .message-app .body-container > * { position: absolute; right: 0; left: 0; top: 0; bottom: 0; } .message-app .footer-container { flex-shrink: 0; } .message-app .footer-container textarea { direction: ltr; } .message-app .matchtext { background-color: #b5d9f9; color: #373a3c; height: 1.5rem; } .message-app .contact-status { position: absolute; left: 39px; top: 39px; width: 10px; height: 10px; border-radius: 50%; } .message-app .contact-status.online { border: 1px solid #fff; background-color: #5cb85c; } .message-app .message p { margin: 0; } .message-app .clickable { cursor: pointer; } .message-app .clickable:hover { filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.3)); } .message-app a, .message-app .btn-link, .message-app .btn.btn-icon, .message-app #page-grade-grading-manage .actions .btn-icon.action, #page-grade-grading-manage .actions .message-app .btn-icon.action, .message-app #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input.btn-icon, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .message-app input.btn-icon, .message-app #rubric-rubric.gradingform_rubric .btn-icon.addcriterion, #rubric-rubric.gradingform_rubric .message-app .btn-icon.addcriterion { color: inherit; } .message-app .btn-link:hover, .message-app .btn.btn-icon:hover, .message-app #page-grade-grading-manage .actions .btn-icon.action:hover, #page-grade-grading-manage .actions .message-app .btn-icon.action:hover, .message-app #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input.btn-icon:hover, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .message-app input.btn-icon:hover, .message-app #rubric-rubric.gradingform_rubric .btn-icon.addcriterion:hover, #rubric-rubric.gradingform_rubric .message-app .btn-icon.addcriterion:hover, .message-app .btn-link:focus, .message-app .btn.btn-icon:focus, .message-app #page-grade-grading-manage .actions .btn-icon.action:focus, #page-grade-grading-manage .actions .message-app .btn-icon.action:focus, .message-app #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input.btn-icon:focus, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .message-app input.btn-icon:focus, .message-app #rubric-rubric.gradingform_rubric .btn-icon.addcriterion:focus, #rubric-rubric.gradingform_rubric .message-app .btn-icon.addcriterion:focus { background-color: rgba(0, 0, 0, 0.035); text-decoration: none; } .message-app .icon { margin-right: 0; } .message-app .overview-section-toggle .collapsed-icon-container { display: none; } .message-app .overview-section-toggle .expanded-icon-container { display: inline-block; } .message-app .overview-section-toggle.collapsed .collapsed-icon-container { display: inline-block; } .message-app .overview-section-toggle.collapsed .expanded-icon-container { display: none; } .message-app .btn.btn-link.btn-icon, .message-app .btn.btn-icon, .message-app #page-grade-grading-manage .actions .btn-icon.action, #page-grade-grading-manage .actions .message-app .btn-icon.action, .message-app #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input.btn-icon, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .message-app input.btn-icon, .message-app #rubric-rubric.gradingform_rubric .btn-icon.addcriterion, #rubric-rubric.gradingform_rubric .message-app .btn-icon.addcriterion { height: 16px; width: 16px; padding: 0; border-radius: 50%; flex-shrink: 0; } .message-app .btn.btn-link.btn-icon:hover, .message-app .btn.btn-icon:hover, .message-app #page-grade-grading-manage .actions .btn-icon.action:hover, #page-grade-grading-manage .actions .message-app .btn-icon.action:hover, .message-app #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input.btn-icon:hover, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .message-app input.btn-icon:hover, .message-app #rubric-rubric.gradingform_rubric .btn-icon.addcriterion:hover, #rubric-rubric.gradingform_rubric .message-app .btn-icon.addcriterion:hover, .message-app .btn.btn-link.btn-icon:focus, .message-app .btn.btn-icon:focus, .message-app #page-grade-grading-manage .actions .btn-icon.action:focus, #page-grade-grading-manage .actions .message-app .btn-icon.action:focus, .message-app #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input.btn-icon:focus, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .message-app input.btn-icon:focus, .message-app #rubric-rubric.gradingform_rubric .btn-icon.addcriterion:focus, #rubric-rubric.gradingform_rubric .message-app .btn-icon.addcriterion:focus { background-color: #e9ecef; } .message-app .btn.btn-link.btn-icon.icon-size-0, .message-app .btn.btn-icon.icon-size-0, .message-app #page-grade-grading-manage .actions .btn-icon.icon-size-0.action, #page-grade-grading-manage .actions .message-app .btn-icon.icon-size-0.action, .message-app #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input.btn-icon.icon-size-0, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .message-app input.btn-icon.icon-size-0, .message-app #rubric-rubric.gradingform_rubric .btn-icon.icon-size-0.addcriterion, #rubric-rubric.gradingform_rubric .message-app .btn-icon.icon-size-0.addcriterion { height: 20px !important; /* stylelint-disable-line declaration-no-important */ width: 20px !important; /* stylelint-disable-line declaration-no-important */ } .message-app .btn.btn-link.btn-icon.icon-size-1, .message-app .btn.btn-icon.icon-size-1, .message-app #page-grade-grading-manage .actions .btn-icon.icon-size-1.action, #page-grade-grading-manage .actions .message-app .btn-icon.icon-size-1.action, .message-app #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input.btn-icon.icon-size-1, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .message-app input.btn-icon.icon-size-1, .message-app #rubric-rubric.gradingform_rubric .btn-icon.icon-size-1.addcriterion, #rubric-rubric.gradingform_rubric .message-app .btn-icon.icon-size-1.addcriterion { height: 24px !important; /* stylelint-disable-line declaration-no-important */ width: 24px !important; /* stylelint-disable-line declaration-no-important */ } .message-app .btn.btn-link.btn-icon.icon-size-2, .message-app .btn.btn-icon.icon-size-2, .message-app #page-grade-grading-manage .actions .btn-icon.icon-size-2.action, #page-grade-grading-manage .actions .message-app .btn-icon.icon-size-2.action, .message-app #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input.btn-icon.icon-size-2, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .message-app input.btn-icon.icon-size-2, .message-app #rubric-rubric.gradingform_rubric .btn-icon.icon-size-2.addcriterion, #rubric-rubric.gradingform_rubric .message-app .btn-icon.icon-size-2.addcriterion { height: 28px !important; /* stylelint-disable-line declaration-no-important */ width: 28px !important; /* stylelint-disable-line declaration-no-important */ } .message-app .btn.btn-link.btn-icon.icon-size-3, .message-app .btn.btn-icon.icon-size-3, .message-app #page-grade-grading-manage .actions .btn-icon.icon-size-3.action, #page-grade-grading-manage .actions .message-app .btn-icon.icon-size-3.action, .message-app #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input.btn-icon.icon-size-3, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .message-app input.btn-icon.icon-size-3, .message-app #rubric-rubric.gradingform_rubric .btn-icon.icon-size-3.addcriterion, #rubric-rubric.gradingform_rubric .message-app .btn-icon.icon-size-3.addcriterion { height: 36px !important; /* stylelint-disable-line declaration-no-important */ width: 36px !important; /* stylelint-disable-line declaration-no-important */ } .message-app .btn.btn-link.btn-icon.icon-size-4, .message-app .btn.btn-icon.icon-size-4, .message-app #page-grade-grading-manage .actions .btn-icon.icon-size-4.action, #page-grade-grading-manage .actions .message-app .btn-icon.icon-size-4.action, .message-app #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input.btn-icon.icon-size-4, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .message-app input.btn-icon.icon-size-4, .message-app #rubric-rubric.gradingform_rubric .btn-icon.icon-size-4.addcriterion, #rubric-rubric.gradingform_rubric .message-app .btn-icon.icon-size-4.addcriterion { height: 44px !important; /* stylelint-disable-line declaration-no-important */ width: 44px !important; /* stylelint-disable-line declaration-no-important */ } .message-app .btn.btn-link.btn-icon.icon-size-5, .message-app .btn.btn-icon.icon-size-5, .message-app #page-grade-grading-manage .actions .btn-icon.icon-size-5.action, #page-grade-grading-manage .actions .message-app .btn-icon.icon-size-5.action, .message-app #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input.btn-icon.icon-size-5, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .message-app input.btn-icon.icon-size-5, .message-app #rubric-rubric.gradingform_rubric .btn-icon.icon-size-5.addcriterion, #rubric-rubric.gradingform_rubric .message-app .btn-icon.icon-size-5.addcriterion { height: 68px !important; /* stylelint-disable-line declaration-no-important */ width: 68px !important; /* stylelint-disable-line declaration-no-important */ } .message-app .view-overview-body .section { display: block; } .message-app .view-overview-body .section.expanded { display: flex; } .message-app .view-conversation .content-message-container img { max-width: 100%; } .message-app .list-group .list-group-item { border-left: 0; border-right: 0; } .message-app .list-group .list-group-item:first-child { border-top: 0; } .message-app .list-group .list-group-item:last-child { border-bottom: 0; } .message-app .last-message { min-height: 1.5rem; } .message-app .section .collapsing { overflow: hidden; } .message-app .message.send { background-color: #dee2e6; color: #212529; } .message-app .message.send .time { color: #212529; } .message-app .message.send .tail { right: 0; margin-right: -0.5rem; border-bottom-color: #dee2e6; } .message-app .message.received { background-color: #fff; color: #212529; } .message-app .message.received .time { color: #646669; } .message-app .message.received .tail { left: 0; margin-left: -0.5rem; border-bottom-color: #fff; } .message-app .message .tail { content: ''; bottom: 0; width: 0; height: 0; border: 0.5rem solid transparent; position: relative; } .message-app .day { color: #212529; } .message-app .lazy-load-list { overflow-y: auto; } #page-message-index #region-main { height: 100%; } #page-message-index #region-main div[role="main"] { height: 100%; } #page-message-index #region-main div[role="main"] #maincontent { margin-top: -1px; } #page-message-index #region-main div[role="main"] .message-app.main { height: 100%; } .dir-rtl .message-drawer { box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.08); } .message-app .emoji-picker-container { position: absolute; top: -5px; right: 5px; transform: translateY(-100%); } .message-app .emoji-picker-container .emoji-picker .picker-row .emoji-button { height: 40px; width: 40px; } @media (max-width: 575.98px) { .message-app .emoji-picker-container { right: -0.5rem; } } .message-app .emoji-auto-complete-container { overflow: auto; max-height: 90px; transition: max-height .15s ease-in-out; visibility: visible; } .message-app .emoji-auto-complete-container.hidden { display: block; max-height: 0; visibility: hidden; overflow: hidden; transition: max-height .15s ease-in-out, visibility 0s linear .15s, overflow 0s linear .15s; } /* Question */ .questionbank h2 { margin-top: 0; } .questioncategories h3 { margin-top: 0; } #chooseqtypebox { margin-top: 1em; } #chooseqtype h3 { margin: 0 0 0.3em; } #chooseqtype .instruction { display: none; } #chooseqtype .fakeqtypes { border-top: 1px solid silver; } #chooseqtype .qtypeoption { margin-bottom: 0.5em; } #chooseqtype label { display: block; } #chooseqtype .qtypename img { padding: 0 0.3em; } #chooseqtype .qtypename { display: inline-table; width: 16em; } #chooseqtype .qtypesummary { display: block; margin: 0 2em; } #chooseqtype .submitbuttons { margin: 0.7em 0; text-align: center; } #qtypechoicecontainer { display: none; } #qtypechoicecontainer_c.yui-panel-container.shadow .underlay { background: none; } #qtypechoicecontainer.yui-panel .hd { color: #333; letter-spacing: 1px; text-shadow: 1px 1px 1px #fff; border-top-left-radius: 10px; border-top-right-radius: 10px; border: 1px solid #ccc; border-bottom: 1px solid #bbb; background-image: linear-gradient(to bottom, #fff 0%, #ccc 100%); background-repeat: repeat-x; } #qtypechoicecontainer { font-size: 12px; color: #333; background: #f2f2f2; border-radius: 10px; border: 1px solid #ccc; border-top: 0 none; } #qtypechoicecontainer #chooseqtype { width: 40em; } #chooseqtypehead h3 { margin: 0; font-weight: normal; } #chooseqtype .qtypes { position: relative; border-bottom: 1px solid #bbb; padding: 0.24em 0; } #chooseqtype .alloptions { overflow-x: hidden; overflow-y: auto; max-height: calc(100vh - 15em); width: 60%; } #chooseqtype .qtypeoption { margin-bottom: 0; padding: 0.3em 0.3em 0.3em 1.6em; } #chooseqtype .qtypeoption img { vertical-align: text-bottom; padding-left: 1em; padding-right: 0.5em; } #chooseqtype .selected { background-color: #fff; } #chooseqtype .instruction, #chooseqtype .qtypesummary { display: none; position: absolute; top: 0; right: 0; bottom: 0; left: 60%; margin: 0; overflow-x: hidden; overflow-y: auto; padding: 1.5em 1.6em; background-color: #fff; } #chooseqtype .instruction, #chooseqtype .selected .qtypesummary { display: block; } #categoryquestions { margin: 0; } #categoryquestions td, #categoryquestions th { padding: 0 0.2em; } #categoryquestions th { text-align: left; font-weight: normal; } #categoryquestions .checkbox { padding-left: 5px; } #categoryquestions .checkbox input[type="checkbox"] { margin-left: 0; float: none; } #categoryquestions .iconcol { padding: 3px; box-sizing: content-box; } #categoryquestions .iconcol .icon { margin: 0; width: 12px; height: 12px; } #categoryquestions label { margin: 0; display: block; } #categoryquestions .header { text-align: left; } #page-mod-quiz-edit div.questionbankwindow div.header { margin: 0; } #page-mod-quiz-edit div.questionbankwindow.block { padding: 0; } .questionbank .singleselect { margin: 0; } /* Question editing form */ #combinedfeedbackhdr div.fhtmleditor { padding: 0; } #combinedfeedbackhdr div.fcheckbox { margin-bottom: 1em; } #multitriesheader div.fitem_feditor { margin-top: 1em; } #multitriesheader div.fitem_fgroup { margin-bottom: 1em; } #multitriesheader div.fitem_fgroup fieldset.felement label { margin-left: 0.3em; margin-right: 0.3em; } body.path-question-type { /* Hacks to display the labels within a form group. */ } body.path-question-type .fitem_fgroup .accesshide { font: inherit; position: static; padding-right: .3em; } body.path-question-type .form-group .sr-only, body.path-question-type .form-buttons .sr-only, body.path-question-type .path-admin .buttons .sr-only, .path-admin body.path-question-type .buttons .sr-only, body.path-question-type .fp-content-center form + div .sr-only, .fp-content-center body.path-question-type form + div .sr-only, body.path-question-type div.backup-section + form .sr-only, body.path-question-type .form-group .path-mod-forum .nested-v2-display-mode .alert.discussionlocked, .path-mod-forum .nested-v2-display-mode body.path-question-type .form-group .alert.discussionlocked, body.path-question-type .form-buttons .path-mod-forum .nested-v2-display-mode .alert.discussionlocked, .path-mod-forum .nested-v2-display-mode body.path-question-type .form-buttons .alert.discussionlocked, body.path-question-type .path-admin .buttons .path-mod-forum .nested-v2-display-mode .alert.discussionlocked, .path-mod-forum .nested-v2-display-mode body.path-question-type .path-admin .buttons .alert.discussionlocked, .path-admin body.path-question-type .buttons .path-mod-forum .nested-v2-display-mode .alert.discussionlocked, .path-mod-forum .nested-v2-display-mode .path-admin body.path-question-type .buttons .alert.discussionlocked, body.path-question-type .fp-content-center form + div .path-mod-forum .nested-v2-display-mode .alert.discussionlocked, .path-mod-forum .nested-v2-display-mode body.path-question-type .fp-content-center form + div .alert.discussionlocked, .fp-content-center body.path-question-type form + div .path-mod-forum .nested-v2-display-mode .alert.discussionlocked, .path-mod-forum .nested-v2-display-mode .fp-content-center body.path-question-type form + div .alert.discussionlocked, body.path-question-type div.backup-section + form .path-mod-forum .nested-v2-display-mode .alert.discussionlocked, .path-mod-forum .nested-v2-display-mode body.path-question-type div.backup-section + form .alert.discussionlocked, body.path-question-type .form-group .path-mod-forum .nested-v2-display-mode #page-admin-index .discussionlocked.releasenoteslink, .path-mod-forum .nested-v2-display-mode #page-admin-index body.path-question-type .form-group .discussionlocked.releasenoteslink, body.path-question-type .form-buttons .path-mod-forum .nested-v2-display-mode #page-admin-index .discussionlocked.releasenoteslink, .path-mod-forum .nested-v2-display-mode #page-admin-index body.path-question-type .form-buttons .discussionlocked.releasenoteslink, body.path-question-type .path-admin .buttons .path-mod-forum .nested-v2-display-mode #page-admin-index .discussionlocked.releasenoteslink, .path-mod-forum .nested-v2-display-mode #page-admin-index body.path-question-type .path-admin .buttons .discussionlocked.releasenoteslink, .path-admin body.path-question-type .buttons .path-mod-forum .nested-v2-display-mode #page-admin-index .discussionlocked.releasenoteslink, .path-mod-forum .nested-v2-display-mode #page-admin-index .path-admin body.path-question-type .buttons .discussionlocked.releasenoteslink, body.path-question-type .fp-content-center form + div .path-mod-forum .nested-v2-display-mode #page-admin-index .discussionlocked.releasenoteslink, .path-mod-forum .nested-v2-display-mode #page-admin-index body.path-question-type .fp-content-center form + div .discussionlocked.releasenoteslink, .fp-content-center body.path-question-type form + div .path-mod-forum .nested-v2-display-mode #page-admin-index .discussionlocked.releasenoteslink, .path-mod-forum .nested-v2-display-mode #page-admin-index .fp-content-center body.path-question-type form + div .discussionlocked.releasenoteslink, body.path-question-type div.backup-section + form .path-mod-forum .nested-v2-display-mode #page-admin-index .discussionlocked.releasenoteslink, .path-mod-forum .nested-v2-display-mode #page-admin-index body.path-question-type div.backup-section + form .discussionlocked.releasenoteslink, body.path-question-type .form-group #page-admin-index .path-mod-forum .nested-v2-display-mode .discussionlocked.releasenoteslink, #page-admin-index .path-mod-forum .nested-v2-display-mode body.path-question-type .form-group .discussionlocked.releasenoteslink, body.path-question-type .form-buttons #page-admin-index .path-mod-forum .nested-v2-display-mode .discussionlocked.releasenoteslink, #page-admin-index .path-mod-forum .nested-v2-display-mode body.path-question-type .form-buttons .discussionlocked.releasenoteslink, body.path-question-type .path-admin .buttons #page-admin-index .path-mod-forum .nested-v2-display-mode .discussionlocked.releasenoteslink, #page-admin-index .path-mod-forum .nested-v2-display-mode body.path-question-type .path-admin .buttons .discussionlocked.releasenoteslink, .path-admin body.path-question-type .buttons #page-admin-index .path-mod-forum .nested-v2-display-mode .discussionlocked.releasenoteslink, #page-admin-index .path-mod-forum .nested-v2-display-mode .path-admin body.path-question-type .buttons .discussionlocked.releasenoteslink, body.path-question-type .fp-content-center form + div #page-admin-index .path-mod-forum .nested-v2-display-mode .discussionlocked.releasenoteslink, #page-admin-index .path-mod-forum .nested-v2-display-mode body.path-question-type .fp-content-center form + div .discussionlocked.releasenoteslink, .fp-content-center body.path-question-type form + div #page-admin-index .path-mod-forum .nested-v2-display-mode .discussionlocked.releasenoteslink, #page-admin-index .path-mod-forum .nested-v2-display-mode .fp-content-center body.path-question-type form + div .discussionlocked.releasenoteslink, body.path-question-type div.backup-section + form #page-admin-index .path-mod-forum .nested-v2-display-mode .discussionlocked.releasenoteslink, #page-admin-index .path-mod-forum .nested-v2-display-mode body.path-question-type div.backup-section + form .discussionlocked.releasenoteslink, body.path-question-type .form-group .path-mod-forum .nested-v2-display-mode #page-admin-index .discussionlocked.adminwarning, .path-mod-forum .nested-v2-display-mode #page-admin-index body.path-question-type .form-group .discussionlocked.adminwarning, body.path-question-type .form-buttons .path-mod-forum .nested-v2-display-mode #page-admin-index .discussionlocked.adminwarning, .path-mod-forum .nested-v2-display-mode #page-admin-index body.path-question-type .form-buttons .discussionlocked.adminwarning, body.path-question-type .path-admin .buttons .path-mod-forum .nested-v2-display-mode #page-admin-index .discussionlocked.adminwarning, .path-mod-forum .nested-v2-display-mode #page-admin-index body.path-question-type .path-admin .buttons .discussionlocked.adminwarning, .path-admin body.path-question-type .buttons .path-mod-forum .nested-v2-display-mode #page-admin-index .discussionlocked.adminwarning, .path-mod-forum .nested-v2-display-mode #page-admin-index .path-admin body.path-question-type .buttons .discussionlocked.adminwarning, body.path-question-type .fp-content-center form + div .path-mod-forum .nested-v2-display-mode #page-admin-index .discussionlocked.adminwarning, .path-mod-forum .nested-v2-display-mode #page-admin-index body.path-question-type .fp-content-center form + div .discussionlocked.adminwarning, .fp-content-center body.path-question-type form + div .path-mod-forum .nested-v2-display-mode #page-admin-index .discussionlocked.adminwarning, .path-mod-forum .nested-v2-display-mode #page-admin-index .fp-content-center body.path-question-type form + div .discussionlocked.adminwarning, body.path-question-type div.backup-section + form .path-mod-forum .nested-v2-display-mode #page-admin-index .discussionlocked.adminwarning, .path-mod-forum .nested-v2-display-mode #page-admin-index body.path-question-type div.backup-section + form .discussionlocked.adminwarning, body.path-question-type .form-group #page-admin-index .path-mod-forum .nested-v2-display-mode .discussionlocked.adminwarning, #page-admin-index .path-mod-forum .nested-v2-display-mode body.path-question-type .form-group .discussionlocked.adminwarning, body.path-question-type .form-buttons #page-admin-index .path-mod-forum .nested-v2-display-mode .discussionlocked.adminwarning, #page-admin-index .path-mod-forum .nested-v2-display-mode body.path-question-type .form-buttons .discussionlocked.adminwarning, body.path-question-type .path-admin .buttons #page-admin-index .path-mod-forum .nested-v2-display-mode .discussionlocked.adminwarning, #page-admin-index .path-mod-forum .nested-v2-display-mode body.path-question-type .path-admin .buttons .discussionlocked.adminwarning, .path-admin body.path-question-type .buttons #page-admin-index .path-mod-forum .nested-v2-display-mode .discussionlocked.adminwarning, #page-admin-index .path-mod-forum .nested-v2-display-mode .path-admin body.path-question-type .buttons .discussionlocked.adminwarning, body.path-question-type .fp-content-center form + div #page-admin-index .path-mod-forum .nested-v2-display-mode .discussionlocked.adminwarning, #page-admin-index .path-mod-forum .nested-v2-display-mode body.path-question-type .fp-content-center form + div .discussionlocked.adminwarning, .fp-content-center body.path-question-type form + div #page-admin-index .path-mod-forum .nested-v2-display-mode .discussionlocked.adminwarning, #page-admin-index .path-mod-forum .nested-v2-display-mode .fp-content-center body.path-question-type form + div .discussionlocked.adminwarning, body.path-question-type div.backup-section + form #page-admin-index .path-mod-forum .nested-v2-display-mode .discussionlocked.adminwarning, #page-admin-index .path-mod-forum .nested-v2-display-mode body.path-question-type div.backup-section + form .discussionlocked.adminwarning, body.path-question-type .form-group .path-mod-forum .nested-v2-display-mode #page-admin-index .discussionlocked.adminerror, .path-mod-forum .nested-v2-display-mode #page-admin-index body.path-question-type .form-group .discussionlocked.adminerror, body.path-question-type .form-buttons .path-mod-forum .nested-v2-display-mode #page-admin-index .discussionlocked.adminerror, .path-mod-forum .nested-v2-display-mode #page-admin-index body.path-question-type .form-buttons .discussionlocked.adminerror, body.path-question-type .path-admin .buttons .path-mod-forum .nested-v2-display-mode #page-admin-index .discussionlocked.adminerror, .path-mod-forum .nested-v2-display-mode #page-admin-index body.path-question-type .path-admin .buttons .discussionlocked.adminerror, .path-admin body.path-question-type .buttons .path-mod-forum .nested-v2-display-mode #page-admin-index .discussionlocked.adminerror, .path-mod-forum .nested-v2-display-mode #page-admin-index .path-admin body.path-question-type .buttons .discussionlocked.adminerror, body.path-question-type .fp-content-center form + div .path-mod-forum .nested-v2-display-mode #page-admin-index .discussionlocked.adminerror, .path-mod-forum .nested-v2-display-mode #page-admin-index body.path-question-type .fp-content-center form + div .discussionlocked.adminerror, .fp-content-center body.path-question-type form + div .path-mod-forum .nested-v2-display-mode #page-admin-index .discussionlocked.adminerror, .path-mod-forum .nested-v2-display-mode #page-admin-index .fp-content-center body.path-question-type form + div .discussionlocked.adminerror, body.path-question-type div.backup-section + form .path-mod-forum .nested-v2-display-mode #page-admin-index .discussionlocked.adminerror, .path-mod-forum .nested-v2-display-mode #page-admin-index body.path-question-type div.backup-section + form .discussionlocked.adminerror, body.path-question-type .form-group #page-admin-index .path-mod-forum .nested-v2-display-mode .discussionlocked.adminerror, #page-admin-index .path-mod-forum .nested-v2-display-mode body.path-question-type .form-group .discussionlocked.adminerror, body.path-question-type .form-buttons #page-admin-index .path-mod-forum .nested-v2-display-mode .discussionlocked.adminerror, #page-admin-index .path-mod-forum .nested-v2-display-mode body.path-question-type .form-buttons .discussionlocked.adminerror, body.path-question-type .path-admin .buttons #page-admin-index .path-mod-forum .nested-v2-display-mode .discussionlocked.adminerror, #page-admin-index .path-mod-forum .nested-v2-display-mode body.path-question-type .path-admin .buttons .discussionlocked.adminerror, .path-admin body.path-question-type .buttons #page-admin-index .path-mod-forum .nested-v2-display-mode .discussionlocked.adminerror, #page-admin-index .path-mod-forum .nested-v2-display-mode .path-admin body.path-question-type .buttons .discussionlocked.adminerror, body.path-question-type .fp-content-center form + div #page-admin-index .path-mod-forum .nested-v2-display-mode .discussionlocked.adminerror, #page-admin-index .path-mod-forum .nested-v2-display-mode body.path-question-type .fp-content-center form + div .discussionlocked.adminerror, .fp-content-center body.path-question-type form + div #page-admin-index .path-mod-forum .nested-v2-display-mode .discussionlocked.adminerror, #page-admin-index .path-mod-forum .nested-v2-display-mode .fp-content-center body.path-question-type form + div .discussionlocked.adminerror, body.path-question-type div.backup-section + form #page-admin-index .path-mod-forum .nested-v2-display-mode .discussionlocked.adminerror, #page-admin-index .path-mod-forum .nested-v2-display-mode body.path-question-type div.backup-section + form .discussionlocked.adminerror, body.path-question-type .form-group .path-mod-forum .nested-v2-display-mode .que .discussionlocked.formulation, .path-mod-forum .nested-v2-display-mode .que body.path-question-type .form-group .discussionlocked.formulation, body.path-question-type .form-buttons .path-mod-forum .nested-v2-display-mode .que .discussionlocked.formulation, .path-mod-forum .nested-v2-display-mode .que body.path-question-type .form-buttons .discussionlocked.formulation, body.path-question-type .path-admin .buttons .path-mod-forum .nested-v2-display-mode .que .discussionlocked.formulation, .path-mod-forum .nested-v2-display-mode .que body.path-question-type .path-admin .buttons .discussionlocked.formulation, .path-admin body.path-question-type .buttons .path-mod-forum .nested-v2-display-mode .que .discussionlocked.formulation, .path-mod-forum .nested-v2-display-mode .que .path-admin body.path-question-type .buttons .discussionlocked.formulation, body.path-question-type .fp-content-center form + div .path-mod-forum .nested-v2-display-mode .que .discussionlocked.formulation, .path-mod-forum .nested-v2-display-mode .que body.path-question-type .fp-content-center form + div .discussionlocked.formulation, .fp-content-center body.path-question-type form + div .path-mod-forum .nested-v2-display-mode .que .discussionlocked.formulation, .path-mod-forum .nested-v2-display-mode .que .fp-content-center body.path-question-type form + div .discussionlocked.formulation, body.path-question-type div.backup-section + form .path-mod-forum .nested-v2-display-mode .que .discussionlocked.formulation, .path-mod-forum .nested-v2-display-mode .que body.path-question-type div.backup-section + form .discussionlocked.formulation, body.path-question-type .form-group .que .path-mod-forum .nested-v2-display-mode .discussionlocked.formulation, .que .path-mod-forum .nested-v2-display-mode body.path-question-type .form-group .discussionlocked.formulation, body.path-question-type .form-buttons .que .path-mod-forum .nested-v2-display-mode .discussionlocked.formulation, .que .path-mod-forum .nested-v2-display-mode body.path-question-type .form-buttons .discussionlocked.formulation, body.path-question-type .path-admin .buttons .que .path-mod-forum .nested-v2-display-mode .discussionlocked.formulation, .que .path-mod-forum .nested-v2-display-mode body.path-question-type .path-admin .buttons .discussionlocked.formulation, .path-admin body.path-question-type .buttons .que .path-mod-forum .nested-v2-display-mode .discussionlocked.formulation, .que .path-mod-forum .nested-v2-display-mode .path-admin body.path-question-type .buttons .discussionlocked.formulation, body.path-question-type .fp-content-center form + div .que .path-mod-forum .nested-v2-display-mode .discussionlocked.formulation, .que .path-mod-forum .nested-v2-display-mode body.path-question-type .fp-content-center form + div .discussionlocked.formulation, .fp-content-center body.path-question-type form + div .que .path-mod-forum .nested-v2-display-mode .discussionlocked.formulation, .que .path-mod-forum .nested-v2-display-mode .fp-content-center body.path-question-type form + div .discussionlocked.formulation, body.path-question-type div.backup-section + form .que .path-mod-forum .nested-v2-display-mode .discussionlocked.formulation, .que .path-mod-forum .nested-v2-display-mode body.path-question-type div.backup-section + form .discussionlocked.formulation, body.path-question-type .form-group .path-mod-forum .nested-v2-display-mode .que .discussionlocked.outcome, .path-mod-forum .nested-v2-display-mode .que body.path-question-type .form-group .discussionlocked.outcome, body.path-question-type .form-buttons .path-mod-forum .nested-v2-display-mode .que .discussionlocked.outcome, .path-mod-forum .nested-v2-display-mode .que body.path-question-type .form-buttons .discussionlocked.outcome, body.path-question-type .path-admin .buttons .path-mod-forum .nested-v2-display-mode .que .discussionlocked.outcome, .path-mod-forum .nested-v2-display-mode .que body.path-question-type .path-admin .buttons .discussionlocked.outcome, .path-admin body.path-question-type .buttons .path-mod-forum .nested-v2-display-mode .que .discussionlocked.outcome, .path-mod-forum .nested-v2-display-mode .que .path-admin body.path-question-type .buttons .discussionlocked.outcome, body.path-question-type .fp-content-center form + div .path-mod-forum .nested-v2-display-mode .que .discussionlocked.outcome, .path-mod-forum .nested-v2-display-mode .que body.path-question-type .fp-content-center form + div .discussionlocked.outcome, .fp-content-center body.path-question-type form + div .path-mod-forum .nested-v2-display-mode .que .discussionlocked.outcome, .path-mod-forum .nested-v2-display-mode .que .fp-content-center body.path-question-type form + div .discussionlocked.outcome, body.path-question-type div.backup-section + form .path-mod-forum .nested-v2-display-mode .que .discussionlocked.outcome, .path-mod-forum .nested-v2-display-mode .que body.path-question-type div.backup-section + form .discussionlocked.outcome, body.path-question-type .form-group .que .path-mod-forum .nested-v2-display-mode .discussionlocked.outcome, .que .path-mod-forum .nested-v2-display-mode body.path-question-type .form-group .discussionlocked.outcome, body.path-question-type .form-buttons .que .path-mod-forum .nested-v2-display-mode .discussionlocked.outcome, .que .path-mod-forum .nested-v2-display-mode body.path-question-type .form-buttons .discussionlocked.outcome, body.path-question-type .path-admin .buttons .que .path-mod-forum .nested-v2-display-mode .discussionlocked.outcome, .que .path-mod-forum .nested-v2-display-mode body.path-question-type .path-admin .buttons .discussionlocked.outcome, .path-admin body.path-question-type .buttons .que .path-mod-forum .nested-v2-display-mode .discussionlocked.outcome, .que .path-mod-forum .nested-v2-display-mode .path-admin body.path-question-type .buttons .discussionlocked.outcome, body.path-question-type .fp-content-center form + div .que .path-mod-forum .nested-v2-display-mode .discussionlocked.outcome, .que .path-mod-forum .nested-v2-display-mode body.path-question-type .fp-content-center form + div .discussionlocked.outcome, .fp-content-center body.path-question-type form + div .que .path-mod-forum .nested-v2-display-mode .discussionlocked.outcome, .que .path-mod-forum .nested-v2-display-mode .fp-content-center body.path-question-type form + div .discussionlocked.outcome, body.path-question-type div.backup-section + form .que .path-mod-forum .nested-v2-display-mode .discussionlocked.outcome, .que .path-mod-forum .nested-v2-display-mode body.path-question-type div.backup-section + form .discussionlocked.outcome, body.path-question-type .form-group .path-mod-forum .nested-v2-display-mode .que .discussionlocked.comment, .path-mod-forum .nested-v2-display-mode .que body.path-question-type .form-group .discussionlocked.comment, body.path-question-type .form-buttons .path-mod-forum .nested-v2-display-mode .que .discussionlocked.comment, .path-mod-forum .nested-v2-display-mode .que body.path-question-type .form-buttons .discussionlocked.comment, body.path-question-type .path-admin .buttons .path-mod-forum .nested-v2-display-mode .que .discussionlocked.comment, .path-mod-forum .nested-v2-display-mode .que body.path-question-type .path-admin .buttons .discussionlocked.comment, .path-admin body.path-question-type .buttons .path-mod-forum .nested-v2-display-mode .que .discussionlocked.comment, .path-mod-forum .nested-v2-display-mode .que .path-admin body.path-question-type .buttons .discussionlocked.comment, body.path-question-type .fp-content-center form + div .path-mod-forum .nested-v2-display-mode .que .discussionlocked.comment, .path-mod-forum .nested-v2-display-mode .que body.path-question-type .fp-content-center form + div .discussionlocked.comment, .fp-content-center body.path-question-type form + div .path-mod-forum .nested-v2-display-mode .que .discussionlocked.comment, .path-mod-forum .nested-v2-display-mode .que .fp-content-center body.path-question-type form + div .discussionlocked.comment, body.path-question-type div.backup-section + form .path-mod-forum .nested-v2-display-mode .que .discussionlocked.comment, .path-mod-forum .nested-v2-display-mode .que body.path-question-type div.backup-section + form .discussionlocked.comment, body.path-question-type .form-group .que .path-mod-forum .nested-v2-display-mode .discussionlocked.comment, .que .path-mod-forum .nested-v2-display-mode body.path-question-type .form-group .discussionlocked.comment, body.path-question-type .form-buttons .que .path-mod-forum .nested-v2-display-mode .discussionlocked.comment, .que .path-mod-forum .nested-v2-display-mode body.path-question-type .form-buttons .discussionlocked.comment, body.path-question-type .path-admin .buttons .que .path-mod-forum .nested-v2-display-mode .discussionlocked.comment, .que .path-mod-forum .nested-v2-display-mode body.path-question-type .path-admin .buttons .discussionlocked.comment, .path-admin body.path-question-type .buttons .que .path-mod-forum .nested-v2-display-mode .discussionlocked.comment, .que .path-mod-forum .nested-v2-display-mode .path-admin body.path-question-type .buttons .discussionlocked.comment, body.path-question-type .fp-content-center form + div .que .path-mod-forum .nested-v2-display-mode .discussionlocked.comment, .que .path-mod-forum .nested-v2-display-mode body.path-question-type .fp-content-center form + div .discussionlocked.comment, .fp-content-center body.path-question-type form + div .que .path-mod-forum .nested-v2-display-mode .discussionlocked.comment, .que .path-mod-forum .nested-v2-display-mode .fp-content-center body.path-question-type form + div .discussionlocked.comment, body.path-question-type div.backup-section + form .que .path-mod-forum .nested-v2-display-mode .discussionlocked.comment, .que .path-mod-forum .nested-v2-display-mode body.path-question-type div.backup-section + form .discussionlocked.comment, body.path-question-type .form-group .path-mod-forum .nested-v2-display-mode .assignfeedback_editpdf_widget .discussionlocked.label, .path-mod-forum .nested-v2-display-mode .assignfeedback_editpdf_widget body.path-question-type .form-group .discussionlocked.label, body.path-question-type .form-buttons .path-mod-forum .nested-v2-display-mode .assignfeedback_editpdf_widget .discussionlocked.label, .path-mod-forum .nested-v2-display-mode .assignfeedback_editpdf_widget body.path-question-type .form-buttons .discussionlocked.label, body.path-question-type .path-admin .buttons .path-mod-forum .nested-v2-display-mode .assignfeedback_editpdf_widget .discussionlocked.label, .path-mod-forum .nested-v2-display-mode .assignfeedback_editpdf_widget body.path-question-type .path-admin .buttons .discussionlocked.label, .path-admin body.path-question-type .buttons .path-mod-forum .nested-v2-display-mode .assignfeedback_editpdf_widget .discussionlocked.label, .path-mod-forum .nested-v2-display-mode .assignfeedback_editpdf_widget .path-admin body.path-question-type .buttons .discussionlocked.label, body.path-question-type .fp-content-center form + div .path-mod-forum .nested-v2-display-mode .assignfeedback_editpdf_widget .discussionlocked.label, .path-mod-forum .nested-v2-display-mode .assignfeedback_editpdf_widget body.path-question-type .fp-content-center form + div .discussionlocked.label, .fp-content-center body.path-question-type form + div .path-mod-forum .nested-v2-display-mode .assignfeedback_editpdf_widget .discussionlocked.label, .path-mod-forum .nested-v2-display-mode .assignfeedback_editpdf_widget .fp-content-center body.path-question-type form + div .discussionlocked.label, body.path-question-type div.backup-section + form .path-mod-forum .nested-v2-display-mode .assignfeedback_editpdf_widget .discussionlocked.label, .path-mod-forum .nested-v2-display-mode .assignfeedback_editpdf_widget body.path-question-type div.backup-section + form .discussionlocked.label, body.path-question-type .form-group .assignfeedback_editpdf_widget .path-mod-forum .nested-v2-display-mode .discussionlocked.label, .assignfeedback_editpdf_widget .path-mod-forum .nested-v2-display-mode body.path-question-type .form-group .discussionlocked.label, body.path-question-type .form-buttons .assignfeedback_editpdf_widget .path-mod-forum .nested-v2-display-mode .discussionlocked.label, .assignfeedback_editpdf_widget .path-mod-forum .nested-v2-display-mode body.path-question-type .form-buttons .discussionlocked.label, body.path-question-type .path-admin .buttons .assignfeedback_editpdf_widget .path-mod-forum .nested-v2-display-mode .discussionlocked.label, .assignfeedback_editpdf_widget .path-mod-forum .nested-v2-display-mode body.path-question-type .path-admin .buttons .discussionlocked.label, .path-admin body.path-question-type .buttons .assignfeedback_editpdf_widget .path-mod-forum .nested-v2-display-mode .discussionlocked.label, .assignfeedback_editpdf_widget .path-mod-forum .nested-v2-display-mode .path-admin body.path-question-type .buttons .discussionlocked.label, body.path-question-type .fp-content-center form + div .assignfeedback_editpdf_widget .path-mod-forum .nested-v2-display-mode .discussionlocked.label, .assignfeedback_editpdf_widget .path-mod-forum .nested-v2-display-mode body.path-question-type .fp-content-center form + div .discussionlocked.label, .fp-content-center body.path-question-type form + div .assignfeedback_editpdf_widget .path-mod-forum .nested-v2-display-mode .discussionlocked.label, .assignfeedback_editpdf_widget .path-mod-forum .nested-v2-display-mode .fp-content-center body.path-question-type form + div .discussionlocked.label, body.path-question-type div.backup-section + form .assignfeedback_editpdf_widget .path-mod-forum .nested-v2-display-mode .discussionlocked.label, .assignfeedback_editpdf_widget .path-mod-forum .nested-v2-display-mode body.path-question-type div.backup-section + form .discussionlocked.label, body.path-question-type .form-group .path-mod-forum.nested-v2-display-mode .alert.discussionlocked, .path-mod-forum.nested-v2-display-mode body.path-question-type .form-group .alert.discussionlocked, body.path-question-type .form-buttons .path-mod-forum.nested-v2-display-mode .alert.discussionlocked, .path-mod-forum.nested-v2-display-mode body.path-question-type .form-buttons .alert.discussionlocked, body.path-question-type .path-admin .buttons .path-mod-forum.nested-v2-display-mode .alert.discussionlocked, .path-mod-forum.nested-v2-display-mode body.path-question-type .path-admin .buttons .alert.discussionlocked, .path-admin body.path-question-type .buttons .path-mod-forum.nested-v2-display-mode .alert.discussionlocked, .path-mod-forum.nested-v2-display-mode .path-admin body.path-question-type .buttons .alert.discussionlocked, body.path-question-type .fp-content-center form + div .path-mod-forum.nested-v2-display-mode .alert.discussionlocked, .path-mod-forum.nested-v2-display-mode body.path-question-type .fp-content-center form + div .alert.discussionlocked, .fp-content-center body.path-question-type form + div .path-mod-forum.nested-v2-display-mode .alert.discussionlocked, .path-mod-forum.nested-v2-display-mode .fp-content-center body.path-question-type form + div .alert.discussionlocked, body.path-question-type div.backup-section + form .path-mod-forum.nested-v2-display-mode .alert.discussionlocked, .path-mod-forum.nested-v2-display-mode body.path-question-type div.backup-section + form .alert.discussionlocked, body.path-question-type .form-group .path-mod-forum.nested-v2-display-mode #page-admin-index .discussionlocked.releasenoteslink, .path-mod-forum.nested-v2-display-mode #page-admin-index body.path-question-type .form-group .discussionlocked.releasenoteslink, body.path-question-type .form-buttons .path-mod-forum.nested-v2-display-mode #page-admin-index .discussionlocked.releasenoteslink, .path-mod-forum.nested-v2-display-mode #page-admin-index body.path-question-type .form-buttons .discussionlocked.releasenoteslink, body.path-question-type .path-admin .buttons .path-mod-forum.nested-v2-display-mode #page-admin-index .discussionlocked.releasenoteslink, .path-mod-forum.nested-v2-display-mode #page-admin-index body.path-question-type .path-admin .buttons .discussionlocked.releasenoteslink, .path-admin body.path-question-type .buttons .path-mod-forum.nested-v2-display-mode #page-admin-index .discussionlocked.releasenoteslink, .path-mod-forum.nested-v2-display-mode #page-admin-index .path-admin body.path-question-type .buttons .discussionlocked.releasenoteslink, body.path-question-type .fp-content-center form + div .path-mod-forum.nested-v2-display-mode #page-admin-index .discussionlocked.releasenoteslink, .path-mod-forum.nested-v2-display-mode #page-admin-index body.path-question-type .fp-content-center form + div .discussionlocked.releasenoteslink, .fp-content-center body.path-question-type form + div .path-mod-forum.nested-v2-display-mode #page-admin-index .discussionlocked.releasenoteslink, .path-mod-forum.nested-v2-display-mode #page-admin-index .fp-content-center body.path-question-type form + div .discussionlocked.releasenoteslink, body.path-question-type div.backup-section + form .path-mod-forum.nested-v2-display-mode #page-admin-index .discussionlocked.releasenoteslink, .path-mod-forum.nested-v2-display-mode #page-admin-index body.path-question-type div.backup-section + form .discussionlocked.releasenoteslink, body.path-question-type .form-group #page-admin-index .path-mod-forum.nested-v2-display-mode .discussionlocked.releasenoteslink, #page-admin-index .path-mod-forum.nested-v2-display-mode body.path-question-type .form-group .discussionlocked.releasenoteslink, body.path-question-type .form-buttons #page-admin-index .path-mod-forum.nested-v2-display-mode .discussionlocked.releasenoteslink, #page-admin-index .path-mod-forum.nested-v2-display-mode body.path-question-type .form-buttons .discussionlocked.releasenoteslink, body.path-question-type .path-admin .buttons #page-admin-index .path-mod-forum.nested-v2-display-mode .discussionlocked.releasenoteslink, #page-admin-index .path-mod-forum.nested-v2-display-mode body.path-question-type .path-admin .buttons .discussionlocked.releasenoteslink, .path-admin body.path-question-type .buttons #page-admin-index .path-mod-forum.nested-v2-display-mode .discussionlocked.releasenoteslink, #page-admin-index .path-mod-forum.nested-v2-display-mode .path-admin body.path-question-type .buttons .discussionlocked.releasenoteslink, body.path-question-type .fp-content-center form + div #page-admin-index .path-mod-forum.nested-v2-display-mode .discussionlocked.releasenoteslink, #page-admin-index .path-mod-forum.nested-v2-display-mode body.path-question-type .fp-content-center form + div .discussionlocked.releasenoteslink, .fp-content-center body.path-question-type form + div #page-admin-index .path-mod-forum.nested-v2-display-mode .discussionlocked.releasenoteslink, #page-admin-index .path-mod-forum.nested-v2-display-mode .fp-content-center body.path-question-type form + div .discussionlocked.releasenoteslink, body.path-question-type div.backup-section + form #page-admin-index .path-mod-forum.nested-v2-display-mode .discussionlocked.releasenoteslink, #page-admin-index .path-mod-forum.nested-v2-display-mode body.path-question-type div.backup-section + form .discussionlocked.releasenoteslink, body.path-question-type .form-group .path-mod-forum.nested-v2-display-mode #page-admin-index .discussionlocked.adminwarning, .path-mod-forum.nested-v2-display-mode #page-admin-index body.path-question-type .form-group .discussionlocked.adminwarning, body.path-question-type .form-buttons .path-mod-forum.nested-v2-display-mode #page-admin-index .discussionlocked.adminwarning, .path-mod-forum.nested-v2-display-mode #page-admin-index body.path-question-type .form-buttons .discussionlocked.adminwarning, body.path-question-type .path-admin .buttons .path-mod-forum.nested-v2-display-mode #page-admin-index .discussionlocked.adminwarning, .path-mod-forum.nested-v2-display-mode #page-admin-index body.path-question-type .path-admin .buttons .discussionlocked.adminwarning, .path-admin body.path-question-type .buttons .path-mod-forum.nested-v2-display-mode #page-admin-index .discussionlocked.adminwarning, .path-mod-forum.nested-v2-display-mode #page-admin-index .path-admin body.path-question-type .buttons .discussionlocked.adminwarning, body.path-question-type .fp-content-center form + div .path-mod-forum.nested-v2-display-mode #page-admin-index .discussionlocked.adminwarning, .path-mod-forum.nested-v2-display-mode #page-admin-index body.path-question-type .fp-content-center form + div .discussionlocked.adminwarning, .fp-content-center body.path-question-type form + div .path-mod-forum.nested-v2-display-mode #page-admin-index .discussionlocked.adminwarning, .path-mod-forum.nested-v2-display-mode #page-admin-index .fp-content-center body.path-question-type form + div .discussionlocked.adminwarning, body.path-question-type div.backup-section + form .path-mod-forum.nested-v2-display-mode #page-admin-index .discussionlocked.adminwarning, .path-mod-forum.nested-v2-display-mode #page-admin-index body.path-question-type div.backup-section + form .discussionlocked.adminwarning, body.path-question-type .form-group #page-admin-index .path-mod-forum.nested-v2-display-mode .discussionlocked.adminwarning, #page-admin-index .path-mod-forum.nested-v2-display-mode body.path-question-type .form-group .discussionlocked.adminwarning, body.path-question-type .form-buttons #page-admin-index .path-mod-forum.nested-v2-display-mode .discussionlocked.adminwarning, #page-admin-index .path-mod-forum.nested-v2-display-mode body.path-question-type .form-buttons .discussionlocked.adminwarning, body.path-question-type .path-admin .buttons #page-admin-index .path-mod-forum.nested-v2-display-mode .discussionlocked.adminwarning, #page-admin-index .path-mod-forum.nested-v2-display-mode body.path-question-type .path-admin .buttons .discussionlocked.adminwarning, .path-admin body.path-question-type .buttons #page-admin-index .path-mod-forum.nested-v2-display-mode .discussionlocked.adminwarning, #page-admin-index .path-mod-forum.nested-v2-display-mode .path-admin body.path-question-type .buttons .discussionlocked.adminwarning, body.path-question-type .fp-content-center form + div #page-admin-index .path-mod-forum.nested-v2-display-mode .discussionlocked.adminwarning, #page-admin-index .path-mod-forum.nested-v2-display-mode body.path-question-type .fp-content-center form + div .discussionlocked.adminwarning, .fp-content-center body.path-question-type form + div #page-admin-index .path-mod-forum.nested-v2-display-mode .discussionlocked.adminwarning, #page-admin-index .path-mod-forum.nested-v2-display-mode .fp-content-center body.path-question-type form + div .discussionlocked.adminwarning, body.path-question-type div.backup-section + form #page-admin-index .path-mod-forum.nested-v2-display-mode .discussionlocked.adminwarning, #page-admin-index .path-mod-forum.nested-v2-display-mode body.path-question-type div.backup-section + form .discussionlocked.adminwarning, body.path-question-type .form-group .path-mod-forum.nested-v2-display-mode #page-admin-index .discussionlocked.adminerror, .path-mod-forum.nested-v2-display-mode #page-admin-index body.path-question-type .form-group .discussionlocked.adminerror, body.path-question-type .form-buttons .path-mod-forum.nested-v2-display-mode #page-admin-index .discussionlocked.adminerror, .path-mod-forum.nested-v2-display-mode #page-admin-index body.path-question-type .form-buttons .discussionlocked.adminerror, body.path-question-type .path-admin .buttons .path-mod-forum.nested-v2-display-mode #page-admin-index .discussionlocked.adminerror, .path-mod-forum.nested-v2-display-mode #page-admin-index body.path-question-type .path-admin .buttons .discussionlocked.adminerror, .path-admin body.path-question-type .buttons .path-mod-forum.nested-v2-display-mode #page-admin-index .discussionlocked.adminerror, .path-mod-forum.nested-v2-display-mode #page-admin-index .path-admin body.path-question-type .buttons .discussionlocked.adminerror, body.path-question-type .fp-content-center form + div .path-mod-forum.nested-v2-display-mode #page-admin-index .discussionlocked.adminerror, .path-mod-forum.nested-v2-display-mode #page-admin-index body.path-question-type .fp-content-center form + div .discussionlocked.adminerror, .fp-content-center body.path-question-type form + div .path-mod-forum.nested-v2-display-mode #page-admin-index .discussionlocked.adminerror, .path-mod-forum.nested-v2-display-mode #page-admin-index .fp-content-center body.path-question-type form + div .discussionlocked.adminerror, body.path-question-type div.backup-section + form .path-mod-forum.nested-v2-display-mode #page-admin-index .discussionlocked.adminerror, .path-mod-forum.nested-v2-display-mode #page-admin-index body.path-question-type div.backup-section + form .discussionlocked.adminerror, body.path-question-type .form-group #page-admin-index .path-mod-forum.nested-v2-display-mode .discussionlocked.adminerror, #page-admin-index .path-mod-forum.nested-v2-display-mode body.path-question-type .form-group .discussionlocked.adminerror, body.path-question-type .form-buttons #page-admin-index .path-mod-forum.nested-v2-display-mode .discussionlocked.adminerror, #page-admin-index .path-mod-forum.nested-v2-display-mode body.path-question-type .form-buttons .discussionlocked.adminerror, body.path-question-type .path-admin .buttons #page-admin-index .path-mod-forum.nested-v2-display-mode .discussionlocked.adminerror, #page-admin-index .path-mod-forum.nested-v2-display-mode body.path-question-type .path-admin .buttons .discussionlocked.adminerror, .path-admin body.path-question-type .buttons #page-admin-index .path-mod-forum.nested-v2-display-mode .discussionlocked.adminerror, #page-admin-index .path-mod-forum.nested-v2-display-mode .path-admin body.path-question-type .buttons .discussionlocked.adminerror, body.path-question-type .fp-content-center form + div #page-admin-index .path-mod-forum.nested-v2-display-mode .discussionlocked.adminerror, #page-admin-index .path-mod-forum.nested-v2-display-mode body.path-question-type .fp-content-center form + div .discussionlocked.adminerror, .fp-content-center body.path-question-type form + div #page-admin-index .path-mod-forum.nested-v2-display-mode .discussionlocked.adminerror, #page-admin-index .path-mod-forum.nested-v2-display-mode .fp-content-center body.path-question-type form + div .discussionlocked.adminerror, body.path-question-type div.backup-section + form #page-admin-index .path-mod-forum.nested-v2-display-mode .discussionlocked.adminerror, #page-admin-index .path-mod-forum.nested-v2-display-mode body.path-question-type div.backup-section + form .discussionlocked.adminerror, body.path-question-type .form-group .path-mod-forum.nested-v2-display-mode .que .discussionlocked.formulation, .path-mod-forum.nested-v2-display-mode .que body.path-question-type .form-group .discussionlocked.formulation, body.path-question-type .form-buttons .path-mod-forum.nested-v2-display-mode .que .discussionlocked.formulation, .path-mod-forum.nested-v2-display-mode .que body.path-question-type .form-buttons .discussionlocked.formulation, body.path-question-type .path-admin .buttons .path-mod-forum.nested-v2-display-mode .que .discussionlocked.formulation, .path-mod-forum.nested-v2-display-mode .que body.path-question-type .path-admin .buttons .discussionlocked.formulation, .path-admin body.path-question-type .buttons .path-mod-forum.nested-v2-display-mode .que .discussionlocked.formulation, .path-mod-forum.nested-v2-display-mode .que .path-admin body.path-question-type .buttons .discussionlocked.formulation, body.path-question-type .fp-content-center form + div .path-mod-forum.nested-v2-display-mode .que .discussionlocked.formulation, .path-mod-forum.nested-v2-display-mode .que body.path-question-type .fp-content-center form + div .discussionlocked.formulation, .fp-content-center body.path-question-type form + div .path-mod-forum.nested-v2-display-mode .que .discussionlocked.formulation, .path-mod-forum.nested-v2-display-mode .que .fp-content-center body.path-question-type form + div .discussionlocked.formulation, body.path-question-type div.backup-section + form .path-mod-forum.nested-v2-display-mode .que .discussionlocked.formulation, .path-mod-forum.nested-v2-display-mode .que body.path-question-type div.backup-section + form .discussionlocked.formulation, body.path-question-type .form-group .que .path-mod-forum.nested-v2-display-mode .discussionlocked.formulation, .que .path-mod-forum.nested-v2-display-mode body.path-question-type .form-group .discussionlocked.formulation, body.path-question-type .form-buttons .que .path-mod-forum.nested-v2-display-mode .discussionlocked.formulation, .que .path-mod-forum.nested-v2-display-mode body.path-question-type .form-buttons .discussionlocked.formulation, body.path-question-type .path-admin .buttons .que .path-mod-forum.nested-v2-display-mode .discussionlocked.formulation, .que .path-mod-forum.nested-v2-display-mode body.path-question-type .path-admin .buttons .discussionlocked.formulation, .path-admin body.path-question-type .buttons .que .path-mod-forum.nested-v2-display-mode .discussionlocked.formulation, .que .path-mod-forum.nested-v2-display-mode .path-admin body.path-question-type .buttons .discussionlocked.formulation, body.path-question-type .fp-content-center form + div .que .path-mod-forum.nested-v2-display-mode .discussionlocked.formulation, .que .path-mod-forum.nested-v2-display-mode body.path-question-type .fp-content-center form + div .discussionlocked.formulation, .fp-content-center body.path-question-type form + div .que .path-mod-forum.nested-v2-display-mode .discussionlocked.formulation, .que .path-mod-forum.nested-v2-display-mode .fp-content-center body.path-question-type form + div .discussionlocked.formulation, body.path-question-type div.backup-section + form .que .path-mod-forum.nested-v2-display-mode .discussionlocked.formulation, .que .path-mod-forum.nested-v2-display-mode body.path-question-type div.backup-section + form .discussionlocked.formulation, body.path-question-type .form-group .path-mod-forum.nested-v2-display-mode .que .discussionlocked.outcome, .path-mod-forum.nested-v2-display-mode .que body.path-question-type .form-group .discussionlocked.outcome, body.path-question-type .form-buttons .path-mod-forum.nested-v2-display-mode .que .discussionlocked.outcome, .path-mod-forum.nested-v2-display-mode .que body.path-question-type .form-buttons .discussionlocked.outcome, body.path-question-type .path-admin .buttons .path-mod-forum.nested-v2-display-mode .que .discussionlocked.outcome, .path-mod-forum.nested-v2-display-mode .que body.path-question-type .path-admin .buttons .discussionlocked.outcome, .path-admin body.path-question-type .buttons .path-mod-forum.nested-v2-display-mode .que .discussionlocked.outcome, .path-mod-forum.nested-v2-display-mode .que .path-admin body.path-question-type .buttons .discussionlocked.outcome, body.path-question-type .fp-content-center form + div .path-mod-forum.nested-v2-display-mode .que .discussionlocked.outcome, .path-mod-forum.nested-v2-display-mode .que body.path-question-type .fp-content-center form + div .discussionlocked.outcome, .fp-content-center body.path-question-type form + div .path-mod-forum.nested-v2-display-mode .que .discussionlocked.outcome, .path-mod-forum.nested-v2-display-mode .que .fp-content-center body.path-question-type form + div .discussionlocked.outcome, body.path-question-type div.backup-section + form .path-mod-forum.nested-v2-display-mode .que .discussionlocked.outcome, .path-mod-forum.nested-v2-display-mode .que body.path-question-type div.backup-section + form .discussionlocked.outcome, body.path-question-type .form-group .que .path-mod-forum.nested-v2-display-mode .discussionlocked.outcome, .que .path-mod-forum.nested-v2-display-mode body.path-question-type .form-group .discussionlocked.outcome, body.path-question-type .form-buttons .que .path-mod-forum.nested-v2-display-mode .discussionlocked.outcome, .que .path-mod-forum.nested-v2-display-mode body.path-question-type .form-buttons .discussionlocked.outcome, body.path-question-type .path-admin .buttons .que .path-mod-forum.nested-v2-display-mode .discussionlocked.outcome, .que .path-mod-forum.nested-v2-display-mode body.path-question-type .path-admin .buttons .discussionlocked.outcome, .path-admin body.path-question-type .buttons .que .path-mod-forum.nested-v2-display-mode .discussionlocked.outcome, .que .path-mod-forum.nested-v2-display-mode .path-admin body.path-question-type .buttons .discussionlocked.outcome, body.path-question-type .fp-content-center form + div .que .path-mod-forum.nested-v2-display-mode .discussionlocked.outcome, .que .path-mod-forum.nested-v2-display-mode body.path-question-type .fp-content-center form + div .discussionlocked.outcome, .fp-content-center body.path-question-type form + div .que .path-mod-forum.nested-v2-display-mode .discussionlocked.outcome, .que .path-mod-forum.nested-v2-display-mode .fp-content-center body.path-question-type form + div .discussionlocked.outcome, body.path-question-type div.backup-section + form .que .path-mod-forum.nested-v2-display-mode .discussionlocked.outcome, .que .path-mod-forum.nested-v2-display-mode body.path-question-type div.backup-section + form .discussionlocked.outcome, body.path-question-type .form-group .path-mod-forum.nested-v2-display-mode .que .discussionlocked.comment, .path-mod-forum.nested-v2-display-mode .que body.path-question-type .form-group .discussionlocked.comment, body.path-question-type .form-buttons .path-mod-forum.nested-v2-display-mode .que .discussionlocked.comment, .path-mod-forum.nested-v2-display-mode .que body.path-question-type .form-buttons .discussionlocked.comment, body.path-question-type .path-admin .buttons .path-mod-forum.nested-v2-display-mode .que .discussionlocked.comment, .path-mod-forum.nested-v2-display-mode .que body.path-question-type .path-admin .buttons .discussionlocked.comment, .path-admin body.path-question-type .buttons .path-mod-forum.nested-v2-display-mode .que .discussionlocked.comment, .path-mod-forum.nested-v2-display-mode .que .path-admin body.path-question-type .buttons .discussionlocked.comment, body.path-question-type .fp-content-center form + div .path-mod-forum.nested-v2-display-mode .que .discussionlocked.comment, .path-mod-forum.nested-v2-display-mode .que body.path-question-type .fp-content-center form + div .discussionlocked.comment, .fp-content-center body.path-question-type form + div .path-mod-forum.nested-v2-display-mode .que .discussionlocked.comment, .path-mod-forum.nested-v2-display-mode .que .fp-content-center body.path-question-type form + div .discussionlocked.comment, body.path-question-type div.backup-section + form .path-mod-forum.nested-v2-display-mode .que .discussionlocked.comment, .path-mod-forum.nested-v2-display-mode .que body.path-question-type div.backup-section + form .discussionlocked.comment, body.path-question-type .form-group .que .path-mod-forum.nested-v2-display-mode .discussionlocked.comment, .que .path-mod-forum.nested-v2-display-mode body.path-question-type .form-group .discussionlocked.comment, body.path-question-type .form-buttons .que .path-mod-forum.nested-v2-display-mode .discussionlocked.comment, .que .path-mod-forum.nested-v2-display-mode body.path-question-type .form-buttons .discussionlocked.comment, body.path-question-type .path-admin .buttons .que .path-mod-forum.nested-v2-display-mode .discussionlocked.comment, .que .path-mod-forum.nested-v2-display-mode body.path-question-type .path-admin .buttons .discussionlocked.comment, .path-admin body.path-question-type .buttons .que .path-mod-forum.nested-v2-display-mode .discussionlocked.comment, .que .path-mod-forum.nested-v2-display-mode .path-admin body.path-question-type .buttons .discussionlocked.comment, body.path-question-type .fp-content-center form + div .que .path-mod-forum.nested-v2-display-mode .discussionlocked.comment, .que .path-mod-forum.nested-v2-display-mode body.path-question-type .fp-content-center form + div .discussionlocked.comment, .fp-content-center body.path-question-type form + div .que .path-mod-forum.nested-v2-display-mode .discussionlocked.comment, .que .path-mod-forum.nested-v2-display-mode .fp-content-center body.path-question-type form + div .discussionlocked.comment, body.path-question-type div.backup-section + form .que .path-mod-forum.nested-v2-display-mode .discussionlocked.comment, .que .path-mod-forum.nested-v2-display-mode body.path-question-type div.backup-section + form .discussionlocked.comment, body.path-question-type .form-group .path-mod-forum.nested-v2-display-mode .assignfeedback_editpdf_widget .discussionlocked.label, .path-mod-forum.nested-v2-display-mode .assignfeedback_editpdf_widget body.path-question-type .form-group .discussionlocked.label, body.path-question-type .form-buttons .path-mod-forum.nested-v2-display-mode .assignfeedback_editpdf_widget .discussionlocked.label, .path-mod-forum.nested-v2-display-mode .assignfeedback_editpdf_widget body.path-question-type .form-buttons .discussionlocked.label, body.path-question-type .path-admin .buttons .path-mod-forum.nested-v2-display-mode .assignfeedback_editpdf_widget .discussionlocked.label, .path-mod-forum.nested-v2-display-mode .assignfeedback_editpdf_widget body.path-question-type .path-admin .buttons .discussionlocked.label, .path-admin body.path-question-type .buttons .path-mod-forum.nested-v2-display-mode .assignfeedback_editpdf_widget .discussionlocked.label, .path-mod-forum.nested-v2-display-mode .assignfeedback_editpdf_widget .path-admin body.path-question-type .buttons .discussionlocked.label, body.path-question-type .fp-content-center form + div .path-mod-forum.nested-v2-display-mode .assignfeedback_editpdf_widget .discussionlocked.label, .path-mod-forum.nested-v2-display-mode .assignfeedback_editpdf_widget body.path-question-type .fp-content-center form + div .discussionlocked.label, .fp-content-center body.path-question-type form + div .path-mod-forum.nested-v2-display-mode .assignfeedback_editpdf_widget .discussionlocked.label, .path-mod-forum.nested-v2-display-mode .assignfeedback_editpdf_widget .fp-content-center body.path-question-type form + div .discussionlocked.label, body.path-question-type div.backup-section + form .path-mod-forum.nested-v2-display-mode .assignfeedback_editpdf_widget .discussionlocked.label, .path-mod-forum.nested-v2-display-mode .assignfeedback_editpdf_widget body.path-question-type div.backup-section + form .discussionlocked.label, body.path-question-type .form-group .assignfeedback_editpdf_widget .path-mod-forum.nested-v2-display-mode .discussionlocked.label, .assignfeedback_editpdf_widget .path-mod-forum.nested-v2-display-mode body.path-question-type .form-group .discussionlocked.label, body.path-question-type .form-buttons .assignfeedback_editpdf_widget .path-mod-forum.nested-v2-display-mode .discussionlocked.label, .assignfeedback_editpdf_widget .path-mod-forum.nested-v2-display-mode body.path-question-type .form-buttons .discussionlocked.label, body.path-question-type .path-admin .buttons .assignfeedback_editpdf_widget .path-mod-forum.nested-v2-display-mode .discussionlocked.label, .assignfeedback_editpdf_widget .path-mod-forum.nested-v2-display-mode body.path-question-type .path-admin .buttons .discussionlocked.label, .path-admin body.path-question-type .buttons .assignfeedback_editpdf_widget .path-mod-forum.nested-v2-display-mode .discussionlocked.label, .assignfeedback_editpdf_widget .path-mod-forum.nested-v2-display-mode .path-admin body.path-question-type .buttons .discussionlocked.label, body.path-question-type .fp-content-center form + div .assignfeedback_editpdf_widget .path-mod-forum.nested-v2-display-mode .discussionlocked.label, .assignfeedback_editpdf_widget .path-mod-forum.nested-v2-display-mode body.path-question-type .fp-content-center form + div .discussionlocked.label, .fp-content-center body.path-question-type form + div .assignfeedback_editpdf_widget .path-mod-forum.nested-v2-display-mode .discussionlocked.label, .assignfeedback_editpdf_widget .path-mod-forum.nested-v2-display-mode .fp-content-center body.path-question-type form + div .discussionlocked.label, body.path-question-type div.backup-section + form .assignfeedback_editpdf_widget .path-mod-forum.nested-v2-display-mode .discussionlocked.label, .assignfeedback_editpdf_widget .path-mod-forum.nested-v2-display-mode body.path-question-type div.backup-section + form .discussionlocked.label, body.path-question-type .form-group .path-mod-forum .nested-v2-display-mode .tag_list > b, .path-mod-forum .nested-v2-display-mode body.path-question-type .form-group .tag_list > b, body.path-question-type .form-buttons .path-mod-forum .nested-v2-display-mode .tag_list > b, .path-mod-forum .nested-v2-display-mode body.path-question-type .form-buttons .tag_list > b, body.path-question-type .path-admin .buttons .path-mod-forum .nested-v2-display-mode .tag_list > b, .path-mod-forum .nested-v2-display-mode body.path-question-type .path-admin .buttons .tag_list > b, .path-admin body.path-question-type .buttons .path-mod-forum .nested-v2-display-mode .tag_list > b, .path-mod-forum .nested-v2-display-mode .path-admin body.path-question-type .buttons .tag_list > b, body.path-question-type .fp-content-center form + div .path-mod-forum .nested-v2-display-mode .tag_list > b, .path-mod-forum .nested-v2-display-mode body.path-question-type .fp-content-center form + div .tag_list > b, .fp-content-center body.path-question-type form + div .path-mod-forum .nested-v2-display-mode .tag_list > b, .path-mod-forum .nested-v2-display-mode .fp-content-center body.path-question-type form + div .tag_list > b, body.path-question-type div.backup-section + form .path-mod-forum .nested-v2-display-mode .tag_list > b, .path-mod-forum .nested-v2-display-mode body.path-question-type div.backup-section + form .tag_list > b, body.path-question-type .form-group .path-mod-forum.nested-v2-display-mode .tag_list > b, .path-mod-forum.nested-v2-display-mode body.path-question-type .form-group .tag_list > b, body.path-question-type .form-buttons .path-mod-forum.nested-v2-display-mode .tag_list > b, .path-mod-forum.nested-v2-display-mode body.path-question-type .form-buttons .tag_list > b, body.path-question-type .path-admin .buttons .path-mod-forum.nested-v2-display-mode .tag_list > b, .path-mod-forum.nested-v2-display-mode body.path-question-type .path-admin .buttons .tag_list > b, .path-admin body.path-question-type .buttons .path-mod-forum.nested-v2-display-mode .tag_list > b, .path-mod-forum.nested-v2-display-mode .path-admin body.path-question-type .buttons .tag_list > b, body.path-question-type .fp-content-center form + div .path-mod-forum.nested-v2-display-mode .tag_list > b, .path-mod-forum.nested-v2-display-mode body.path-question-type .fp-content-center form + div .tag_list > b, .fp-content-center body.path-question-type form + div .path-mod-forum.nested-v2-display-mode .tag_list > b, .path-mod-forum.nested-v2-display-mode .fp-content-center body.path-question-type form + div .tag_list > b, body.path-question-type div.backup-section + form .path-mod-forum.nested-v2-display-mode .tag_list > b, .path-mod-forum.nested-v2-display-mode body.path-question-type div.backup-section + form .tag_list > b { position: static; width: auto; height: auto; padding: 0; margin: 0 0.5rem 0 0; overflow: visible; clip: auto; clip-path: none; border: 0; } .que { clear: left; text-align: left; margin: 0 auto 1.8em auto; } .que .info { float: left; width: 7em; padding: 0.5em; margin-bottom: 1.8em; background-color: #dee2e6; border: 1px solid #cad0d7; border-radius: 2px; } .que h3.no { margin: 0; font-size: 0.8em; line-height: 1; } .que span.qno { font-size: 1.5em; font-weight: bold; } .que .info > div { font-size: 0.8em; margin-top: 0.7em; } .que .info .questionflag.editable { cursor: pointer; } .que .info .editquestion img, .que .info .questionflag img, .que .info .questionflag input { vertical-align: bottom; } .que .content { margin: 0 0 0 8.5em; } .que.multichoice .answer div.r0 .icon.fa-check, .que.multichoice .answer div.r1 .icon.fa-check, .que.multichoice .answer div.r0 .icon.fa-remove, .que.multichoice .answer div.r1 .icon.fa-remove { text-indent: 0; } .qtype_multichoice_clearchoice { padding-top: 10px; } .qtype_multichoice_clearchoice a { cursor: pointer; text-decoration: underline; padding-left: 30px; } .formulation input[type="text"], .formulation select { width: auto; vertical-align: baseline; } .que.multianswer .formulation .yui3-widget-positioned { box-sizing: content-box; } .que.multianswer .formulation .yui3-widget-positioned .feedbackspan { width: inherit; max-width: inherit; } .path-mod-quiz input[size] { width: auto; max-width: 100%; } .que .ablock { margin: 0.7em 0 0.3em 0; } .que .im-controls { margin-top: 0.5em; text-align: left; } .que .specificfeedback, .que .generalfeedback, .que .numpartscorrect .que .rightanswer, .que .im-feedback, .que .feedback, .que p { margin: 0 0 0.5em; } .que .correctness.correct { background-color: #5cb85c; } .que .correctness.partiallycorrect { background-color: #ff7518; } .que .correctness.notanswered, .que .correctness.incorrect { background-color: #d9534f; } .que .qtext { margin-bottom: 1.5em; } .que .grading, .que .comment, .que .commentlink, .que .history { margin-top: 0.5em; } .que .history h3 { margin: 0 0 0.2em; font-size: 1em; } .que .history table { width: 100%; margin: 0; } .que .history .current { font-weight: bold; } .que .questioncorrectnessicon { vertical-align: text-bottom; } body.jsenabled .questionflag input[type=checkbox] { display: none; } .que .questionflagimage { padding-right: 3px; height: 16px; width: 16px; } .importerror { margin-top: 10px; border-bottom: 1px solid #555; } .mform .que.comment .fitemtitle { width: 20%; } #page-question-preview #techinfo { margin: 1em 0; } #page-mod-quiz-edit ul.slots .activityinstance > a { display: inline; text-indent: 0; padding-left: 0; } #page-mod-quiz-edit ul.slots .activityinstance img.activityicon { margin-left: 0; width: 16px; height: 16px; padding-right: 4px; } #page-mod-quiz-edit .activity img.activityicon { vertical-align: text-top; } #page-mod-quiz-edit .box.generalbox.questionbank { padding: 0.5em; } #page-mod-quiz-edit .questionbank .categorypagingbarcontainer, #page-mod-quiz-edit .questionbank .categoryquestionscontainer, #page-mod-quiz-edit .questionbank .choosecategory { padding: 0; } #page-mod-quiz-edit .questionbank .choosecategory select { width: 100%; } #page-mod-quiz-edit div.questionbank .categoryquestionscontainer { background: transparent; } #page-mod-quiz-edit #categoryquestions > thead { background: #fff; } #page-mod-quiz-edit #categoryquestions > tbody > tr:nth-of-type(even) { background: #e4e4e4; } #page-mod-quiz-edit .questionbankwindow div.header { color: #444; text-shadow: none; border-top-left-radius: 4px; border-top-right-radius: 4px; margin: 0 -10px 0 -10px; padding: 2px 10px 2px 10px; background: transparent; /* Old browsers */ } #page-mod-quiz-edit .questionbankwindow div.header a:link, #page-mod-quiz-edit .questionbankwindow div.header a:visited { color: #1177d1; } #page-mod-quiz-edit .questionbankwindow div.header a:hover { color: #0b4f8a; } #page-mod-quiz-edit .createnewquestion { padding: 0.3em 0; } #page-mod-quiz-edit .createnewquestion div, #page-mod-quiz-edit .createnewquestion input { margin: 0; } #page-mod-quiz-edit .questionbankwindow div.header .title { color: #373a3c; } #page-mod-quiz-edit div.container div.generalbox { background-color: transparent; padding: 1.5em; } #page-mod-quiz-edit .categoryinfo { background-color: transparent; border-bottom: none; } #page-mod-quiz-edit .createnewquestion .singlebutton input { margin-bottom: 0; } #page-mod-quiz-edit div.questionbank .categorysortopotionscontainer, #page-mod-quiz-edit div.questionbank .categoryselectallcontainer { padding: 0 0 1.5em 0; } #page-mod-quiz-edit div.questionbank .categorypagingbarcontainer { background-color: transparent; margin: 0; border-top: 0; border-bottom: 0; } #page-mod-quiz-edit div.questionbank .categorypagingbarcontainer .paging { padding: 0 0.3em; } #page-mod-quiz-edit div.question div.content div.questioncontrols { background-color: #fff; } #page-mod-quiz-edit div.question div.content div.points { margin-top: -0.5em; padding-bottom: 0; border: none; background-color: #fff; position: static; width: 12.1em; float: right; margin-right: 60px; } #page-mod-quiz-edit div.question div.content div.points br { display: none; } #page-mod-quiz-edit div.question div.content div.points label { display: inline-block; } #page-mod-quiz-edit div.quizpage .pagecontent .pagestatus { background-color: #fff; } #page-mod-quiz-edit .quizpagedelete, #page-mod-quiz-edit .quizpagedelete img { background-color: transparent; } #page-mod-quiz-edit div.quizpage .pagecontent { border: 1px solid #ddd; border-radius: 2px; overflow: hidden; } #page-mod-quiz-edit div.questionbank .categoryinfo { padding: 0.3em 0; } #page-mod-quiz-edit div.questionbank .modulespecificbuttonscontainer { padding: 0; } #page-mod-quiz-edit div.questionbank .modulespecificbuttonscontainer strong { display: block; } #page-mod-quiz-edit div.questionbank .modulespecificbuttonscontainer hr, #page-mod-quiz-edit div.questionbank .modulespecificbuttonscontainer br { display: none; } #page-mod-quiz-edit div.questionbank .modulespecificbuttonscontainer strong { margin-left: -0.3em; } #page-mod-quiz-edit div.questionbank .modulespecificbuttonscontainer strong label { margin-left: 0.3em; } #page-mod-quiz-edit div.questionbank .modulespecificbuttonscontainer input { margin-left: 0; } #page-mod-quiz-edit div.questionbank .modulespecificbuttonscontainer input + input { margin-left: 5px; } .questionbankwindow .module { width: auto; } .questionbankwindow .form-autocomplete-selection { margin-left: 0; } #page-mod-quiz-edit div.editq div.question div.content { background-color: #fff; border: 1px solid #ddd; border-radius: 2px; overflow: hidden; } #page-mod-quiz-edit ul.slots .activityinstance img.activityicon { margin-top: 0; padding-right: 4px; } .path-mod-quiz .statedetails { display: block; font-size: 0.9em; } a#hidebankcmd { color: #1177d1; } .que.shortanswer .answer { padding: 0; } .que label { display: inline; } body.path-question-type .mform fieldset.hidden { padding: 0; margin: 0.7em 0 0; } .que.ddwtos, .que.ddwtos .drop { box-sizing: content-box; } .tag-condition-container { position: relative; } @media (max-width: 767.98px) { .que .info { float: none; width: auto; } .que .content { margin: 0; } } /* user.less */ .userprofile .fullprofilelink { text-align: center; margin: 10px; } .userprofile .page-context-header { margin-bottom: 10px; } .userprofile .description { margin-top: 10px; margin-bottom: 30px; } .userprofile .profile_tree { column-count: 2; } .userprofile .profile_tree section { display: inline-block; width: 100%; margin-bottom: 1rem; } #participantsform .no-overflow { overflow: visible; } .userprofile dl.list > dd + dt { clear: left; } .user-box { margin: 8px; width: 115px; height: 160px; text-align: center; float: left; clear: none; } #page-user-profile .node_category ul, .path-user .node_category ul { margin: 0; list-style: none; padding-left: 0; } #page-user-profile .node_category li, .path-user .node_category li { margin-top: 5px; } #page-user-profile .node_category .editprofile, #page-user-profile .node_category .viewmore, .path-user .node_category .editprofile, .path-user .node_category .viewmore { text-align: right; } .ajax-contact-button { box-sizing: border-box; position: relative; } .ajax-contact-button.loading .loading-icon { display: block; } .ajax-contact-button .loading-icon { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.7); } .ajax-contact-button .loading-icon .icon { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } @media (max-width: 480px) { .userprofile .profile_tree { /** Display the profile on one column on phones@mixin */ column-count: 1; } } .userlist #showall { margin: 10px 0; } .userlist .buttons { text-align: center; } .userlist .buttons label { padding: 0 3px; } .userlist table#participants { text-align: center; } .userlist table#participants td { text-align: left; padding: 4px; vertical-align: middle; } .userlist table#participants th { text-align: left; padding: 4px; } .userlist table.controls { width: 100%; } .userlist table.controls tr { vertical-align: top; } .userlist table.controls .right { text-align: right; } .userlist table.controls .groupselector { margin-bottom: 0; margin-top: 0; } .userlist table.controls .groupselector label { display: block; } .userinfobox { width: 100%; border: 1px solid; border-collapse: separate; padding: 10px; } .userinfobox .left, .userinfobox .side { width: 100px; vertical-align: top; } .userinfobox .userpicture { width: 100px; height: 100px; } .userinfobox .content { vertical-align: top; } .userinfobox .links { width: 100px; padding: 5px; vertical-align: bottom; } .userinfobox .links a { display: block; } .userinfobox .list td { padding: 3px; } .userinfobox .username { padding-bottom: 20px; font-weight: bold; } .userinfobox td.label { text-align: right; white-space: nowrap; vertical-align: top; font-weight: bold; } .group-edit { position: absolute; right: 0; margin-right: 0.6em; } .group-image { display: block; float: left; margin-right: 1em; } .group-image .grouppicture { border-radius: 50%; } .groupinfobox .left { padding: 10px; width: 100px; vertical-align: top; } .course-participation #showall { text-align: center; margin: 10px 0; } #user-policy .noticebox { text-align: center; margin-left: auto; margin-right: auto; margin-bottom: 10px; width: 80%; height: 250px; } #user-policy #policyframe { width: 100%; height: 100%; } .iplookup #map { margin: auto; } .userselector select { width: 100%; } .userselector div { margin-top: 0.2em; } .userselector div label { margin-right: 0.3em; } /* Next style does not work in all browsers but looks nicer when it does */ .userselector .userselector-infobelow { font-size: 0.8em; } #userselector_options .collapsibleregioncaption { font-weight: bold; } #userselector_options p { margin: 0.2em 0; text-align: left; } /** user full profile */ #page-user-profile .messagebox { text-align: center; margin-left: auto; margin-right: auto; } /** user course profile */ #page-course-view-weeks .messagebox { text-align: center; margin-left: auto; margin-right: auto; } .profileeditor > .singleselect { margin: 0 0.5em 0 0; } .profileeditor > .singlebutton { display: inline-block; margin: 0 0 0 0.5em; } .profileeditor > .singlebutton div, .profileeditor > .singlebutton input { margin: 0; } .userlist h3 .action-icon { display: none; } #page-enrol-users .popover { max-width: none; } .user-enroller-panel { width: 600px; } .search-results .result { margin-left: 0; margin-right: 0; } .search-results .result .result-content { margin: 7px 0; } .search-results .result .filename { font-style: italic; } .search-input-wrapper { margin: 0 1rem 0 0; overflow: hidden; float: right; width: 24px; transition: width 0.5s ease, left 0.5s ease; padding-top: 0; padding-bottom: 0; } .search-input-wrapper > div { float: left; margin: 0; } .search-input-wrapper > div .icon { margin-right: 0; margin-top: 10px; } .search-input-wrapper > form { opacity: 0; margin-left: 25px; transition: opacity 0.5s ease-in-out; } .search-input-wrapper > form > input { margin: 0; } .search-input-wrapper form.expanded { opacity: 1; } .search-input-wrapper.expanded { width: 162px; } @media (max-width: 575.98px) { .search-input-wrapper { margin: 0 1rem 0 0; } .search-input-wrapper > div { margin: 0; } .search-input-wrapper > form { display: none; } } .search-areas-actions { margin-bottom: 1rem; } .search-areas-actions > div { margin-right: 1rem; display: inline-block; } #core-search-areas .lastcol li { margin-left: 24px; text-indent: -24px; } #core-search-areas .lastcol li > i { text-indent: 0; } /** * Moodle forms HTML isn't changeable via renderers (yet?) so this * .less file imports styles from the bootstrap $variables file and * adds them to the existing Moodle form CSS ids and classes. * */ .jsenabled .mform .containsadvancedelements .advanced { display: none; } .mform .containsadvancedelements .advanced.show { display: flex; } #adminsettings span.error { display: inline-block; border: 1px solid #f4cfce; border-radius: 4px; background-color: #f7dddc; padding: 4px; margin-bottom: 4px; } .mform .form-inline .form-control, .mform .form-inline .custom-select { max-width: 100%; } .mform .form-inline .form-group, .mform .form-inline .form-buttons, .mform .form-inline .path-admin .buttons, .path-admin .mform .form-inline .buttons, .mform .form-inline .fp-content-center form + div, .fp-content-center .mform .form-inline form + div, .mform .form-inline div.backup-section + form { margin: 0.1rem 0.25rem 0.1rem 0; } .mform .form-inline br + label { justify-content: flex-start; width: 100%; } .unresponsive.mform .form-inline, .unresponsive.mform .form-inline label { display: inline-flex; } #jump-to-activity.custom-select { width: 100%; } .mform fieldset { margin-bottom: 0.5rem; border-bottom: 1px solid #dee2e6; } .mform > .form-group, .mform > .form-buttons, .path-admin .mform > .buttons, .fp-content-center .mform > form + div, .mform > div.backup-section + form { margin-left: 1.5rem; } .editor_atto_content.form-control { width: 100%; } #adminsettings .form-control[size] { width: auto; } .jsenabled .mform .collapsed .fcontainer { display: none; } #adminsettings .error { color: #d9534f; } .mform ul.file-list { padding: 0; margin: 0; list-style: none; } .mform label .req, .mform label .adv { cursor: help; } input#id_externalurl { direction: ltr; } #portfolio-add-button { display: inline; } .form-label .form-shortname { font-size: 0.703125rem; display: block; } .form-item .form-inline { display: inline; } .form-inline label:not(.sr-only):not(.accesshide) + select { margin-left: 0.5rem; } .no-felement.fstatic { padding-top: 5px; } .no-fitem .fstaticlabel { font-weight: bold; } .form-buttons, .path-admin .buttons, .fp-content-center form + div, div.backup-section + form { padding-left: 0; } .form-item .form-setting .defaultsnext > input { display: inline-block; } .form-item .form-setting .form-checkbox.defaultsnext { margin-top: 5px; display: inline-block; } #adminsettings h3 { display: block; width: 100%; padding: 0; margin-bottom: 1.5; font-size: 1.171875rem; line-height: 3; border: 0; border-bottom: 1px solid #e5e5e5; } .mform .fitem .felement input[name="email"], .mform .fitem .felement input[name="email2"], .mform .fitem .felement input[name="url"], .mform .fitem .felement input[name="idnumber"], .mform .fitem .felement input[name="phone1"], .mform .fitem .felement input[name="phone2"] { text-align: left; direction: ltr; } .que.match .mediaplugin { width: 50vw; } #page-admin-grade-edit-scale-edit .error input#id_name { margin-right: 170px; } #page-grade-edit-outcome-course .courseoutcomes { margin-left: auto; margin-right: auto; width: 100%; } #page-grade-edit-outcome-course .courseoutcomes td { text-align: center; } /* Install Process' text fields Forms, should always be justified to the left */ #installform #id_wwwroot, #installform #id_dirroot, #installform #id_dataroot, #installform #id_dbhost, #installform #id_dbname, #installform #id_dbuser, #installform #id_dbpass, #installform #id_prefix { direction: ltr; } .mdl-right > label { display: inline-block; } .singleselect { max-width: 100%; } .form-item .form-label label { margin-bottom: 0; } div#dateselector-calendar-panel { z-index: 3100; /* Set higher than the z-index of the filemanager - see MDL-39047. */ } fieldset.coursesearchbox label { display: inline; } /** * Show the labels above text editors and file managers except on wide screens. */ /* Section and module editing forms contain special JS components for the availability system (if enabled). */ #id_availabilityconditionsjson[aria-hidden=true], .availability-field [aria-hidden=true] { display: none; } .availability-field label { display: inline-flex; } .availability-field .availability-group label { vertical-align: top; } .availability-eye { clear: left; float: left; } .availability-inner, .availability-plugincontrols { float: left; border-radius: 0.25rem; border: 1px solid rgba(0, 0, 0, 0.125); padding: 1rem; margin-top: 0.5rem; } .availability-plugincontrols, .availability-childlist .availability-inner { margin-left: .625rem; } .availability-field .availability-plugincontrols .availability-group select { max-width: 12rem; } /* Custom styles for autocomplete form element */ /* These styles reserve a standard amount of space in the DOM to avoid flicker when the original select element is replaced */ [data-fieldtype=autocomplete] select, [data-fieldtype=tags] select, .form-autocomplete-original-select { visibility: hidden; overflow: hidden; width: 15rem; height: 44px; margin: 0; padding: 0; border: 0; margin-top: 1.65625rem; vertical-align: bottom; } .form-autocomplete-selection { margin: 0.25rem; min-height: 2.375rem; } .form-autocomplete-selection [role=listitem] { cursor: pointer; white-space: inherit; word-break: break-word; line-height: 1.4; text-align: left; } .form-autocomplete-suggestions { position: absolute; background-color: white; border: 2px solid #dee2e6; border-radius: 3px; min-width: 206px; max-height: 20em; overflow: auto; margin: 0; padding: 0; margin-top: 0.4em; z-index: 1; } .form-autocomplete-suggestions li { list-style-type: none; padding: 0.2em; margin: 0; cursor: pointer; color: #373a3c; } .form-autocomplete-suggestions li:hover { background-color: #3f9def; color: #fff; } .form-autocomplete-suggestions li[aria-selected=true] { background-color: #f2f2f2; color: #495057; } .form-autocomplete-downarrow { color: #373a3c; top: 0.2rem; right: 0.5rem; cursor: pointer; } .form-autocomplete-downarrow .loading-icon { position: absolute; top: 0; left: 0; background-color: #fff; } .form-autocomplete-selection:focus { outline: none; } /** Undo some bootstrap things */ .form-autocomplete-selection + input.form-control { width: auto; display: inline-block; vertical-align: middle; } .form-autocomplete-selection [data-active-selection=true] { padding: 0.5em; font-size: large; } /* Non-bootstrap selects with a size show their contents outside of the element. * Remove when we update to stable bootstrap 4. (MDL-56511) */ select[size], select[multiple] { overflow: auto; } select[size="1"] { overflow: visible; } textarea[data-auto-rows] { overflow-x: hidden; resize: none; } /** Display elements under labels in vertical forms regardless of the screen size. */ .mform.full-width-labels .fitem.row { margin-left: 0; margin-right: 0; } .mform.full-width-labels .fitem.row > .col-md-3, .mform.full-width-labels .fitem.row > .col-md-9 { float: none; width: inherit; padding-right: 0; padding-left: 0; } .mform.full-width-labels .fitem.row.femptylabel > .col-md-3 { display: none; } /** Allow wrapping an mform in a div with the form-inline class to have an inline, responsive form. */ @media (min-width: 768px) { .form-inline .col-md-9, .form-inline .col-md-3 { margin-bottom: 1rem; width: auto; } .form-inline .col-md-9 label, .form-inline .col-md-3 label { margin-left: 1rem; } } [data-fieldtype="modgrade"] .form-group, [data-fieldtype="modgrade"] .form-buttons, [data-fieldtype="modgrade"] .path-admin .buttons, .path-admin [data-fieldtype="modgrade"] .buttons, [data-fieldtype="modgrade"] .fp-content-center form + div, .fp-content-center [data-fieldtype="modgrade"] form + div, [data-fieldtype="modgrade"] div.backup-section + form { padding-bottom: 0.375rem; } [data-fieldtype="modgrade"] { background-color: #fff; border-radius: 0.25rem; border: 1px solid rgba(0, 0, 0, 0.125); padding: 1.25rem; margin-left: 15px; max-width: 30rem; } /** Atto fields do not have form-control because that would break the layout of the editor. So they need these extra styles to highlight the editor when there is a validation error. */ .has-danger .editor_atto_content.form-control, .has-danger .editor_atto_content.form-control-danger, .has-danger #page-admin-mnet-peers .mform .editor_atto_content.deletedhostinfo, #page-admin-mnet-peers .mform .has-danger .editor_atto_content.deletedhostinfo, .has-danger .editor_atto_content.maintenancewarning.error { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23d9534f' viewBox='-2 -2 7 7'%3E%3Cpath stroke='%23d9534f' d='M0 0l3 3m0-3L0 3'/%3E%3Ccircle r='.5'/%3E%3Ccircle cx='3' r='.5'/%3E%3Ccircle cy='3' r='.5'/%3E%3Ccircle cx='3' cy='3' r='.5'/%3E%3C/svg%3E"); padding-right: 2.25rem; background-repeat: no-repeat; background-position: center right 1rem; background-size: 1.5rem; } .has-danger .editor_atto_content.form-control .form-control-feedback, .has-danger .editor_atto_content.form-control .form-control-label, .has-danger .editor_atto_content.form-control .form-check-label, .has-danger .editor_atto_content.form-control .form-check-inline, .has-danger .editor_atto_content.form-control .custom-control, .has-danger .editor_atto_content.form-control-danger .form-control-feedback, .has-danger #page-admin-mnet-peers .mform .editor_atto_content.deletedhostinfo .form-control-feedback, #page-admin-mnet-peers .mform .has-danger .editor_atto_content.deletedhostinfo .form-control-feedback, .has-danger .editor_atto_content.maintenancewarning.error .form-control-feedback, .has-danger .editor_atto_content.form-control-danger .form-control-label, .has-danger #page-admin-mnet-peers .mform .editor_atto_content.deletedhostinfo .form-control-label, #page-admin-mnet-peers .mform .has-danger .editor_atto_content.deletedhostinfo .form-control-label, .has-danger .editor_atto_content.maintenancewarning.error .form-control-label, .has-danger .editor_atto_content.form-control-danger .form-check-label, .has-danger #page-admin-mnet-peers .mform .editor_atto_content.deletedhostinfo .form-check-label, #page-admin-mnet-peers .mform .has-danger .editor_atto_content.deletedhostinfo .form-check-label, .has-danger .editor_atto_content.maintenancewarning.error .form-check-label, .has-danger .editor_atto_content.form-control-danger .form-check-inline, .has-danger #page-admin-mnet-peers .mform .editor_atto_content.deletedhostinfo .form-check-inline, #page-admin-mnet-peers .mform .has-danger .editor_atto_content.deletedhostinfo .form-check-inline, .has-danger .editor_atto_content.maintenancewarning.error .form-check-inline, .has-danger .editor_atto_content.form-control-danger .custom-control, .has-danger #page-admin-mnet-peers .mform .editor_atto_content.deletedhostinfo .custom-control, #page-admin-mnet-peers .mform .has-danger .editor_atto_content.deletedhostinfo .custom-control, .has-danger .editor_atto_content.maintenancewarning.error .custom-control { color: #d9534f; } .has-danger .editor_atto_content.form-control .form-control, .has-danger .editor_atto_content.form-control-danger .form-control, .has-danger #page-admin-mnet-peers .mform .editor_atto_content.deletedhostinfo .form-control, #page-admin-mnet-peers .mform .has-danger .editor_atto_content.deletedhostinfo .form-control, .has-danger .editor_atto_content.maintenancewarning.error .form-control { border-color: #d9534f; } .has-danger .editor_atto_content.form-control .input-group-addon, .has-danger .editor_atto_content.form-control-danger .input-group-addon, .has-danger #page-admin-mnet-peers .mform .editor_atto_content.deletedhostinfo .input-group-addon, #page-admin-mnet-peers .mform .has-danger .editor_atto_content.deletedhostinfo .input-group-addon, .has-danger .editor_atto_content.maintenancewarning.error .input-group-addon { color: #d9534f; border-color: #d9534f; background-color: #fdf7f7; } .has-danger .editor_atto_content.form-control .form-control-feedback, .has-danger .editor_atto_content.form-control-danger .form-control-feedback, .has-danger #page-admin-mnet-peers .mform .editor_atto_content.deletedhostinfo .form-control-feedback, #page-admin-mnet-peers .mform .has-danger .editor_atto_content.deletedhostinfo .form-control-feedback, .has-danger .editor_atto_content.maintenancewarning.error .form-control-feedback { color: #d9534f; } [data-filetypesbrowserbody] [aria-expanded="false"] > [role="group"], [data-filetypesbrowserbody] [aria-expanded="false"] [data-filetypesbrowserfeature="hideifcollapsed"], [data-filetypesbrowserbody] [aria-expanded="true"] [data-filetypesbrowserfeature="hideifexpanded"] { display: none; } .form-inline[data-fieldtype="autocomplete"], .form-inline[data-fieldtype="tags"] { display: block; } [data-fieldtype="editor"] > div { flex-grow: 1; } @media (min-width: 576px) { .mform fieldset { margin-left: 1.5rem; } .mform fieldset.collapsible legend a.fheader { padding: 0 5px 0 1.5rem; margin-left: -1.5rem; background: url([[pix:t/expanded]]) 0 center no-repeat; } .mform fieldset.collapsed legend a.fheader { background-image: url([[pix:t/collapsed]]); } .mform .form-inline .fdefaultcustom label { justify-content: initial; } } .input-group.form-inset .form-inset-item { padding-top: calc(0.375rem + 1px); z-index: 3; } .input-group.form-inset.form-inset-right .form-inset-item { right: 0; } .pagelayout-login .card-title h2 img { max-width: 100%; max-height: 100px; } .pagelayout-login #region-main { border: 0; background-color: inherit; } /* modules.less */ select { width: auto; } .path-mod-choice .horizontal .choices .option { display: inline-block; } .path-mod-feedback .feedback_form .col-form-label { display: block !important; /* stylelint-disable-line declaration-no-important */ } .path-mod-feedback .itemactions { float: right; } .path-mod-feedback .itemhandle { position: absolute; right: 1rem; } .path-mod-forum .forumsearch input, .path-mod-forum .forumsearch .helptooltip { margin: 0 3px; } .path-mod-forum .forumheaderlist, .path-mod-forum .forumheaderlist td { border: none; } .path-mod-forum .forumheaderlist thead .header, .path-mod-forum .forumheaderlist tbody .discussion td { white-space: normal; vertical-align: top; padding-left: 0.5em; padding-right: 0.5em; } .path-mod-forum .forumheaderlist thead .header { white-space: normal; vertical-align: top; } .path-mod-forum .forumheaderlist thead .header.replies { text-align: center; } .path-mod-forum .forumheaderlist thead .header.lastpost { text-align: right; } .path-mod-forum .forumheaderlist thead .header th.discussionsubscription, .path-mod-forum .forumheaderlist tbody .discussion td.discussionsubscription { width: 16px; padding-left: 0.5em; padding-right: 0.5em; } .path-mod-forum .forumheaderlist .discussion .replies, .path-mod-forum .forumheaderlist .discussion .lastpost { white-space: normal; } .path-mod-forum .forumheaderlist .discussion .discussionsubscription, .path-mod-forum .forumheaderlist .discussion .replies { text-align: center; } .path-mod-forum .forumheaderlist .discussion .topic, .path-mod-forum .forumheaderlist .discussion .discussionsubscription, .path-mod-forum .forumheaderlist .discussion .topic.starter, .path-mod-forum .forumheaderlist .discussion .replies, .path-mod-forum .forumheaderlist .discussion .lastpost { vertical-align: top; } .path-mod-forum .discussion-list .topic { font-weight: inherit; } .path-mod-forum .subscriptionmode { color: #373a3c; } .path-mod-forum .activesetting { color: #373a3c; font-weight: bold; } .discussion-settings-container .custom-select { width: 100%; } .discussion-settings-container input { max-width: 100%; } .forumpost { border: 1px solid #dee2e6; display: block; padding: 6px; } .forumpost .header { margin-bottom: 3px; } .forumpost .picture img { margin: 3px; } .forumpost .picture img.userpicture { margin-left: 3px; margin-right: 10px; } .forumpost .content .posting.fullpost { margin-top: 8px; } .forumpost .row { display: block; } .forumpost .row .topic, .forumpost .row .content-mask, .forumpost .row .options { margin-left: 48px; } .forumpost .row.side { clear: both; } .forumpost .row .left { width: 48px; } .forumpost .options .commands { margin-left: 0; } .forumpost .subject { font-weight: bold; } .forumsearch input[type=text] { margin-bottom: 0; } #page-mod-forum-view table .fit-content { width: 1px; white-space: nowrap; } #page-mod-forum-view table .limit-width { max-width: 200px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } #page-mod-forum-view table .limit-width .author-info { max-width: calc(100% - 35px - .5rem); } #page-mod-forum-discuss .discussioncontrols { width: auto; margin: 0; } #page-mod-forum-discuss .discussioncontrols .form-inline input { margin-top: -1px; } /** Gently highlight the selected post by changing it's background to blue and then fading it out. */ @keyframes background-highlight { from { background-color: rgba(0, 123, 255, 0.5); } to { background-color: inherit; } } .path-mod-forum .nested-v2-display-mode, .path-mod-forum.nested-v2-display-mode { /** Reset the badge styling back to pill style. */ /** Style the ratings like a badge. */ /** Don't show the discussion locked alert in this mode because it's already indicated with a badge. */ /** Fix muted text contrast ratios for accessibility. */ /** Make the tag list text screen reader visible only */ } .path-mod-forum .nested-v2-display-mode .discussionsubscription, .path-mod-forum.nested-v2-display-mode .discussionsubscription { margin-top: 0; text-align: inherit; margin-bottom: 0; } .path-mod-forum .nested-v2-display-mode .preload-subscribe, .path-mod-forum .nested-v2-display-mode .preload-unsubscribe, .path-mod-forum.nested-v2-display-mode .preload-subscribe, .path-mod-forum.nested-v2-display-mode .preload-unsubscribe { display: none; } .path-mod-forum .nested-v2-display-mode .post-message, .path-mod-forum.nested-v2-display-mode .post-message { line-height: 1.6; } .path-mod-forum .nested-v2-display-mode .indent, .path-mod-forum.nested-v2-display-mode .indent { margin-left: 0; } .path-mod-forum .nested-v2-display-mode .badge, .path-mod-forum.nested-v2-display-mode .badge { font-size: inherit; font-weight: inherit; padding-left: .5rem; padding-right: .5rem; border-radius: 10rem; } .path-mod-forum .nested-v2-display-mode .badge-light, .path-mod-forum.nested-v2-display-mode .badge-light { background-color: #f6f6f6; color: #5b5b5b; } .path-mod-forum .nested-v2-display-mode .rating-aggregate-container, .path-mod-forum.nested-v2-display-mode .rating-aggregate-container { background-color: #f6f6f6; color: #5b5b5b; padding: .25em .5em; line-height: 1; margin-right: .5rem; vertical-align: middle; border-radius: 10rem; text-align: center; } .path-mod-forum .nested-v2-display-mode .ratinginput, .path-mod-forum.nested-v2-display-mode .ratinginput { padding: .25em 1.75rem 0.25em .75em; line-height: 1; height: auto; border-radius: 10rem; } @media (max-width: 767.98px) { .path-mod-forum .nested-v2-display-mode .ratinginput, .path-mod-forum.nested-v2-display-mode .ratinginput { margin-top: .5rem; } } .path-mod-forum .nested-v2-display-mode .group-image, .path-mod-forum.nested-v2-display-mode .group-image { width: 35px; height: 35px; margin-right: 0; float: none; display: inline-block; } .path-mod-forum .nested-v2-display-mode .text-muted, .path-mod-forum .nested-v2-display-mode a.dimmed, .path-mod-forum .nested-v2-display-mode .dimmed_text, .path-mod-forum .nested-v2-display-mode .dimmed_text a, .dimmed_text .path-mod-forum .nested-v2-display-mode a, .path-mod-forum .nested-v2-display-mode .usersuspended, .path-mod-forum .nested-v2-display-mode .usersuspended a, .usersuspended .path-mod-forum .nested-v2-display-mode a, .path-mod-forum .nested-v2-display-mode .dimmed_category, .path-mod-forum .nested-v2-display-mode .dimmed_category a, .dimmed_category .path-mod-forum .nested-v2-display-mode a, .path-mod-forum .nested-v2-display-mode .tag_feed .media .muted a, .tag_feed .media .muted .path-mod-forum .nested-v2-display-mode a, .path-mod-forum .nested-v2-display-mode #page-admin-qtypes .disabled, #page-admin-qtypes .path-mod-forum .nested-v2-display-mode .disabled, .path-mod-forum .nested-v2-display-mode #page-admin-qbehaviours .disabled, #page-admin-qbehaviours .path-mod-forum .nested-v2-display-mode .disabled, .path-mod-forum .nested-v2-display-mode #page-admin-plugins #plugins-control-panel .pluginname .componentname, #page-admin-plugins #plugins-control-panel .pluginname .path-mod-forum .nested-v2-display-mode .componentname, .path-mod-forum .nested-v2-display-mode #page-admin-plugins #plugins-control-panel .version .versionnumber, #page-admin-plugins #plugins-control-panel .version .path-mod-forum .nested-v2-display-mode .versionnumber, .path-mod-forum .nested-v2-display-mode #page-admin-plugins #plugins-control-panel .notes .requiredby, #page-admin-plugins #plugins-control-panel .notes .path-mod-forum .nested-v2-display-mode .requiredby, .path-mod-forum .nested-v2-display-mode #plugins-check-page .page-description, #plugins-check-page .path-mod-forum .nested-v2-display-mode .page-description, .path-mod-forum .nested-v2-display-mode #plugins-check-page #plugins-check .requires-ok, #plugins-check-page #plugins-check .path-mod-forum .nested-v2-display-mode .requires-ok, .path-mod-forum .nested-v2-display-mode #plugins-check-page #plugins-check .displayname .plugindir, #plugins-check-page #plugins-check .displayname .path-mod-forum .nested-v2-display-mode .plugindir, .path-mod-forum .nested-v2-display-mode #plugins-check-page #plugins-check-available-dependencies .displayname .component, #plugins-check-page #plugins-check-available-dependencies .displayname .path-mod-forum .nested-v2-display-mode .component, .path-mod-forum .nested-v2-display-mode #page-admin-search .adminpagepath li, #page-admin-search .adminpagepath .path-mod-forum .nested-v2-display-mode li, .path-mod-forum .nested-v2-display-mode .block .minicalendar td.weekend, .block .minicalendar .path-mod-forum .nested-v2-display-mode td.weekend, .path-mod-forum .nested-v2-display-mode .section .activity .stealth, .section .activity .path-mod-forum .nested-v2-display-mode .stealth, .path-mod-forum .nested-v2-display-mode .course-content .section-summary .section-summary-activities .activity-count, .course-content .section-summary .section-summary-activities .path-mod-forum .nested-v2-display-mode .activity-count, .path-mod-forum .nested-v2-display-mode .course-content ul li.section.hidden .sectionname > span, .course-content ul li.section.hidden .path-mod-forum .nested-v2-display-mode .sectionname > span, .path-mod-forum .nested-v2-display-mode .course-content ul li.section.hidden .content > div.summary, .course-content ul li.section.hidden .path-mod-forum .nested-v2-display-mode .content > div.summary, .path-mod-forum .nested-v2-display-mode .course-content ul li.section.hidden .activity .activityinstance, .course-content ul li.section.hidden .activity .path-mod-forum .nested-v2-display-mode .activityinstance, .path-mod-forum .nested-v2-display-mode #course-category-listings .listitem[data-visible="0"], #course-category-listings .path-mod-forum .nested-v2-display-mode .listitem[data-visible="0"], .path-mod-forum .nested-v2-display-mode #course-category-listings .listitem[data-visible="0"] > div > a, #course-category-listings .path-mod-forum .nested-v2-display-mode .listitem[data-visible="0"] > div > a, .path-mod-forum .nested-v2-display-mode #course-category-listings .listing-pagination-totals.dimmed, #course-category-listings .path-mod-forum .nested-v2-display-mode .listing-pagination-totals.dimmed, .path-mod-forum .nested-v2-display-mode .fitem.disabled .fp-btn-choose, .fitem.disabled .path-mod-forum .nested-v2-display-mode .fp-btn-choose, .path-mod-forum .nested-v2-display-mode .form-defaultinfo, .path-mod-forum .nested-v2-display-mode .form-label .form-shortname, .form-label .path-mod-forum .nested-v2-display-mode .form-shortname, .path-mod-forum .nested-v2-display-mode .formsettingheading .form-horizontal, .formsettingheading .path-mod-forum .nested-v2-display-mode .form-horizontal, .path-mod-forum .nested-v2-display-mode .no-felement.fstatic, .path-mod-forum .nested-v2-display-mode .path-backup .backup_progress .backup_stage, .path-backup .backup_progress .path-mod-forum .nested-v2-display-mode .backup_stage, .path-mod-forum .nested-v2-display-mode .dimmed_text, .path-mod-forum.nested-v2-display-mode .text-muted, .path-mod-forum.nested-v2-display-mode a.dimmed, .path-mod-forum.nested-v2-display-mode .dimmed_text, .path-mod-forum.nested-v2-display-mode .dimmed_text a, .dimmed_text .path-mod-forum.nested-v2-display-mode a, .path-mod-forum.nested-v2-display-mode .usersuspended, .path-mod-forum.nested-v2-display-mode .usersuspended a, .usersuspended .path-mod-forum.nested-v2-display-mode a, .path-mod-forum.nested-v2-display-mode .dimmed_category, .path-mod-forum.nested-v2-display-mode .dimmed_category a, .dimmed_category .path-mod-forum.nested-v2-display-mode a, .path-mod-forum.nested-v2-display-mode .tag_feed .media .muted a, .tag_feed .media .muted .path-mod-forum.nested-v2-display-mode a, .path-mod-forum.nested-v2-display-mode #page-admin-qtypes .disabled, #page-admin-qtypes .path-mod-forum.nested-v2-display-mode .disabled, .path-mod-forum.nested-v2-display-mode #page-admin-qbehaviours .disabled, #page-admin-qbehaviours .path-mod-forum.nested-v2-display-mode .disabled, .path-mod-forum.nested-v2-display-mode #page-admin-plugins #plugins-control-panel .pluginname .componentname, #page-admin-plugins #plugins-control-panel .pluginname .path-mod-forum.nested-v2-display-mode .componentname, .path-mod-forum.nested-v2-display-mode #page-admin-plugins #plugins-control-panel .version .versionnumber, #page-admin-plugins #plugins-control-panel .version .path-mod-forum.nested-v2-display-mode .versionnumber, .path-mod-forum.nested-v2-display-mode #page-admin-plugins #plugins-control-panel .notes .requiredby, #page-admin-plugins #plugins-control-panel .notes .path-mod-forum.nested-v2-display-mode .requiredby, .path-mod-forum.nested-v2-display-mode #plugins-check-page .page-description, #plugins-check-page .path-mod-forum.nested-v2-display-mode .page-description, .path-mod-forum.nested-v2-display-mode #plugins-check-page #plugins-check .requires-ok, #plugins-check-page #plugins-check .path-mod-forum.nested-v2-display-mode .requires-ok, .path-mod-forum.nested-v2-display-mode #plugins-check-page #plugins-check .displayname .plugindir, #plugins-check-page #plugins-check .displayname .path-mod-forum.nested-v2-display-mode .plugindir, .path-mod-forum.nested-v2-display-mode #plugins-check-page #plugins-check-available-dependencies .displayname .component, #plugins-check-page #plugins-check-available-dependencies .displayname .path-mod-forum.nested-v2-display-mode .component, .path-mod-forum.nested-v2-display-mode #page-admin-search .adminpagepath li, #page-admin-search .adminpagepath .path-mod-forum.nested-v2-display-mode li, .path-mod-forum.nested-v2-display-mode .block .minicalendar td.weekend, .block .minicalendar .path-mod-forum.nested-v2-display-mode td.weekend, .path-mod-forum.nested-v2-display-mode .section .activity .stealth, .section .activity .path-mod-forum.nested-v2-display-mode .stealth, .path-mod-forum.nested-v2-display-mode .course-content .section-summary .section-summary-activities .activity-count, .course-content .section-summary .section-summary-activities .path-mod-forum.nested-v2-display-mode .activity-count, .path-mod-forum.nested-v2-display-mode .course-content ul li.section.hidden .sectionname > span, .course-content ul li.section.hidden .path-mod-forum.nested-v2-display-mode .sectionname > span, .path-mod-forum.nested-v2-display-mode .course-content ul li.section.hidden .content > div.summary, .course-content ul li.section.hidden .path-mod-forum.nested-v2-display-mode .content > div.summary, .path-mod-forum.nested-v2-display-mode .course-content ul li.section.hidden .activity .activityinstance, .course-content ul li.section.hidden .activity .path-mod-forum.nested-v2-display-mode .activityinstance, .path-mod-forum.nested-v2-display-mode #course-category-listings .listitem[data-visible="0"], #course-category-listings .path-mod-forum.nested-v2-display-mode .listitem[data-visible="0"], .path-mod-forum.nested-v2-display-mode #course-category-listings .listitem[data-visible="0"] > div > a, #course-category-listings .path-mod-forum.nested-v2-display-mode .listitem[data-visible="0"] > div > a, .path-mod-forum.nested-v2-display-mode #course-category-listings .listing-pagination-totals.dimmed, #course-category-listings .path-mod-forum.nested-v2-display-mode .listing-pagination-totals.dimmed, .path-mod-forum.nested-v2-display-mode .fitem.disabled .fp-btn-choose, .fitem.disabled .path-mod-forum.nested-v2-display-mode .fp-btn-choose, .path-mod-forum.nested-v2-display-mode .form-defaultinfo, .path-mod-forum.nested-v2-display-mode .form-label .form-shortname, .form-label .path-mod-forum.nested-v2-display-mode .form-shortname, .path-mod-forum.nested-v2-display-mode .formsettingheading .form-horizontal, .formsettingheading .path-mod-forum.nested-v2-display-mode .form-horizontal, .path-mod-forum.nested-v2-display-mode .no-felement.fstatic, .path-mod-forum.nested-v2-display-mode .path-backup .backup_progress .backup_stage, .path-backup .backup_progress .path-mod-forum.nested-v2-display-mode .backup_stage, .path-mod-forum.nested-v2-display-mode .dimmed_text { color: #707070 !important; /* stylelint-disable-line declaration-no-important */ } .path-mod-forum .nested-v2-display-mode .author-header, .path-mod-forum.nested-v2-display-mode .author-header { font-style: italic; } .path-mod-forum .nested-v2-display-mode .author-header .author-name, .path-mod-forum.nested-v2-display-mode .author-header .author-name { font-style: normal; } .path-mod-forum .nested-v2-display-mode :target > .focus-target, .path-mod-forum.nested-v2-display-mode :target > .focus-target { animation-name: background-highlight; animation-duration: 1s; animation-timing-function: ease-in-out; animation-iteration-count: 1; } .path-mod-forum .nested-v2-display-mode .forum-post-container .replies-container .forum-post-container, .path-mod-forum.nested-v2-display-mode .forum-post-container .replies-container .forum-post-container { border-top: 1px solid #dee2e6; padding-top: 1.5rem; } .path-mod-forum .nested-v2-display-mode .forum-post-container .replies-container .forum-post-container .replies-container .forum-post-container, .path-mod-forum.nested-v2-display-mode .forum-post-container .replies-container .forum-post-container .replies-container .forum-post-container { border-top: none; padding-top: 0; } .path-mod-forum .nested-v2-display-mode .forum-post-container .replies-container .inline-reply-container .reply-author, .path-mod-forum.nested-v2-display-mode .forum-post-container .replies-container .inline-reply-container .reply-author { display: none; } .path-mod-forum .nested-v2-display-mode .forum-post-container .post-message p:last-of-type, .path-mod-forum.nested-v2-display-mode .forum-post-container .post-message p:last-of-type { margin-bottom: 0; } .path-mod-forum .nested-v2-display-mode .forum-post-container .author-image-container, .path-mod-forum.nested-v2-display-mode .forum-post-container .author-image-container { width: 70px; margin-right: 24px; flex-shrink: 0; } .path-mod-forum .nested-v2-display-mode .forum-post-container .inline-reply-container textarea, .path-mod-forum.nested-v2-display-mode .forum-post-container .inline-reply-container textarea { border: 0; resize: none; } .path-mod-forum .nested-v2-display-mode .forum-post-container .indent, .path-mod-forum.nested-v2-display-mode .forum-post-container .indent { /** * The first post and first set of replies have a larger author image so offset the 2nd * set of replies by the image width + margin to ensure they align. */ } .path-mod-forum .nested-v2-display-mode .forum-post-container .indent .indent, .path-mod-forum.nested-v2-display-mode .forum-post-container .indent .indent { padding-left: 94px; /** * Reduce the size of the the author image for all second level replies (and below). */ /** * Adjust the indentation offset for all 3rd level replies and below for the smaller author image. */ } .path-mod-forum .nested-v2-display-mode .forum-post-container .indent .indent .author-image-container, .path-mod-forum.nested-v2-display-mode .forum-post-container .indent .indent .author-image-container { width: 30px; margin-right: 8px; padding-top: 3px; } .path-mod-forum .nested-v2-display-mode .forum-post-container .indent .indent .indent, .path-mod-forum.nested-v2-display-mode .forum-post-container .indent .indent .indent { padding-left: 38px; /** * Stop indenting the replies after the 5th reply. */ } .path-mod-forum .nested-v2-display-mode .forum-post-container .indent .indent .indent .indent .indent .indent, .path-mod-forum.nested-v2-display-mode .forum-post-container .indent .indent .indent .indent .indent .indent { padding-left: 0; } /** Extra small devices (portrait phones, less than 576px). */ @media (max-width: 767.98px) { #page-mod-forum-discuss.nested-v2-display-mode .forum-post-container .author-image-container { width: 30px; margin-right: 8px; } #page-mod-forum-discuss.nested-v2-display-mode .forum-post-container .indent .indent { padding-left: 38px; } #page-mod-forum-discuss.nested-v2-display-mode .forum-post-container .indent .indent .indent .indent { padding-left: 0; } #page-mod-forum-discuss.nested-v2-display-mode .group-image { width: 30px; height: 30px; } } .filter-scrollable { overflow-y: auto; max-height: 25em; margin-bottom: 1em; } .filter-dates-popover { width: 100%; max-width: 41.5em; } .filter-dates-popover .mform { margin-left: -3em; } /* stylelint-disable-line max-line-length */ @keyframes expandSearchButton { from { height: 36px; width: 36px; border-radius: 18px; background-color: #e9ecef; } to { width: 100%; height: calc(1.5em + 1rem + 2px); border-radius: 0; background-color: #fff; border-color: #ced4da; padding-left: calc(0.5rem + 8px); padding-top: 0.5rem; padding-bottom: 0.5rem; font-size: 1.171875rem; line-height: 1.5; right: 0; } } @keyframes collapseSearchButton { from { width: 100%; height: calc(1.5em + 1rem + 2px); border-radius: 0; background-color: #fff; border-color: #ced4da; padding-left: calc(0.5rem + 8px); padding-top: 0.5rem; padding-bottom: 0.5rem; font-size: 1.171875rem; line-height: 1.5; right: 0; } to { height: 36px; width: 36px; border-radius: 18px; background-color: #e9ecef; } } .path-mod-forum .unified-grader .navbar { max-height: none; z-index: 1; } .path-mod-forum .unified-grader .body-container.hidden { display: none !important; /* stylelint-disable-line declaration-no-important */ } .path-mod-forum .unified-grader .userpicture { height: 60px; width: 60px; } .path-mod-forum .unified-grader .grader-grading-panel { position: absolute; top: 0; height: 100%; z-index: 0; width: 430px; } .path-mod-forum .unified-grader .grader-grading-panel.hidden { right: -430px; } .path-mod-forum .unified-grader .grader-grading-panel .grading-icon { width: 36px; } .path-mod-forum .unified-grader .grader-grading-panel .user-picker-container .user-full-name { max-width: 240px; } .path-mod-forum .unified-grader .grader-grading-panel .user-picker-container .page-link { width: 36px; height: 36px; display: flex; text-align: center; align-items: center; justify-content: center; } .path-mod-forum .unified-grader .grader-grading-panel .header-container { height: 65px; position: relative; overflow: hidden; } .path-mod-forum .unified-grader .grader-grading-panel .header-container .info-container { position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 100%; height: 100%; padding: 0.5rem; padding-right: calc(36px + 0.5rem); opacity: 1; visibility: visible; transition: left 0.3s ease-in-out; z-index: 1; } .path-mod-forum .unified-grader .grader-grading-panel .header-container .toggle-search-button.expand { animation-name: expandSearchButton; animation-duration: 0.3s; animation-timing-function: ease-in-out; } .path-mod-forum .unified-grader .grader-grading-panel .header-container .toggle-search-button.collapse { display: block; animation-name: collapseSearchButton; animation-duration: 0.3s; } .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container { overflow: hidden; position: absolute; top: 50%; right: 0; transform: translateY(-50%); z-index: 2; width: 100%; height: 100% !important; /* stylelint-disable-line declaration-no-important */ padding: 0.5rem; } .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container { position: relative; overflow: visible; flex-wrap: nowrap; } .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container input { padding-left: calc(0.5rem + 0.5rem + 34px); padding-right: calc(0.5rem + 36px); opacity: 1; visibility: visible; transition: opacity 0s linear 0.3s, visibility 0s linear; } .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container .search-icon { position: absolute; top: 50%; left: 0.5rem; transform: translateY(-50%); color: #495057; height: 36px; width: 34px; background-color: #fff; opacity: 1; visibility: visible; transition: opacity 0s linear 0.3s, visibility 0s linear 0.3s; } .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container .toggle-search-button { position: absolute; top: 50%; right: 0.5rem; transform: translateY(-50%); z-index: 1; color: inherit; text-align: left; padding-left: 9px; transition: right 0s linear 0.3s; } .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container .toggle-search-button .expanded-icon { opacity: 1; visibility: visible; max-width: 50px; max-height: 50px; transition: opacity 0s linear 0.3s, max-height 0s linear 0.3s, max-width 0s linear 0.3s, visibility 0s linear 0.3s; } .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container .search-input-container .toggle-search-button .collapsed-icon { opacity: 0; visibility: hidden; max-height: 0; max-width: 0; overflow: hidden; transition: opacity 0s linear 0.3s, max-height 0s linear 0.3s, max-width 0s linear 0.3s, visibility 0s linear 0.3s; } .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed { width: calc(36px + 0.5rem + 0.5rem); transition: width 0.3s ease-in-out; } .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container { flex-wrap: nowrap; } .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container input, .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container .search-icon { opacity: 0; visibility: hidden; transition: opacity 0s linear, visibility 0s linear; } .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container input { padding-left: 0; padding-right: 0; } .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container .toggle-search-button .expanded-icon { opacity: 0; visibility: hidden; max-height: 0; max-width: 0; overflow: hidden; transition: opacity 0s linear, max-height 0s linear, max-width 0s linear, visibility 0s linear; } .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container.collapsed .search-input-container .toggle-search-button .collapsed-icon { opacity: 1; visibility: visible; max-width: 50px; max-height: 50px; transition: opacity 0s linear, max-height 0s linear, max-width 0s linear, visibility 0s linear; } .path-mod-forum .unified-grader .grader-grading-panel .header-container .user-search-container:not(.collapsed) + .info-container { opacity: 0; visibility: hidden; left: calc(100% * -1); transition: left 0.3s ease-in-out, opacity 0s linear 0.3s, visibility 0s linear 0.3s, padding 0s linear 0.3s; } .path-mod-forum .unified-grader .grader-module-content { overflow-y: auto; margin-right: 430px; transition: margin-right 0.2s ease-in-out; } @media (prefers-reduced-motion: reduce) { .path-mod-forum .unified-grader .grader-module-content { transition: none; } } .path-mod-forum .unified-grader .grader-grading-panel.hidden + .grader-module-content { margin-right: 0; } .path-mod-forum .unified-grader .drawer-button { position: relative; } .path-mod-forum .unified-grader .drawer-button.active::after { content: ""; position: absolute; bottom: calc(-0.5rem - 1px); left: 0; width: 100%; height: 3px; background-color: #1177d1; } .path-mod-forum .unified-grader .drawer-button .icon { font-size: 20px; height: 20px; width: 20px; } .path-mod-forum .unified-grader .grader-module-content-display .discussion-container:last-of-type > hr { display: none; } .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container:last-of-type > hr { display: none; } .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container { position: relative; } .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button { position: absolute; height: 100%; width: 100%; left: 0; top: 0; padding-left: calc(1rem + 45px); text-align: left; z-index: 1; } .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button:not(.collapsed) { display: none; } .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .content { display: block; height: auto !important; /* stylelint-disable-line declaration-no-important */ } .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .content .header { transition: margin-bottom 0.3s ease-in-out; } .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .content .header div + div { opacity: 1; visibility: visible; max-height: none; transition: opacity 0.3s linear, visibility 0s linear; } .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .content .body-content-container { opacity: 1; visibility: visible; max-height: none; transition: opacity 0.3s linear, visibility 0s linear; } .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .content .forum-post-core { opacity: 1; visibility: visible; max-height: none; transition: opacity 0.3s linear, visibility 0s linear; } .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed + .content { opacity: .3; } .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed + .content .header { margin-bottom: 0 !important; /* stylelint-disable-line declaration-no-important */ } .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed + .content .header div + div { opacity: 0; visibility: hidden; max-height: 0; } .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed + .content .body-content-container { opacity: 0; visibility: hidden; max-height: 0; } .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed + .content .forum-post-core { opacity: 0; visibility: hidden; max-height: 0; } .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed:hover + .content, .path-mod-forum .unified-grader .grader-module-content-display .discussion-container .posts-container .parent-container .show-content-button.collapsed:focus + .content { opacity: 1; } .path-mod-forum .unified-grader .grader-module-content-display .no-post-container .icon { height: 250px; width: 250px; margin-right: 0; } .path-mod-forum .unified-grader .grader-module-content-display .nested-v2-display-mode .discussion-container .posts-container .parent-container .show-content-button { padding-left: 94px; } .path-mod-forum .unified-grader .no-search-results-container .icon { height: 250px; width: 250px; margin-right: 0; } .path-mod-forum .unified-grader .nested-v2-display-mode .view-context-button { margin-left: 94px; border-radius: 0.3rem; } .path-mod-forum .unified-grader .nested-v2-display-mode .parent-container .author-image-container { position: relative; } .path-mod-forum .unified-grader .nested-v2-display-mode .parent-container .author-image-container:after { position: absolute; top: calc(70px + 0.5rem); content: ""; background-color: #e9ecef; width: 2px; height: calc(100% - 70px + 0.5rem); } .path-mod-forum .unified-grader .nested-v2-display-mode .parent-container + .post-container .author-image-container img { width: 30px !important; /* stylelint-disable-line declaration-no-important */ } .path-mod-forum .unified-grader .nested-v2-display-mode .post-subject, .path-mod-forum .modal .nested-v2-display-mode .post-subject { display: none; } @media (max-width: 575.98px) { .path-mod-forum .unified-grader .grader-grading-panel { width: 100%; } } .maincalendar .calendarmonth td, .maincalendar .calendarmonth th { border: 1px dotted #dee2e6; } .path-grade-report-grader h1 { text-align: inherit; } #page-mod-chat-gui_basic input#message { max-width: 100%; } #page-mod-data-view #singleimage { width: auto; } .path-mod-data form { margin-top: 10px; } .template_heading { margin-top: 10px; } .breadcrumb-button { margin-top: 4px; } .breadcrumb-button .singlebutton { float: left; margin-left: 4px; } .ie .row-fluid .desktop-first-column { margin-left: 0; } .langmenu form { margin: 0; } canvas { -ms-touch-action: auto; } div#dock { display: none; } /** General styles (scope: all of lesson) **/ .path-mod-lesson .invisiblefieldset.fieldsetfix { display: block; } .path-mod-lesson .answeroption .checkbox label p { display: inline; } .path-mod-lesson .form-inline label.form-check-label { display: inline-block; } .path-mod-lesson .slideshow { overflow: auto; padding: 15px; } #page-mod-lesson-view .branchbuttoncontainer .singlebutton button[type="submit"] { white-space: normal; } #page-mod-lesson-view .vertical .singlebutton { display: block; } #page-mod-lesson-view .vertical .singlebutton + .singlebutton { margin-left: 0; margin-top: 1rem; } #page-mod-lesson-view .fitem .felement .custom-select { align-self: flex-start; } .path-mod-lesson .generaltable td { vertical-align: middle; } .path-mod-lesson .generaltable td label { margin-bottom: 0; } .path-mod-lesson .generaltable td .highlight { display: inline-block; margin-left: 0.25rem; } .path-mod-lesson .generaltable td input[type="checkbox"] { display: block; } .path-mod-wiki .wiki_headingtitle, .path-mod-wiki .midpad, .path-mod-wiki .wiki_headingtime { text-align: inherit; } .path-mod-wiki .wiki_contentbox { width: 100%; } .path-mod-survey .surveytable > tbody > tr:nth-of-type(even) { background-color: rgba(0, 0, 0, 0.05); } .path-mod-survey .surveytable .rblock label { text-align: center; } .nav .caret { margin-left: 4px; } .nav .divider { overflow: hidden; width: 0; } .usermenu .login { line-height: 2.25rem; } .usermenu .login a { color: #1177d1; } .usermenu .login a:hover, .usermenu .login a:focus { color: #0b4f8a; text-decoration: underline; } .userloggedinas .usermenu .usertext, .userswitchedrole .usermenu .usertext, .loginfailures .usermenu .usertext { float: left; text-align: right; margin-right: 0.5rem; height: 35px; } .userloggedinas .usermenu .usertext .meta, .userswitchedrole .usermenu .usertext .meta, .loginfailures .usermenu .usertext .meta { display: block; font-size: 0.8203125rem; } .userloggedinas .usermenu .avatar img, .userswitchedrole .usermenu .avatar img, .loginfailures .usermenu .avatar img { margin: 0; } .userloggedinas .usermenu .userbutton .avatars { position: relative; display: inline-block; } .userloggedinas .usermenu .userbutton .avatars .avatar.current { display: inline-block; position: absolute; bottom: 0; right: 0; width: 20px; height: 20px; border-radius: 50%; } .userloggedinas .usermenu .userbutton .avatars .avatar.current img { vertical-align: baseline; } .userloggedinas .usermenu .userbutton .avatars .avatar img { width: inherit; height: inherit; } .userloggedinas .usermenu .userbutton .avatars .realuser { width: 35px; height: 35px; display: inline-block; } @media (max-width: 767.98px) { .usertext { display: none; } } .path-mod-quiz .mod-quiz-edit-content { margin-bottom: 10rem; } #page-mod-quiz-mod #id_reviewoptionshdr .col-md-3, #page-mod-quiz-mod #id_reviewoptionshdr .col-md-9 { width: auto; max-width: none; } #page-mod-quiz-mod #id_reviewoptionshdr .form-group, #page-mod-quiz-mod #id_reviewoptionshdr .form-buttons, #page-mod-quiz-mod #id_reviewoptionshdr .path-admin .buttons, .path-admin #page-mod-quiz-mod #id_reviewoptionshdr .buttons, #page-mod-quiz-mod #id_reviewoptionshdr .fp-content-center form + div, .fp-content-center #page-mod-quiz-mod #id_reviewoptionshdr form + div, #page-mod-quiz-mod #id_reviewoptionshdr div.backup-section + form { float: left; width: 20rem; display: inline-block; min-height: 12rem; } #page-mod-quiz-mod #id_reviewoptionshdr .btn-link, #page-mod-quiz-mod #id_reviewoptionshdr .btn.btn-icon, #page-mod-quiz-mod #id_reviewoptionshdr #page-grade-grading-manage .actions .btn-icon.action, #page-grade-grading-manage .actions #page-mod-quiz-mod #id_reviewoptionshdr .btn-icon.action, #page-mod-quiz-mod #id_reviewoptionshdr #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input.btn-icon, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel #page-mod-quiz-mod #id_reviewoptionshdr input.btn-icon, #page-mod-quiz-mod #id_reviewoptionshdr #rubric-rubric.gradingform_rubric .btn-icon.addcriterion, #rubric-rubric.gradingform_rubric #page-mod-quiz-mod #id_reviewoptionshdr .btn-icon.addcriterion { line-height: 1.5; vertical-align: bottom; } #page-mod-quiz-mod #id_reviewoptionshdr .form-inline { float: left; clear: left; } #page-mod-quiz-mod #id_reviewoptionshdr .form-check { width: 90%; height: 22px; justify-content: flex-start; } .path-mod-quiz #mod_quiz_navblock .qnbutton { text-decoration: none; font-size: 14px; line-height: 20px; font-weight: normal; background-color: #fff; background-image: none; height: 40px; width: 30px; border-radius: 3px; border: 0; overflow: visible; margin: 0 6px 6px 0; } .path-mod-quiz #mod_quiz_navblock span.qnbutton { cursor: default; background-color: #e9ecef; color: #495057; } .path-mod-quiz #mod_quiz_navblock a.qnbutton:hover, .path-mod-quiz #mod_quiz_navblock a.qnbutton:active, .path-mod-quiz #mod_quiz_navblock a.qnbutton:focus { text-decoration: underline; } .path-mod-quiz #mod_quiz_navblock .qnbutton .thispageholder { border: 1px solid; border-radius: 3px; z-index: 1; } .path-mod-quiz #mod_quiz_navblock .qnbutton.thispage .thispageholder { border-width: 3px; } .path-mod-quiz #mod_quiz_navblock .allquestionsononepage .qnbutton.thispage .thispageholder { border-width: 1px; } .path-mod-quiz #mod_quiz_navblock .qnbutton.flagged .thispageholder { background: transparent url([[pix:theme|mod/quiz/flag-on]]) 15px 0 no-repeat; } .path-mod-quiz #mod_quiz_navblock .qnbutton .trafficlight { border: 0; background: #fff none center/10px no-repeat scroll; height: 20px; margin-top: 20px; border-radius: 0 0 3px 3px; } .path-mod-quiz #mod_quiz_navblock .qnbutton.notyetanswered .trafficlight, .path-mod-quiz #mod_quiz_navblock .qnbutton.invalidanswer .trafficlight { background-color: #fff; } .path-mod-quiz #mod_quiz_navblock .qnbutton.invalidanswer .trafficlight { background-image: url([[pix:theme|mod/quiz/warningtriangle]]); } .path-mod-quiz #mod_quiz_navblock .qnbutton.correct .trafficlight { background-image: url([[pix:theme|mod/quiz/checkmark]]); background-color: #5cb85c; } .path-mod-quiz #mod_quiz_navblock .qnbutton.blocked .trafficlight { background-image: url([[pix:core|t/locked]]); background-color: #e9ecef; } .path-mod-quiz #mod_quiz_navblock .qnbutton.notanswered .trafficlight, .path-mod-quiz #mod_quiz_navblock .qnbutton.incorrect .trafficlight { background-color: #d9534f; } .path-mod-quiz #mod_quiz_navblock .qnbutton.partiallycorrect .trafficlight { background-image: url([[pix:theme|mod/quiz/whitecircle]]); background-color: #ff7518; } .path-mod-quiz #mod_quiz_navblock .qnbutton.complete .trafficlight, .path-mod-quiz #mod_quiz_navblock .qnbutton.answersaved .trafficlight, .path-mod-quiz #mod_quiz_navblock .qnbutton.requiresgrading .trafficlight { background-color: #868e96; } #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmarkcontainer form input { height: 1.4em; vertical-align: middle; } #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmarkcontainer { padding: 0; margin: 0 0.4em; } .path-mod-assign [data-region="grade-actions-panel"] [data-region="grade-actions"] .collapse-buttons { top: auto; } .path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fcontainer .fitem.popout .felement { height: calc(100% - 4rem); } .path-mod-assign [data-region="grade-panel"] { padding-top: 1rem; } .path-mod-assign [data-region="grade-panel"] .fitem > .col-md-3, .path-mod-assign [data-region="grade-panel"] .fitem > .col-md-9 { width: 100%; padding: 0; max-width: 100%; flex: none; } .path-mod-assign [data-region="grade-panel"] fieldset, .path-mod-assign [data-region="grade-panel"] .fitem.row { margin: 0; } .path-mod-assign [data-region="grade-panel"] .mform .fitem.has-popout .felement { width: 100%; } .path-mod-assign [data-region="grade-panel"] .mform .fitem .felement { width: auto; } .path-mod-assign [data-region="grade-panel"] .popout { background-color: #fff; } .path-mod-assign [data-region="grade-panel"] .fitem.has-popout { background-color: #fff; border-radius: 0.25rem; border: 1px solid rgba(0, 0, 0, 0.125); padding: 1.25rem; margin-bottom: 1rem; } .path-mod-assign [data-region="grade-panel"] .has-popout .col-md-3 { border-bottom: 1px solid rgba(0, 0, 0, 0.1); margin-bottom: 1rem; } .path-mod-assign [data-region="grade-panel"] .popout > .col-md-3 { font-size: 1.40625rem; } .path-mod-assign [data-region="grade-panel"] .popout [data-region="popout-button"] { margin-top: 0; } .path-mod-assign [data-region="assignment-info"] { overflow-y: hidden; } .path-mod-assign [data-region="grading-navigation"] { padding: 6px; } .path-mod-assign [data-region="grade-actions"] { padding: 10px; } .path-mod-assign [data-region="user-info"] .img-rounded { margin-top: 0; } .path-mod-assign [data-region="grading-navigation-panel"] { height: 85px; } @media (max-width: 767px) { .path-mod-assign [data-region="grading-navigation-panel"] { height: auto; } .path-mod-assign [data-region="user-info"] { margin-top: 1rem; } } .path-mod-assign [data-region="grading-navigation"] [data-region="input-field"] input { width: auto; display: inline-block; } /** * Assign feedback. */ .assignfeedback_editpdf_widget * { box-sizing: content-box; } .assignfeedback_editpdf_widget button { box-sizing: border-box; } .assignfeedback_editpdf_widget .commentcolourbutton img { border-width: 0; } .assignfeedback_editpdf_menu { padding: 0; } .path-mod-assign [data-region="grade-panel"] .gradingform_guide .remark .commentchooser { float: none; } .path-mod-assign [data-region="grade-panel"] .gradingform_guide .markingguideremark { width: 100%; } .path-mod-assign [data-region="grade-panel"] .mform .fitem .felement[data-fieldtype="grading"] { padding-left: 1rem; padding-right: 1rem; } .path-mod-assign [data-region="grade-panel"] .showmarkerdesc, .path-mod-assign [data-region="grade-panel"] .showstudentdesc { background-color: #fff; } /** * Mod LTI. */ .path-admin-mod-lti .btn .loader img, .path-admin-mod-lti #page-grade-grading-manage .actions .action .loader img, #page-grade-grading-manage .actions .path-admin-mod-lti .action .loader img, .path-admin-mod-lti #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input .loader img, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .path-admin-mod-lti input .loader img, .path-admin-mod-lti #rubric-rubric.gradingform_rubric .addcriterion .loader img, #rubric-rubric.gradingform_rubric .path-admin-mod-lti .addcriterion .loader img, .path-admin-mod-lti #tool-list-loader-container .loader img { height: auto; } .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax { background-color: #fff; } .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit div.yui-layout-bd-nohd, .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit div.yui-layout-bd-noft, .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit div.yui-layout-bd, .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit-right, .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit-bottom { border: 0; } .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit-right, .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit-bottom { border-radius: 0; } .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit div.yui-layout-bd { background-color: transparent; } .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit.yui-layout-unit-center div.yui-layout-bd { background-color: #f8f9fa; } .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area table.generaltable, .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area table.generaltable td.cell { border: 0; padding: 3px 15px; white-space: nowrap; margin-bottom: 0; } .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist { padding: 10px 5px; } .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist #users-list { border-top: 1px solid #dee2e6; border-bottom: 1px solid #fff; } .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist #users-list li { border-top: 1px solid #fff; border-bottom: 1px solid #dee2e6; padding: 5px 10px; } .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist #users-list img { margin-right: 8px; border: 1px solid #ccc; border-radius: 4px; max-width: none; } .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages { margin: 20px 25px; } .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-event.course-theme { text-align: center; margin: 10px 0; font-size: 0.8203125rem; color: #495057; } .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme { margin-bottom: 0.75rem; border-radius: 0.25rem; border: 1px solid rgba(0, 0, 0, 0.125); padding: 1.25rem; } .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme .time { float: right; font-size: 11px; color: #495057; } .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme { background-color: #fff; } .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme .user { font-weight: bold; } /* reports.less */ #page-report-participation-index .participationselectform div label { display: inline-block; margin: 0 5px; } #page-report-participation-index .participationselectform div label[for=menuinstanceid] { margin-left: 0; } .path-backup .mform { /* These are long labels with checkboxes on the right. */ } .path-backup .mform .grouped_settings { clear: both; overflow: hidden; /* Use card styles but avoid extend because that brings in too much. */ } .path-backup .mform .grouped_settings.section_level { background-color: #fff; border-radius: 0.25rem; border: 1px solid rgba(0, 0, 0, 0.125); padding: 1.25rem; margin-bottom: 1.25rem; } .path-backup .mform .grouped_settings.section_level::after { display: block; clear: both; content: ""; } .path-backup .mform .include_setting { width: 50%; display: inline-block; float: left; padding: 0.3rem; } .path-backup .mform .normal_setting { width: 50%; display: inline-block; float: left; padding: 0.3rem; } .path-backup { /* Bold section labels */ } .path-backup .section_level { font-weight: bold; } .path-backup .section_level .activity_level { font-weight: normal; } .path-backup .proceedbutton { margin-left: auto; } /* Override the columns width to leave more room for the labels. */ .path-backup .mform .root_setting, .path-backup .mform .grouped_settings { /* Striped rows like a table */ } .path-backup .mform .root_setting:nth-of-type(odd), .path-backup .mform .grouped_settings:nth-of-type(odd) { background-color: rgba(0, 0, 0, 0.05); } .path-backup .mform .root_setting:nth-of-type(even), .path-backup .mform .grouped_settings:nth-of-type(even) { background-color: #fff; } .path-backup .mform .root_setting .form-group, .path-backup .mform .root_setting .form-buttons, .path-backup .mform .root_setting .path-admin .buttons, .path-admin .path-backup .mform .root_setting .buttons, .path-backup .mform .root_setting .fp-content-center form + div, .fp-content-center .path-backup .mform .root_setting form + div, .path-backup .mform .root_setting div.backup-section + form, .path-backup .mform .grouped_settings .form-group, .path-backup .mform .grouped_settings .form-buttons, .path-backup .mform .grouped_settings .path-admin .buttons, .path-admin .path-backup .mform .grouped_settings .buttons, .path-backup .mform .grouped_settings .fp-content-center form + div, .fp-content-center .path-backup .mform .grouped_settings form + div, .path-backup .mform .grouped_settings div.backup-section + form { /* These checkboxes with no label on the left. */ } .path-backup .mform .root_setting .form-group .col-md-3.checkbox, .path-backup .mform .root_setting .form-buttons .col-md-3.checkbox, .path-backup .mform .root_setting .path-admin .buttons .col-md-3.checkbox, .path-admin .path-backup .mform .root_setting .buttons .col-md-3.checkbox, .path-backup .mform .root_setting .fp-content-center form + div .col-md-3.checkbox, .fp-content-center .path-backup .mform .root_setting form + div .col-md-3.checkbox, .path-backup .mform .root_setting div.backup-section + form .col-md-3.checkbox, .path-backup .mform .grouped_settings .form-group .col-md-3.checkbox, .path-backup .mform .grouped_settings .form-buttons .col-md-3.checkbox, .path-backup .mform .grouped_settings .path-admin .buttons .col-md-3.checkbox, .path-admin .path-backup .mform .grouped_settings .buttons .col-md-3.checkbox, .path-backup .mform .grouped_settings .fp-content-center form + div .col-md-3.checkbox, .fp-content-center .path-backup .mform .grouped_settings form + div .col-md-3.checkbox, .path-backup .mform .grouped_settings div.backup-section + form .col-md-3.checkbox { width: 0%; } .path-backup .mform .root_setting .form-group .col-md-9.checkbox, .path-backup .mform .root_setting .form-buttons .col-md-9.checkbox, .path-backup .mform .root_setting .path-admin .buttons .col-md-9.checkbox, .path-admin .path-backup .mform .root_setting .buttons .col-md-9.checkbox, .path-backup .mform .root_setting .fp-content-center form + div .col-md-9.checkbox, .fp-content-center .path-backup .mform .root_setting form + div .col-md-9.checkbox, .path-backup .mform .root_setting div.backup-section + form .col-md-9.checkbox, .path-backup .mform .grouped_settings .form-group .col-md-9.checkbox, .path-backup .mform .grouped_settings .form-buttons .col-md-9.checkbox, .path-backup .mform .grouped_settings .path-admin .buttons .col-md-9.checkbox, .path-admin .path-backup .mform .grouped_settings .buttons .col-md-9.checkbox, .path-backup .mform .grouped_settings .fp-content-center form + div .col-md-9.checkbox, .fp-content-center .path-backup .mform .grouped_settings form + div .col-md-9.checkbox, .path-backup .mform .grouped_settings div.backup-section + form .col-md-9.checkbox { width: 100%; left: 0; } /* Detail pair is (usually) some short label with a longer value */ .path-backup .detail-pair .detail-pair-label { width: 25%; float: left; clear: left; } .path-backup .detail-pair .detail-pair-value { width: 75%; float: left; } .path-backup .backup-restore .singlebutton { float: right; } /* Make these bits full width and work with the detail-pair */ .path-backup .backup-section { /* Fix for nested table headers */ /* Add card styles to backup sections */ background-color: #fff; border-radius: 0.25rem; border: 1px solid rgba(0, 0, 0, 0.125); padding: 1.25rem; margin-bottom: 1.25rem; } .path-backup .backup-section .sub-header, .path-backup .backup-section .backup-sub-section, .path-backup .backup-section .singlebutton, .path-backup .backup-section .header { width: 100%; float: left; clear: both; } .path-backup .backup-section th.header { width: auto; float: none; } .path-backup .backup-section ::after { content: ""; display: table; clear: both; } .path-backup .backup-section::after { display: block; clear: both; content: ""; } .path-backup .notification.dependencies_enforced { color: #d9534f; font-weight: bold; } .path-backup .backup_progress { margin-top: 1rem; margin-bottom: 1rem; } .path-backup .backup_progress .backup_stage.backup_stage_current { font-weight: bold; color: inherit; } .path-backup .backup_progress span.backup_stage.backup_stage_complete { color: inherit; } #page-backup-restore .filealiasesfailures { background-color: #f7dddc; } #page-backup-restore .filealiasesfailures .aliaseslist { background-color: #fff; } .path-backup .wibbler { width: 500px; margin: 0 auto 10px; border-bottom: 1px solid black; border-right: 1px solid black; border-left: 1px solid black; position: relative; min-height: 4px; } .path-backup .wibbler .wibble { position: absolute; left: 0; right: 0; top: 0; height: 4px; } .path-backup .wibbler .state0 { background: #eee; } .path-backup .wibbler .state1 { background: #ddd; } .path-backup .wibbler .state2 { background: #ccc; } .path-backup .wibbler .state3 { background: #bbb; } .path-backup .wibbler .state4 { background: #aaa; } .path-backup .wibbler .state5 { background: #999; } .path-backup .wibbler .state6 { background: #888; } .path-backup .wibbler .state7 { background: #777; } .path-backup .wibbler .state8 { background: #666; } .path-backup .wibbler .state9 { background: #555; } .path-backup .wibbler .state10 { background: #444; } .path-backup .wibbler .state11 { background: #333; } .path-backup .wibbler .state12 { background: #222; } .singlebutton { display: inline-block; } .singlebutton + .singlebutton { margin-left: 0.5rem; } .continuebutton { text-align: center; } p.arrow_button { margin-top: 5em; text-align: center; } p.arrow_button #remove { margin: 3em auto 5em; } #addcontrols { margin-top: 11.25rem; text-align: center; margin-bottom: 3em; } #addcontrols label { display: inline; } #addcontrols input, #removecontrols input { margin: auto; } .btn-lineup { margin: 0 0 10px 5px; } .btn.btn-icon, #page-grade-grading-manage .actions .btn-icon.action, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input.btn-icon, #rubric-rubric.gradingform_rubric .btn-icon.addcriterion { height: 36px; width: 36px; font-size: 16px; line-height: 16px; padding: 0; border-radius: 50%; flex-shrink: 0; } .btn.btn-icon:hover, #page-grade-grading-manage .actions .btn-icon.action:hover, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input.btn-icon:hover, #rubric-rubric.gradingform_rubric .btn-icon.addcriterion:hover, .btn.btn-icon:focus, #page-grade-grading-manage .actions .btn-icon.action:focus, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input.btn-icon:focus, #rubric-rubric.gradingform_rubric .btn-icon.addcriterion:focus { background-color: #e9ecef; } .btn.btn-icon.icon-size-0, #page-grade-grading-manage .actions .btn-icon.icon-size-0.action, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input.btn-icon.icon-size-0, #rubric-rubric.gradingform_rubric .btn-icon.icon-size-0.addcriterion { height: 20px !important; /* stylelint-disable-line declaration-no-important */ width: 20px !important; /* stylelint-disable-line declaration-no-important */ font-size: 0 !important; /* stylelint-disable-line declaration-no-important */ line-height: 0 !important; /* stylelint-disable-line declaration-no-important */ } .btn.btn-icon.icon-size-1, #page-grade-grading-manage .actions .btn-icon.icon-size-1.action, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input.btn-icon.icon-size-1, #rubric-rubric.gradingform_rubric .btn-icon.icon-size-1.addcriterion { height: 24px !important; /* stylelint-disable-line declaration-no-important */ width: 24px !important; /* stylelint-disable-line declaration-no-important */ font-size: 4px !important; /* stylelint-disable-line declaration-no-important */ line-height: 4px !important; /* stylelint-disable-line declaration-no-important */ } .btn.btn-icon.icon-size-2, #page-grade-grading-manage .actions .btn-icon.icon-size-2.action, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input.btn-icon.icon-size-2, #rubric-rubric.gradingform_rubric .btn-icon.icon-size-2.addcriterion { height: 28px !important; /* stylelint-disable-line declaration-no-important */ width: 28px !important; /* stylelint-disable-line declaration-no-important */ font-size: 8px !important; /* stylelint-disable-line declaration-no-important */ line-height: 8px !important; /* stylelint-disable-line declaration-no-important */ } .btn.btn-icon.icon-size-3, #page-grade-grading-manage .actions .btn-icon.icon-size-3.action, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input.btn-icon.icon-size-3, #rubric-rubric.gradingform_rubric .btn-icon.icon-size-3.addcriterion { height: 36px !important; /* stylelint-disable-line declaration-no-important */ width: 36px !important; /* stylelint-disable-line declaration-no-important */ font-size: 16px !important; /* stylelint-disable-line declaration-no-important */ line-height: 16px !important; /* stylelint-disable-line declaration-no-important */ } .btn.btn-icon.icon-size-4, #page-grade-grading-manage .actions .btn-icon.icon-size-4.action, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input.btn-icon.icon-size-4, #rubric-rubric.gradingform_rubric .btn-icon.icon-size-4.addcriterion { height: 44px !important; /* stylelint-disable-line declaration-no-important */ width: 44px !important; /* stylelint-disable-line declaration-no-important */ font-size: 24px !important; /* stylelint-disable-line declaration-no-important */ line-height: 24px !important; /* stylelint-disable-line declaration-no-important */ } .btn.btn-icon.icon-size-5, #page-grade-grading-manage .actions .btn-icon.icon-size-5.action, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input.btn-icon.icon-size-5, #rubric-rubric.gradingform_rubric .btn-icon.icon-size-5.addcriterion { height: 68px !important; /* stylelint-disable-line declaration-no-important */ width: 68px !important; /* stylelint-disable-line declaration-no-important */ font-size: 48px !important; /* stylelint-disable-line declaration-no-important */ line-height: 48px !important; /* stylelint-disable-line declaration-no-important */ } .gradetreebox h4 { font-size: 0.9375rem; } .gradetreebox th.cell, .gradetreebox input[type=text] { width: auto; } .gradetreebox input[type=text], .gradetreebox select { margin-bottom: 0; } .core_grades_notices .singlebutton { display: inline-block; } .path-grade-report #maincontent + .urlselect { position: absolute; left: 40vw; } .path-grade-report-grader #region-main { overflow-x: visible; min-width: 100%; width: auto; display: inline-flex; flex-direction: column; } .path-grade-report-grader #region-main > .card, .path-grade-report-grader #page-enrol-users #region-main > #filterform, #page-enrol-users .path-grade-report-grader #region-main > #filterform, .path-grade-report-grader .que #region-main > .history, .que .path-grade-report-grader #region-main > .history, .path-grade-report-grader .userprofile .profile_tree #region-main > section, .userprofile .profile_tree .path-grade-report-grader #region-main > section, .path-grade-report-grader #region-main > .groupinfobox, .path-grade-report-grader #region-main > .well { width: auto; overflow-x: initial; } .path-grade-report-grader #region-main div[role="main"] { flex: 1 1 auto; } .path-grade-report-grader [data-region="blocks-column"] { width: 100%; clear: both; } #page-grade-grading-manage #activemethodselector label { display: inline-block; } #page-grade-grading-manage #activemethodselector .helptooltip { margin-right: 0.5em; } #page-grade-grading-manage .actions { display: block; text-align: center; margin-bottom: 1em; } #page-grade-grading-manage .actions .action { display: inline-block; position: relative; vertical-align: top; width: 150px; text-align: center; overflow: hidden; margin: 0.5em; padding: 1em; border: 1px solid #aaa; } #page-grade-grading-manage .actions .action .action-text { position: relative; top: 0.4em; font-size: 14px; white-space: normal; } #page-grade-grading-form-rubric-edit .gradingform_rubric_editform .status { font-size: 70%; } .gradingform_rubric.editor .addlevel input, .gradingform_rubric.editor .addcriterion input { background: #fff none no-repeat top left; } #rubric-rubric.gradingform_rubric #rubric-criteria { margin-bottom: 1em; } #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .description { vertical-align: top; padding: 6px; } #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .description textarea { margin-bottom: 0; height: 115px; } #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .definition textarea { width: 80%; margin-bottom: 0; } #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .score { position: relative; float: left; margin-right: 28px; } #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .score input { margin-bottom: 0; } #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .level { vertical-align: top; padding: 6px; } #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .level .delete { position: relative; width: 32px; height: 32px; margin-top: -32px; clear: both; float: right; } #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .level .delete input { display: block; position: absolute; right: 0; bottom: 0; height: 24px; width: 24px; margin: 0; } #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .level .delete input:hover { background-color: #ddd; } #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .scorevalue input { float: none; width: 2em; } #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .scorevalue input.hiddenelement, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .scorevalue input.pseudotablink { width: 0; } #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel { vertical-align: middle; } #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input { background-position: 0 0; height: 30px; margin-right: 5px; } #rubric-rubric.gradingform_rubric .addcriterion { margin-left: 5px; padding: 0; margin-bottom: 1em; } #rubric-rubric.gradingform_rubric .addcriterion input { margin: 0; color: inherit; text-shadow: inherit; border: 0 none; line-height: inherit; background: transparent url([[pix:t/add]]) no-repeat 7px 8px; padding-left: 26px; } #rubric-rubric.gradingform_rubric .options { clear: both; } #rubric-rubric.gradingform_rubric .options .option label { margin: 0; padding: 0; font-size: inherit; font-weight: normal; line-height: 2em; color: inherit; text-shadow: none; background-color: transparent; } #rubric-rubric.gradingform_rubric .options .option input { margin-left: 5px; margin-right: 12px; } .grade-display .description { font-size: 1rem; } .criterion .description { font-size: 1rem; } .criterion .criterion-toggle .expanded-icon { display: block; } .criterion .criterion-toggle .collapsed-icon { display: none; } .criterion .criterion-toggle.collapsed .expanded-icon { display: none; } .criterion .criterion-toggle.collapsed .collapsed-icon { display: block; } .path-grade-edit-tree .setup-grades h4 { margin: 0; } .path-grade-edit-tree .setup-grades .column-rowspan { padding: 0; width: 24px; min-width: 24px; max-width: 24px; } .path-grade-edit-tree .setup-grades .category td.column-name { padding-left: 0; } .path-grade-edit-tree .setup-grades td.column-name { padding-left: 24px; } .path-grade-edit-tree .setup-grades .category input[type="text"], .path-grade-edit-tree .setup-grades .category .column-range, .path-grade-edit-tree .setup-grades .categoryitem, .path-grade-edit-tree .setup-grades .courseitem { font-weight: bold; } .path-grade-edit-tree .setup-grades .emptyrow { display: none; } .path-grade-edit-tree .setup-grades .gradeitemdescription { font-weight: normal; padding-left: 24px; } .path-grade-edit-tree .setup-grades .column-weight { white-space: nowrap; } .path-grade-edit-tree .setup-grades .column-weight.level3 { padding-left: 37px; } .path-grade-edit-tree .setup-grades .column-weight.level4 { padding-left: 66px; } .path-grade-edit-tree .setup-grades .column-weight.level5 { padding-left: 95px; } .path-grade-edit-tree .setup-grades .column-weight.level6 { padding-left: 124px; } .path-grade-edit-tree .setup-grades .column-weight.level7 { padding-left: 153px; } .path-grade-edit-tree .setup-grades .column-weight.level8 { padding-left: 182px; } .path-grade-edit-tree .setup-grades .column-weight.level9 { padding-left: 211px; } .path-grade-edit-tree .setup-grades .column-weight.level10 { padding-left: 240px; } .path-grade-edit-tree .setup-grades .column-range.level2 { padding-left: 37px; } .path-grade-edit-tree .setup-grades .column-range.level3 { padding-left: 66px; } .path-grade-edit-tree .setup-grades .column-range.level4 { padding-left: 95px; } .path-grade-edit-tree .setup-grades .column-range.level5 { padding-left: 124px; } .path-grade-edit-tree .setup-grades .column-range.level6 { padding-left: 153px; } .path-grade-edit-tree .setup-grades .column-range.level7 { padding-left: 182px; } .path-grade-edit-tree .setup-grades .column-range.level8 { padding-left: 211px; } .path-grade-edit-tree .setup-grades .column-range.level9 { padding-left: 240px; } .path-grade-edit-tree .setup-grades .column-range.level10 { padding-left: 269px; } .path-grade-edit-tree .setup-grades.generaltable .levelodd { background-color: rgba(0, 0, 0, 0.05); } /** * Grader report. */ .path-grade-report-grader .gradeparent table { border-radius: 0.25rem; } .path-grade-report-grader .gradeparent tr .cell { background-color: #fff; } .path-grade-report-grader .gradeparent table, .path-grade-report-grader .gradeparent .cell { border-color: #dee2e6; } .path-grade-report-grader .gradeparent tr:nth-of-type(even) .cell, .path-grade-report-grader .gradeparent .floater .cell, .path-grade-report-grader .gradeparent .avg { background-color: #f8f9fa; } .path-grade-report-grader .gradeparent table .clickable { cursor: pointer; } /** * User report. */ .path-grade-report-user .user-grade { border: none; } .path-grade-report-user .user-grade.generaltable .levelodd { background-color: rgba(0, 0, 0, 0.05); } /** * Single view. */ .path-grade-report-singleview input[name^="finalgrade"] { width: 80px; } .columns-autoflow-1to1to1 { column-count: 3; } @media (max-width: 767px) { .columns-autoflow-1to1to1 { column-count: 1; } } /* some very targetted corrections to roll back nameclashes between * Moodle and Bootstrap like .row, .label, .content, .controls * * Mostly relies on these styles being more specific than the Bootstrap * ones in order to overule them. */ li.activity.label, .file-picker td.label { background: inherit; color: inherit; border: inherit; text-shadow: none; padding: 8px; white-space: normal; display: block; font-size: inherit; line-height: inherit; text-align: inherit; } .file-picker td.label { display: table-cell; text-align: right; } .choosercontainer #chooseform .option label { font-size: 12px; } /* block.invisible vs .invisible * block.hidden vs .invisible * * uses .invisible where the rest of Moodle uses @mixin dimmed * fixible in block renderer? * * There's seems to be even more naming confusion here since, * blocks can be actually 'visible' (or not) to students, * marked 'visible' but really just dimmed to indicate to editors * that students can't see them or 'visible' to the user who * collapses them, 'visible' if you have the right role and in * different circumstances different sections of a block can * be 'visible' or not. * * currently worked around in renderers.php function block{} * by rewriting the class name "invisible" to "dimmed", * though the blocks don't look particularly different apart * from their contents disappearing. Maybe try .muted? or * dimming all the edit icons apart from unhide, might be a * nice effect, though they'd still be active. Maybe reverse * it to white? */ li.section.hidden, .block.hidden, .block.invisible { visibility: visible; display: block; } /* .row vs .row * * very tricky to track down this when it goes wrong, * since the styles are applied to generated content * * basically if you see things shifted left or right compared * with where they should be check for a .row */ .forumpost .row { margin-left: 0 !important; /* stylelint-disable-line declaration-no-important */ } .forumpost .row:before, .forumpost .row:after { content: none; } /* fieldset.hidden vs .hidden * * Moodle uses fieldset.hidden for mforms, to signify a collection of * form elements that don't have a box drawn round them. Bootstrap * uses hidden for stuff that is hidden in various responsive modes. * * Relatedly, there is also fieldset.invisiblefieldset which hides the * border and sets the display to inline. * * Originally this just set block and visible, but it is used * in random question dialogue in Quiz, * that dialogue is hidden and shown, so when hidden the * above workaround leaves you with a button floating around */ fieldset.hidden { display: inherit; visibility: inherit; } /* .container vs .container * * bootstrap uses .container to set the width of the layout at 960px or so, Moodle uses it * in the Quiz to contain the questions to add. If you don't overule the Bootstrap code, * it becomes near unuseable. */ #questionbank + .container { width: auto; } body:not(.jsenabled) .dropdown:hover > .dropdown-menu { display: block; margin-top: -6px; } body:not(.jsenabled) .langmenu:hover > .dropdown-menu, .langmenu.open > .dropdown-menu { display: block; max-height: 150px; overflow-y: auto; } .navbar.fixed-top .dropdown .dropdown-menu { max-height: calc(100vh - 50px); overflow-y: auto; } .page-item.active .page-link, .page-item.active .page-link:hover, .page-item.active .page-link:focus { z-index: inherit; } /* Force positioning of popover arrows. * * The Css prefixer used in Moodle does not support complex calc statements used * in Bootstrap 4 CSS. For example: * calc((0.5rem + 1px) * -1); is stripped out by lib/php-css-parser/Parser.php. * See MDL-61879. For now the arrow positions of popovers are fixed until this is resolved. */ .bs-popover-right .arrow, .bs-popover-auto[x-placement^="right"] .arrow, .bs-popover-auto[x-placement^="right"] .arrow { left: -9px; } .bs-popover-left .arrow, .bs-popover-auto[x-placement^="left"] .arrow, .bs-popover-auto[x-placement^="left"] .arrow { right: -9px; } .bs-popover-top .arrow, .bs-popover-auto[x-placement^="top"] .arrow, .bs-popover-auto[x-placement^="top"] .arrow { bottom: -9px; } .bs-popover-bottom .arrow, .bs-popover-auto[x-placement^="bottom"] .arrow, .bs-popover-auto[x-placement^="bottom"] .arrow { top: -9px; } .custom-select { word-wrap: normal; } /* Add commented out carousel transistions back in. * * The Css prefixer used in Moodle breaks on @supports syntax, See MDL-61515. */ .carousel-item-next.carousel-item-left, .carousel-item-prev.carousel-item-right { transform: translateX(0); } .carousel-item-next, .active.carousel-item-right { transform: translateX(100%); } .carousel-item-prev, .active.carousel-item-left { transform: translateX(-100%); } /** * Reset all of the forced style on the page. * - Remove borders on header and content. * - Remove most of the vertical padding. * - Make the content region flex grow so it pushes things like the * next activity selector to the bottom of the page. */ body.behat-site .fixed-top { position: absolute; } body.behat-site .dropdown-item { margin-top: 4px !important; /* stylelint-disable declaration-no-important */ } body.behat-site.drawer-ease { -webkit-transition: initial; -moz-transition: initial; transition: initial; } body.behat-site [data-region="drawer"] { -webkit-transition: initial; -moz-transition: initial; transition: initial; position: absolute; } .phpinfo table, .phpinfo th, .phpinfo h2 { margin: auto; } .phpinfo h2 { width: 600px; } .phpinfo .e, .phpinfo .v, .phpinfo .h { border: 1px solid #000; font-size: 0.8em; vertical-align: baseline; color: #000; background-color: #ccc; } .phpinfo .e { background-color: #ccf; font-weight: bold; } .phpinfo .h { background-color: #99c; font-weight: bold; } table caption { font-size: 24px; font-weight: bold; line-height: 42px; text-align: left; caption-side: top; } /** * This file contains the styles required to make the footer sticky. */ html, body { height: 100%; } #page-wrapper { height: 100%; display: flex; flex-direction: column; } #page-wrapper #page { flex: 1 0 auto; display: flex; flex-direction: column; } #page-wrapper #page #page-content { flex: 1 0 auto; } #page-wrapper #page-footer { flex-shrink: 0; } .popover-region { float: right; position: relative; } .popover-region.collapsed .popover-region-toggle:before, .popover-region.collapsed .popover-region-toggle:after { display: none; } .popover-region.collapsed .popover-region-container { opacity: 0; visibility: hidden; height: 0; overflow: hidden; transition: height 0.25s, opacity 101ms 0.25s, visibility 101ms 0.25s; } .popover-region-toggle { cursor: pointer; } .popover-region-toggle::before { content: ''; display: inline-block; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #ddd; position: absolute; bottom: 0; right: 7px; } .popover-region-toggle::after { content: ''; display: inline-block; border-left: 9px solid transparent; border-right: 9px solid transparent; border-bottom: 9px solid #fff; position: absolute; bottom: -1px; right: 8px; z-index: 2; } .count-container { padding: 2px; border-radius: 2px; background-color: red; color: white; font-size: 10px; line-height: 10px; position: absolute; top: 5px; right: 0; } .popover-region-container { opacity: 1; visibility: visible; position: absolute; right: 0; top: 0; height: 500px; width: 380px; border: 1px solid #ddd; transition: height 0.25s; background-color: #fff; z-index: 1; } .popover-region-header-container { height: 25px; line-height: 25px; padding-left: 5px; padding-right: 5px; border-bottom: 1px solid #ddd; box-sizing: border-box; } .popover-region-footer-container { height: 30px; text-align: center; border-top: 1px solid #ddd; background-color: #fff; padding-top: 3px; } .popover-region-header-text { float: left; margin: 0; font-size: 14px; line-height: 25px; } .popover-region-header-actions { float: right; } .popover-region-header-actions > * { margin-left: 10px; min-width: 20px; display: inline-block; } .popover-region-header-actions .loading-icon { display: none; height: 12px; width: 12px; } .popover-region-header-actions .newmessage-link { margin-right: 10px; } .popover-region-header-actions label { display: inline-block; text-align: center; margin-bottom: 0; } .popover-region-content-container { height: calc(100% - 55px); width: 100%; overflow-y: auto; -webkit-overflow-scrolling: touch; } .popover-region-content-container > .loading-icon { display: none; text-align: center; padding: 5px; box-sizing: border-box; } .popover-region-content-container .empty-message { display: none; text-align: center; padding: 10px; } .popover-region-content-container.loading > .loading-icon { display: block; } .popover-region-content-container.loading .empty-message { display: none; } .navbar .popover-region { float: right; margin-right: 10px; } .navbar .popover-region.collapsed .popover-region-container { opacity: 0; visibility: hidden; height: 0; overflow: hidden; transition: height 0.25s, opacity 101ms 0.25s, visibility 101ms 0.25s; } .navbar .popover-region-toggle { width: 25px; } .navbar .count-container { padding: 2px; border-radius: 2px; background-color: red; color: white; font-size: 10px; line-height: 10px; position: absolute; top: 5px; right: 0; } .navbar .popover-region-container { top: 1.96875rem; } .content-item-container { width: 100%; border-bottom: 1px solid #ddd; box-sizing: border-box; padding: 5px; position: relative; margin: 0; display: block; color: inherit; text-decoration: none; } .content-item-container:hover { color: #fff; background-color: #79b5e6; } .content-item-container:hover .content-item-footer .timestamp { color: #fff; } .content-item-container.unread { margin: 0; background-color: #f4f4f4; } .content-item-container.unread:hover { color: #fff; background-color: #79b5e6; } .content-item-container.unread .content-item-body .notification-message { font-weight: 600; } .content-item-container .context-link { color: inherit; text-decoration: none; } .content-item-container .content-item-body { box-sizing: border-box; margin-bottom: 5px; } .content-item-container .content-item-footer { text-align: left; box-sizing: border-box; } .content-item-container .content-item-footer .timestamp { font-size: 10px; line-height: 10px; margin: 0; color: #666; margin-left: 24px; } .content-item-container .view-more { position: absolute; bottom: 5px; right: 5px; font-size: 12px; line-height: 12px; } .content-item-container.notification .content-item-body .notification-image { display: inline-block; width: 24px; height: 24px; float: left; } .content-item-container.notification .content-item-body .notification-image img { height: 75%; } .content-item-container.notification .content-item-body .notification-message { display: inline-block; font-size: 12px; width: calc(100% - 24px); } .content-item-container.selected { background-color: #4f94cd; color: #fff; border-color: #4f94cd; } .content-item-container.selected .content-item-footer .timestamp { color: #fff; } .popover-region-notifications .popover-region-header-container .mark-all-read-button .normal-icon { display: inline-block; } .popover-region-notifications .popover-region-header-container .mark-all-read-button.loading .normal-icon { display: none; } .popover-region-notifications .popover-region-header-container .mark-all-read-button.loading .loading-icon { display: inline-block; } .popover-region-notifications .all-notifications { opacity: 1; visibility: visible; height: auto; overflow: hidden; } .popover-region-notifications .all-notifications:empty + .empty-message { display: block; } .popover-region-notifications .notification-image { display: inline-block; width: 8%; vertical-align: top; } .popover-region-notifications .notification-image img { height: 75%; } .popover-region-notifications .notification-message { display: inline-block; font-size: 12px; } .popover-region-notifications .popover-region-content-container.loading .all-notifications:empty + .empty-message { display: none; } .popover-region-messages .mark-all-read-button .normal-icon { display: inline-block; } .popover-region-messages .mark-all-read-button.loading .normal-icon { display: none; } .popover-region-messages .mark-all-read-button.loading .loading-icon { display: inline-block; } .popover-region-messages .popover-region-content-container.loading .popover-region-content .messages:empty + .empty-message { display: none; } .popover-region-messages .messages:empty + .empty-message { display: block; } .popover-region-messages .content-item-container.unread .content-item-body { font-weight: 600; width: calc(90% - 30px); } .popover-region-messages .content-item-container.unread .unread-count-container { display: inline-block; width: 10%; text-align: center; float: right; } .popover-region-messages .content-item { height: 100%; width: 100%; box-sizing: border-box; } .popover-region-messages .profile-image-container { width: 30px; display: inline-block; text-align: center; float: left; } .popover-region-messages .profile-image-container img { width: 100%; display: inline-block; vertical-align: middle; border-radius: 50%; } .popover-region-messages .content-item-body { display: inline-block; box-sizing: border-box; width: calc(100% - 30px); font-size: 12px; padding-left: 10px; overflow: hidden; } .popover-region-messages .content-item-body h3 { font-size: 12px; line-height: 12px; margin: 0; width: 100%; } .popover-region-messages .content-item-body p { margin: 0; } .popover-region-messages .unread-count-container { display: none; } @media (max-width: 767px) { .navbar .popover-region .popover-region-container { right: -70px; } } @media (max-width: 480px) { .navbar .popover-region .popover-region-container { position: fixed; top: 46px; right: 0; left: 0; bottom: 0; width: auto; height: auto; } } /** * Tour step must sit above all other UI components. * The backdrop is the lowest point in the tour. * Everything else is in the container, and the target background should be at the same z-index. * ----- moodle * ---- step backdrop * --- step container * --- step target background */ div[data-flexitour="backdrop"] { background-color: #000; opacity: 0.5; z-index: 1040; } div[data-flexitour="step-background-fader"], div[data-flexitour="step-background"] { border-radius: 0.3rem; z-index: 1041; } span[data-flexitour="container"], div[data-flexitour="step-background-fader"], [data-flexitour="step-backdrop"] > td, [data-flexitour="step-backdrop"] { z-index: 1042; } span[data-flexitour="container"] .modal-dialog { /** * Remove all margins to: * 1) ensure that the arrow touches the target; and * 2) ensure that the focus border touches the modal. */ margin: 0; } span[data-flexitour="container"] div[data-role="arrow"] { border-width: 11px; } span[data-flexitour="container"] div[data-role="arrow"], span[data-flexitour="container"] div[data-role="arrow"]:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 1rem; } span[data-flexitour="container"][x-placement="top"], span[data-flexitour="container"][x-placement="top-start"] { margin-bottom: 1rem; } span[data-flexitour="container"][x-placement="top"] div[data-role="arrow"], span[data-flexitour="container"][x-placement="top-start"] div[data-role="arrow"] { bottom: -11px; left: 50%; margin-left: -11px; border-bottom-width: 0; border-top-color: rgba(0, 0, 0, 0.25); } span[data-flexitour="container"][x-placement="top"] div[data-role="arrow"]:after, span[data-flexitour="container"][x-placement="top-start"] div[data-role="arrow"]:after { bottom: 1px; margin-left: -1rem; content: " "; border-bottom-width: 0; border-top-color: #fff; } span[data-flexitour="container"][x-placement="bottom"], span[data-flexitour="container"][x-placement="bottom-start"] { margin-top: 1rem; } span[data-flexitour="container"][x-placement="bottom"] div[data-role="arrow"], span[data-flexitour="container"][x-placement="bottom-start"] div[data-role="arrow"] { top: -11px; left: 50%; margin-left: -11px; border-top-width: 0; border-bottom-color: rgba(0, 0, 0, 0.25); } span[data-flexitour="container"][x-placement="bottom"] div[data-role="arrow"]:after, span[data-flexitour="container"][x-placement="bottom-start"] div[data-role="arrow"]:after { top: 1px; margin-left: -1rem; content: " "; border-top-width: 0; border-bottom-color: #fff; } span[data-flexitour="container"][x-placement="left"], span[data-flexitour="container"][x-placement="left-start"] { margin-right: 1rem; } span[data-flexitour="container"][x-placement="left"] div[data-role="arrow"], span[data-flexitour="container"][x-placement="left-start"] div[data-role="arrow"] { right: -11px; top: 50%; margin-top: -11px; border-right-width: 0; border-left-color: rgba(0, 0, 0, 0.25); } span[data-flexitour="container"][x-placement="left"] div[data-role="arrow"]:after, span[data-flexitour="container"][x-placement="left-start"] div[data-role="arrow"]:after { right: 1px; margin-top: -1rem; content: " "; border-right-width: 0; border-left-color: #fff; } span[data-flexitour="container"][x-placement="right"], span[data-flexitour="container"][x-placement="right-start"] { margin-left: 1rem; } span[data-flexitour="container"][x-placement="right"] div[data-role="arrow"], span[data-flexitour="container"][x-placement="right-start"] div[data-role="arrow"] { left: -11px; top: 50%; margin-top: -11px; border-left-width: 0; border-right-color: rgba(0, 0, 0, 0.25); } span[data-flexitour="container"][x-placement="right"] div[data-role="arrow"]:after, span[data-flexitour="container"][x-placement="right-start"] div[data-role="arrow"]:after { left: 1px; margin-top: -1rem; content: " "; border-left-width: 0; border-right-color: #fff; } [data-region="drawer"] [data-flexitour="container"] { margin-left: -15px; width: 275px; } .label { background-color: #868e96; } .label[href]:hover, .label[href]:focus { background-color: #6c757d; } .label-success { background-color: #5cb85c; } .label-success[href]:hover, .label-success[href]:focus { background-color: #449d44; } .label-info { background-color: #5bc0de; } .label-info[href]:hover, .label-info[href]:focus { background-color: #31b0d5; } .label-warning { background-color: #ff7518; } .label-warning[href]:hover, .label-warning[href]:focus { background-color: #e45c00; } .label-important { background-color: #d9534f; } .label-important[href]:hover, .label-important[href]:focus { background-color: #c9302c; } .pull-left { float: left !important; /* stylelint-disable-line declaration-no-important */ } .pull-right { float: right !important; /* stylelint-disable-line declaration-no-important */ } @media print { body.drawer-open-left.jsenabled, body.drawer-open-right.jsenabled { margin: 0; } .container { width: auto; } } .modal .modal-body > .loading-icon { display: block; position: relative; width: 100%; height: 100%; } .modal .modal-body > .loading-icon .icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .layout.fullscreen { height: 100vh; position: fixed; top: 0; left: 0; z-index: 1040; transition: 0.5s; width: 100vw; margin: 0; opacity: 1; background-color: #fff; } .layout.fullscreen > div { height: 100%; width: 100%; } .layout.fullscreen .loading-icon { margin-left: auto; margin-right: auto; text-align: center; display: inline-block; width: 100%; top: 40%; position: fixed; } .layout.fullscreen .loading-icon .icon { width: 1em; height: 1em; font-size: 4em; } .navbar { box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08); } .filemanager-container, .filepicker-filelist { border: 1px solid #dee2e6; } .userpicture { border-radius: 50%; } .block { background-color: #f8f9fa; } #page-my-index { background-color: #fff; } .btn-outline-secondary { color: #868e96; border-color: #868e96; border-color: #dee2e6; } .btn-outline-secondary:hover { color: #fff; background-color: #868e96; border-color: #868e96; } .btn-outline-secondary:focus, .btn-outline-secondary.focus { box-shadow: 0 0 0 0.2rem rgba(134, 142, 150, 0.5); } .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { color: #868e96; background-color: transparent; } .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { color: #fff; background-color: #868e96; border-color: #868e96; } .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(134, 142, 150, 0.5); } @media (max-width: 767.98px) { .blockcolumn, .region-main { flex: 0 0 100%; padding: 0 1rem; margin-bottom: 1rem; } } @media (min-width: 768px) { #page-content { display: flex; } #page-content .region-main { flex: 0 0 100%; padding: 0 1rem; } #page-content.blocks-pre .columnleft { flex: 0 0 32%; order: -1; padding: 0 1rem; max-width: 32%; } #page-content.blocks-pre .region-main { flex: 0 0 68%; max-width: 68%; padding: 0 1rem 0 0; } #page-content.blocks-post .region-main { flex: 0 0 68%; max-width: 68%; padding: 0 0 0 1rem; } #page-content.blocks-post .columnright { flex: 0 0 32%; padding: 0 1rem; max-width: 32%; } #page-content.blocks-pre.blocks-post .region-main { flex: 0 0 36%; max-width: 36%; padding: 0; } #page-content [data-region="blocks-column"] { width: 100%; } .empty-region-side-pre.used-region-side-post #page-content .region-main { flex: 0 0 68%; max-width: 68%; padding-left: 1rem; } .empty-region-side-pre.used-region-side-post #page-content .columnright { flex: 0 0 32%; padding: 0 1rem; max-width: 32%; } .empty-region-side-post.used-region-side-pre #page-content .region-main { flex: 0 0 68%; max-width: 68%; padding-right: 1rem; } .empty-region-side-post.used-region-side-pre #page-content .columnleft { flex: 0 0 32%; order: -1; padding: 0 1rem; max-width: 32%; } .used-region-side-post.used-region-side-pre #page-content .region-main { flex: 0 0 36%; max-width: 36%; padding: 0; } .used-region-side-post.used-region-side-pre #page-content .columnleft { flex: 0 0 32%; order: -1; padding: 0 1rem; max-width: 32%; } .used-region-side-post.used-region-side-pre #page-content .columnright { flex: 0 0 32%; padding: 0 1rem; max-width: 32%; } } @media (min-width: 992px) { #page-content { display: flex; } #page-content .region-main { flex: 0 0 100%; padding: 0 1rem; } #page-content.blocks-pre .columnleft { flex: 0 0 25%; order: -1; padding: 0 1rem; max-width: 25%; } #page-content.blocks-pre .region-main { flex: 0 0 75%; max-width: 75%; padding: 0 1rem 0 0; } #page-content.blocks-post .region-main { flex: 0 0 75%; max-width: 75%; padding: 0 0 0 1rem; } #page-content.blocks-post .columnright { flex: 0 0 25%; padding: 0 1rem; max-width: 25%; } #page-content.blocks-pre.blocks-post .region-main { flex: 0 0 50%; max-width: 50%; padding: 0; } #page-content [data-region="blocks-column"] { width: 100%; } .empty-region-side-pre.used-region-side-post #page-content .region-main { flex: 0 0 75%; max-width: 75%; padding-left: 1rem; } .empty-region-side-pre.used-region-side-post #page-content .columnright { flex: 0 0 25%; padding: 0 1rem; max-width: 25%; } .empty-region-side-post.used-region-side-pre #page-content .region-main { flex: 0 0 75%; max-width: 75%; padding-right: 1rem; } .empty-region-side-post.used-region-side-pre #page-content .columnleft { flex: 0 0 25%; order: -1; padding: 0 1rem; max-width: 25%; } .used-region-side-post.used-region-side-pre #page-content .region-main { flex: 0 0 50%; max-width: 50%; padding: 0; } .used-region-side-post.used-region-side-pre #page-content .columnleft { flex: 0 0 25%; order: -1; padding: 0 1rem; max-width: 25%; } .used-region-side-post.used-region-side-pre #page-content .columnright { flex: 0 0 25%; padding: 0 1rem; max-width: 25%; } } @media (min-width: 1200px) { #page-content { display: flex; } #page-content .region-main { flex: 0 0 100%; padding: 0 1rem; } #page-content.blocks-pre .columnleft { flex: 0 0 20%; order: -1; padding: 0 1rem; max-width: 20%; } #page-content.blocks-pre .region-main { flex: 0 0 80%; max-width: 80%; padding: 0 1rem 0 0; } #page-content.blocks-post .region-main { flex: 0 0 80%; max-width: 80%; padding: 0 0 0 1rem; } #page-content.blocks-post .columnright { flex: 0 0 20%; padding: 0 1rem; max-width: 20%; } #page-content.blocks-pre.blocks-post .region-main { flex: 0 0 60%; max-width: 60%; padding: 0; } #page-content [data-region="blocks-column"] { width: 100%; } .empty-region-side-pre.used-region-side-post #page-content .region-main { flex: 0 0 80%; max-width: 80%; padding-left: 1rem; } .empty-region-side-pre.used-region-side-post #page-content .columnright { flex: 0 0 20%; padding: 0 1rem; max-width: 20%; } .empty-region-side-post.used-region-side-pre #page-content .region-main { flex: 0 0 80%; max-width: 80%; padding-right: 1rem; } .empty-region-side-post.used-region-side-pre #page-content .columnleft { flex: 0 0 20%; order: -1; padding: 0 1rem; max-width: 20%; } .used-region-side-post.used-region-side-pre #page-content .region-main { flex: 0 0 60%; max-width: 60%; padding: 0; } .used-region-side-post.used-region-side-pre #page-content .columnleft { flex: 0 0 20%; order: -1; padding: 0 1rem; max-width: 20%; } .used-region-side-post.used-region-side-pre #page-content .columnright { flex: 0 0 20%; padding: 0 1rem; max-width: 20%; } } .block_myoverview .dashboard-card-deck .dashboard-card, .block_recentlyaccesseditems .dashboard-card-deck .dashboard-card { width: calc(33.33% - 0.5rem); } @media (min-width: 768px) { .blockcolumn .dashboard-card-deck { margin-left: 0; margin-right: 0; } .blockcolumn .dashboard-card-deck .dashboard-card { width: calc(100% - 0.5rem) !important; /* stylelint-disable-line declaration-no-important */ } } .block_navigation .block_tree.list > li > ul, .block_settings .block_tree.list > li > ul { padding-left: 0; } .block_navigation .block_tree .tree_item.branch, .block_settings .block_tree .tree_item.branch { margin-left: 5px; padding-left: 0.75rem; } .block_navigation .block_tree p.hasicon, .block_settings .block_tree p.hasicon { text-indent: 0; padding-left: 0.75rem; } .block_navigation .block_tree ul, .block_settings .block_tree ul { margin-left: 0.25rem; padding-left: 1rem; } .block_navigation .block_tree p.hasicon .icon, .block_settings .block_tree p.hasicon .icon { margin-right: 5px; } .root_node, .navigation_node { margin-left: 0 !important; /* stylelint-disable-line declaration-no-important */ padding-left: 0 !important; /* stylelint-disable-line declaration-no-important */ } .block.block_settings #settingsnav { padding-top: 0 !important; /* stylelint-disable-line declaration-no-important */ } ================================================ FILE: style/styles.css ================================================ @font-face { font-family: [[setting:bodyfont]]; src: url([[setting:fontname]]); } body{font-family: [[setting:bodyfont]];overflow-x: hidden;} [[setting:customcss]] .contains_branch p.tree_item a { color: [[setting:brandcolor]]; } .base-color{ color: [[setting:maincolor]] ; } .a.dimmed_text, a.dimmed_text:link, a.dimmed_text:visited, .dimmed_text{ color: [[setting:brandcolor]] !important; } .card-title { position: relative; display: block !important; /*d-inline are written*/ font-size: 1.063rem; font-weight: 600; line-height: 1.25rem; word-wrap: break-word; color: [[setting:maincolor]]; text-transform: uppercase; } .card{ border: 0; } .block { background-color: transparent; } .columnleft{ border-right: 0.06rem solid [[setting:maincolor]]; } .columnleft .card-title:before { position: absolute; content: ""; width: 0.938rem; height: 0.938rem; border-radius: 50%; border:0.06rem solid [[setting:maincolor]]; top: 0.25rem; right: -2.5rem; background: #fff; } .region-main { border-right: 0.06rem solid [[setting:maincolor]]; } .columnright .card-title:before { position: absolute; content: ""; width: 0.938rem; height: 0.938rem; border-radius: 50%; border: 0.06rem solid [[setting:maincolor]]; top: 0.25rem; left: -2.5rem; background: #fff; } input[type="submit"]{ background: [[setting:brandcolor]]; border: 0.06rem solid [[setting:brandcolor]]; color: #fff; } input[type="submit"]:hover, .btn-primary:not(:disabled):not(.disabled):active{ background: [[setting:brandcolor]]; border: 0.06rem solid [[setting:brandcolor]]; } .container-fluid { padding-right: 0rem; padding-left: 0rem; } .container{ margin: 0 auto; } .blocks-pre { position: relative; } .region-main-content { padding: 1.875rem 0.625rem !important; /*boost*/ } #page-header{ /* border-bottom: 10px solid #e84c3d; */ padding-top: 1rem; } /* div#page-navbar { padding: 0 2rem 1rem 0; } */ .navbar-bootswatch { background-color: [[setting:maincolor]]; } .wrap-width { /* max-width: 1170px; */ margin: 0 auto; /* width: 1170px; */ } .navbar-bootswatch .navbar-nav .nav-link { color: #e6e6e6; /*static*/ } .usermenu { /*static*/ padding: 0.438rem 1.063rem; } img.userpicture { margin-right: 0; border-radius: 0; margin-left: 0.313rem; } .singlebutton .btn.btn-secondary{ background: [[setting:brandcolor]]; border: 0; color: #fff; /*static*/ border-radius: 0; margin: 0; } .singlebutton .btn.btn-secondary:hover{ } .btn-primary{ background: [[setting:brandcolor]]; border:0.06rem solid [[setting:brandcolor]]; } .btn-primary:hover{ } .block_navigation .block_tree .tree_item.branch span{ color: [[setting:brandcolor]]; } .block_navigation .block_tree .active_tree_node { font-weight: 400; } .block_tree.list a{ color: [[setting:brandcolor]] !important; /* For moodle css */ } .item-content-wrap{ position: relative; } .block_navigation .block_tree [aria-expanded="true"]:before, .type_course.depth_2.contains_branch .item-content-wrap:before { } .block_settings .block_tree [aria-expanded="false"]:before, .block_navigation .block_tree [aria-expanded="false"]:before { content: "\f105"; margin-right: 0; font: normal normal normal 0.875rem/1 FontAwesome; font-size: inherit; font-size: 0.875rem; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; width: 0.875rem; background: #000; border-radius: 0.625rem; color: #fff; /* Static */ margin-right: 0.313rem; margin-left: -0.313rem; text-align: center; font-weight: 700; position: absolute; opacity: 0; } #label_3_10 .item-content-wrap:before{ display: none; } h1 { font-size: 2rem !important; } h2 { font-size: 1.6rem !important; } h3 { font-size: 1.3rem !important; } h4 { font-size: 1rem !important; } i.icon.fa.fa-bell.fa-fw { padding-top: 0.188rem; } .context-header-settings-menu, .region-main-settings-menu { margin-right: 1.875rem; } body, select, div.completionprogress, #page-footer .logininfo, .btn, section div.card-body, li.breadcrumb-item, li.breadcrumb-item a, .nav-tabs, .form-item .form-label label, .form-item .form-label p, .form-item .form-select select, .form-item .form-description p , a, span, .form-item .form-setting .form-defaultinfo, .form-control{ font-family: [[setting:bodyfont]]; font-size: [[setting:fontsize]]px !important; } .text-info, .highlight { color: [[setting:brandcolor]] !important; } a:hover { color: [[setting:brandcolor]]; text-decoration: none; } #page-footer a { color: [[setting:brandcolor]]; text-decoration: none; } a.navbar-brand { margin-left: 1.25rem; padding: 0; } .dropdown-item.active, .dropdown-item:active {, span text-decoration: none; } .dropdown-item, .select-menu ul[role="group"] li:first-child{ font-size: 1rem; } .block_tree.list .active_tree_node a { } #tag-search-box { text-align: left; margin: 0.625rem auto; } #tag-search-box input[type="text"]{ display:inline-block; height: calc(1.5em + .75rem + 2px); padding:0.625rem 0.938rem; font-size:0.75rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; border: 0.06rem solid #ced4da; border-radius: 0.313rem 0 0 0.313rem; min-height: 2.5rem; } #tag-search-box input[type="submit"] { background: [[setting:brandcolor]]; border: 0.06rem solid [[setting:brandcolor]]; min-height: 2.5rem; border-radius: 0 0.313rem 0.313rem 0; padding: 0 0.625rem; } p.tree_item.hasicon.tree_item.leaf { position: relative; } p.tree_item.hasicon.tree_item.leaf i{ display: none; } p.tree_item.hasicon.tree_item.leaf:before{ content: "\f105"; margin-right: 0; display: inline-block; font: normal normal normal 0.875rem/1 FontAwesome; font-size: inherit; font-size: 0.875rem; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; width: 0.875rem; /* background: #000; */ border-radius: 0.625rem; color: #e74c3c; /* Static */ margin-right: 0.313rem; margin-left: -0.313rem; text-align: center; font-weight: 700; display: none; } p.tree_item.hasicon.active_tree_node.tree_item.leaf:before { } .about { text-align: center; padding: 5rem 0 0; } .tool_dataprivacy{ display: none; } .about h3 { font-size: 1.25rem; line-height: 1.5rem; margin: 2.5rem 2.75rem 0; } .about-items { padding: 2.875rem 0 0; clear: both; margin: 1.875rem -0.938rem 0; text-align: center; } .about-item .about-item-img-wr { border: 0.06rem solid #eeeeee; border-radius: 50%; overflow: hidden; padding: 0.125rem; display: inline-block; width: 5.125rem; height: 5.125rem; margin: 2.75rem 0 0.625rem; } .about-item .about-item-img { background: #FFFFFF; color: #000000; border-radius: 50%; overflow: hidden; transition: color 0.5s, background 0.5s; width: 100%; height: 100%; } .about-item .text_to_html{ font-size: 0.875rem; line-height: 1.438rem; font-weight: 400; color: #868686; padding: 1.063rem 0.813rem 0; box-sizing: border-box; overflow: hidden; font-family: [[setting:bodyfont]]; } .about-item:hover { background: [[setting:brandcolor]]; } .about-item { display: inline-block; float: left; margin: 0 0.5rem 0.938rem; padding: 0 0 1.875rem; width: 16.75rem; height: 22.5rem; box-sizing: border-box; overflow: hidden; text-align: center; border: 0.06rem solid #eeeeee; transition: color 0.5s, background 0.5s; } .about-item:hover, .about-item:hover .text_to_html{ color: #FFF; } .about-item-img img{ width: 100%; } h1, h2, h3, h4, h5, h6, p, input[type="text"], input[type="url"], textarea, input[type="submit"], input.srch-fld, select, input[type="file"], html { font-family: [[setting:headingfont]]; font-style: normal; font-weight: 400; } .contact-items { text-align: center; clear: both; } .contact-item { display: inline-block; width: auto; height: 7.5rem; margin: 2.375rem 0.875rem 0; padding: 3rem 0 0; font-size: 1rem; line-height: 1.563rem; border-top:0.06rem solid [[setting:maincolor]]; font-family: [[setting:bodyfont]]; } /* ******* .stay-connected ********* */ .stay-connected { text-align: center; padding:3.75rem 0; width: 100%; } .stay-connected a { display: inline-block; margin: 0 0.25rem 0.625rem; } #myBtn { display: none; position: fixed; bottom: 1.25rem; right: 1.875rem; z-index: 99; font-size: 1.125rem; border: none; outline: none; background-color: red; color: white; cursor: pointer; padding: 0.938rem; border-radius: 0.25rem; } #myBtn:hover { background-color: #555; } .btn-view-all { text-transform: uppercase; color: #868686; font-size: 0.875rem; line-height: 1.063rem; margin: 0 auto 0; display: block; text-align: center; border-bottom: 0.06rem solid [[setting:maincolor]]; padding-bottom: 3.125rem; padding-top: 3.125rem; width: 100%; font-family: [[setting:bodyfont]]; } .coursebox .info { padding: 0 0 1.313rem; } .coursebox>.info>.coursename a { display: block; padding-left: 0; background-image: none; background-position: 0; background-repeat: no-repeat; font-size: 1.125rem; line-height: 1.25rem; padding: 0 0 0; font-weight: 400; color: #e84c3d; text-transform: uppercase; } .turneditbtn { background: #e84c3d; border: 0.06rem solid #e84c3d; border-radius: 0; box-sizing: border-box; margin: 3.125rem 0 0; padding: 0 0.938rem; height: auto; width: auto; color: #FFFFFF; font-size: 0.875rem; line-height: 1.875rem; font-weight: 600; display: inline-block; } .coursebox > .info > h3.coursename { margin: 0; } .coursebox { padding: 0 0.625rem; margin: 1.25rem 0 0; } .buttons { margin-top: 1.25rem; } .turnedit.turneditbtn:hover{ color: #fff; background:#e84c3dc7; border: 0.06rem solid #e84c3dc7; } li.view.fourth-effect:hover .mask { background: #000000a3; width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .view.fourth-effect:hover .av-course-item-cont { display: block; position: absolute; bottom: 0.625rem; background: #e84c3d; width: 100%; padding: 0.625rem 1.25rem; z-index: 999; color: #fff; } .bots-slide:hover .mask { background: #000000a3; width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .bots-slide:hover .av-course-item-cont { display: block; position: absolute; bottom: 0.625rem; background: #e84c3d; width: 100%; padding: 0.625rem 1.25rem; z-index: 999; color: #fff; } .av-course-item-cont{ display: none; } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus { border: 0.06rem solid #7e7d7d; -webkit-text-fill-color: #7e7d7d; -webkit-box-shadow: 0 0 0rem 1000px transparent inset; transition: background-color 5000s ease-in-out 0s; } .av-course-item-cont a{ color: #fff; } .av-course-item-cont h2 a { text-transform: uppercase; color: #fff; font-size: 1.125rem; font-weight: 500; padding: 0 1.25rem; } .avcoursesslider img { display: block; height: 21.875rem; width: 100%; object-fit: cover; } .editor_atto_content { word-break: break-word; } .progress-bar{ background-color: [[setting:brandcolor]];} footer#page-footer { text-align: center; display: block; width: 100%; background: #fff; float: left; clear: both; margin-bottom: 2.5rem; border-top: 0.06rem solid [[setting:maincolor]]; } body#page-login-index footer#page-footer { background: #eee; position: absolute; bottom: 0; margin: 0; } #page-wrapper { height: auto;} #page-footer .validators { display: none; } #page-footer .logininfo{margin: 1.25rem 0 0.625rem;} .homeWrap{ margin-top: -3.125rem } .contact-items-wrap { width: 100%; clear: both; text-align: center; padding:2.5rem 0 0; } .about-item a .text_to_html { font-size: 1.125rem; font-weight: 700; color: #464646; font-family: [[setting:headingfont]]; } #region-main{ border:0; } #adminsettings .form-control[size]{ width: 100%; } .region-main .form-inline .form-group { display: inline-block !important; /*boost*/ max-width: 100%; } .btn-outline-secondary.dropdown-toggle:focus { -webkit-box-shadow:none; box-shadow:none; } #page-header .p-2{padding: 1.25rem !important;} /*boost*/ #page-header .col-12.pt-3.pb-3{padding: 1.25rem 0 !important;} /*boost*/ .navbar .popover-region-container { top: 2.3rem; } .activity-navigation #next-activity-link { white-space: nowrap; } .block_navigation .block_tree .tree_item.branch, .block_settings .block_tree .tree_item.branch{ padding: 0 5%!important; } .block_navigation .block_tree .tree_item.branch:hover, .block_settings .block_tree .tree_item.branch:hover, p.tree_item.hasicon.tree_item.leaf:hover, p.tree_item.hasicon.active_tree_node.tree_item.leaf:hover{ background-color: #e84e3d14; } p.tree_item.active_tree_node.tree_item.branch, p.tree_item.hasicon.active_tree_node.tree_item.leaf { background: #e84e3d14; } p.tree_item.active_tree_node.tree_item.branch a, p.tree_item.hasicon.active_tree_node.tree_item.leaf a { /* color: #373a3c !important; */ } .block_settings .block_tree .tree_item.branch { margin-left: 0; padding-left: .75rem; } .block_settings .block_tree .tree_item.branch span{ color: [[setting:brandcolor]]; } .dropdown-menu.dropdown-menu-right.show { right: -1.063rem !important; left: inherit !important; transform: translate3d(0, 1.25rem, 0rem) !important; /*for dropdown*/ } .nav-pills .nav-link.active{ background-color: #e84c3d; } span.site-name.d-none.d-md-inline img { max-width: 100%; max-height: 3.125rem; } .form-control:focus { color: #495057; background-color: #fff; border-color:#ced4da; outline: 0; -webkit-box-shadow: none; box-shadow: none; } .btn{padding: .375rem .55rem;} .btn-primary:focus, .btn-primary.focus{ -webkit-box-shadow: none; box-shadow: none; } .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { -webkit-box-shadow:none; box-shadow:none; } div#category-listing { display: contents !important; } .btn-primary.disabled, .btn-primary:disabled { color: #fff; background-color: #e84c3d; border-color: #e84c3d; } table#emoticonsetting, #logstoreplugins, #courseenrolmentplugins, #plugins-control-panel { width: 100%; display: block !important; overflow-x: auto; } .custom-select:focus { border-color:#ced4da; outline: 0; -webkit-box-shadow:none; box-shadow:none; } input#id_query { margin-top: 0.875; } .card-body.p-3 { background: #e74c3c05; border: 0.06rem solid rgb(231 120 105 / 9%); border-radius: 0.25rem; margin: 1rem 0 0; } .contentWrap{ border-top: 0.06rem solid #000; margin-top: 0.5rem; } @media (min-width: 1200px){ .contentWrap{ display: flex; max-width: initial; margin: 0.5rem auto 0; width: 100%; border-top: 0.06rem solid #000; } .columnleft{ flex: 0 0 23% !important; max-width: 23% !important; } .columnright{ flex: 0 0 20% !important; max-width: 20% !important; } .page-content.blocks-pre.blocks-post .region-main{ flex: 0 0 57%; max-width: 57%; padding: 0; } .page-content.blocks-pre .region-main, #region-main-box.region-main{ flex: 0 0 57% !important; max-width: 57% !important; padding: 2.5rem 1rem; } #page-content.blocks-pre .region-main { flex: 0 0 80% !important; max-width: 77% !important; padding: 1rem; border: 0; } #page-content.blocks-pre.blocks-post .region-main { flex: 0 0 59% !important; max-width: 56% !important; padding: 0; border-right: 0.06rem solid #e74c3c; } .bx-controls-direction { position: relative; top: -19.375rem; } span.site-name.d-none.d-md-inline img { max-width: 7.813rem; max-height: 4.375rem; object-fit: contain; } .categories-item{width:25%;} #coursesearch{ margin-bottom:1.25rem;} #home-slide h3{ font-size: 1.375rem !important; } #home-slide h1{ font-size: 2.375rem !important; } #home-slide h2{ font-size: 1.875rem !important; } } @media (max-width:768px){ .container-fluid { padding-right: 0.938rem; padding-left: 0.938rem; } .h-large, .stay-connected .socialheading { font-size: 1.375rem; line-height: 2.063rem; } .about h3 { font-size: 1rem; } .socialheading:before{ left: -1.25rem; } .socialheading:after{ right: -1.25rem; } .about-item{ max-width: 100%; width: auto; margin:0 0.938rem 0.938rem; } h3.header-b{ display: none; } .top-slide-content{ display: none; } .categories-item{ width: 50%; } span.site-name.d-none.d-md-inline{ display: inline-block !important; } .navbar-bootswatch .navbar-brand { margin: 0.625rem 0rem; width: 5.625rem; } .blocks-pre:before{ width: auto; } .columnleft .card-title:before{ display: none; } .region-main { border-right: 0; } .columnleft { border-right: 0; } .columnright .card-title:before{ display: none; } .adminsearchform.form-inline .form-group{ margin-bottom: 0; } .card-body { border-top: 0.06rem solid #ebe9e9; } .dropdown-item{ white-space: normal; width: 18.75rem; } .mb-3{ margin-bottom: 0 !important; } .region-main { border-right: 0; overflow-x: scroll; } .btn{padding: .375rem .30rem;} h2, .h2, .path-calendar .maincalendar .calendar-controls .current { font-size: 1rem; } .path-calendar .maincalendar .calendarmonth td { height: auto; } span.arrow_text { float: none; text-align: left; } .page-content { width: 100%; margin: 0 auto; } .fixed-top .d-none { } .navbar-expand .navbar-nav { flex-direction: row; float: right; } .blocks-pre:before, .blocks-pre:after{ display: none; } .pagination-sm .page-link{ padding: .25rem .25rem;} .row{ display:block !important; } .homeWrap { margin-top: -3.125rem; } .maincalendar .btn.btn-secondary{ margin: 0.625rem 0; } .dashboard-card-deck.fixed-width-cards .dashboard-card { width: 100%; margin-top: 0.625rem; } .block_myoverview .dashboard-card-deck .dashboard-card, .block_recentlyaccesseditems .dashboard-card-deck .dashboard-card { width: 100%; } .navbar .popover-region .popover-region-container{ margin: 0 1.25rem; } .popover-region-toggle::after{ bottom: -0.563rem; } .popover-region-toggle::before{ bottom: -0.563rem; } .av-courses .bx-prev{ top: 40%; } .av-courses .bx-next{ top: 40%; } .categories .categories-item{ width: 100%; margin: 0.625rem 0;} .instructor-block-left{ width: 100%; } .instructor-block-right{ width: 100%; } .top-insturctors-section .bx-viewport{ height: auto; } .instructor-block-left img { width: 100%; height: 6.25rem; margin-bottom: 1.25rem; } #page-wrapper #page{ overflow: hidden; } .usermenu{ padding: 0.125rem 0.375rem;} } .courses .coursebox.even { background-color: rgba(0,0,0,.05); padding: 0.625rem; margin-bottom: 0.625rem; } .no-gutters>.col, .no-gutters>[class*=col-] { padding-right: 0; padding-left: 0; } .no-space{ padding: 0; } .carousel-inner { /* max-width: 1320px; */ margin: auto; } .carousel-inner img { width: 100%; height: 100%; object-fit: cover; } #carouselPlus .col-md-3{ padding: 0; border:0.06rem solid red; } .nospace .col-lg-3{ padding: 0; /*border: 1px solid red;*/ } .container-fluid.nospace{ padding: 0; } #home-slide{ height:100vh; width:100%; } #home-slide img{ height: 100vh; min-width: 100%; } #home-slide .carousel-caption{ bottom: 25%; } .no-padding{ padding: 0; } #home-slide h3{ margin-top: 3.125rem; margin-bottom: 3.125rem; position: relative; margin: 3.125rem auto; max-width: 48.125rem; } #home-slide h3:before { content: ""; display: block; position: absolute; width: 2rem; height: 0.313rem; left:0; top: -0.625rem; background: url([[pix:theme|img/line-left-dark]]) no-repeat center; } #home-slide h3:after { content: ""; display: block; position: absolute; width: 2rem; height: 0.313rem; right:0; bottom: -0.813rem; background: url([[pix:theme|img/line-right-dark]]) no-repeat center; } .header-small{ margin-top: 3.125rem; margin-bottom: 3.125rem; position: relative; margin: 1.563rem auto 3.125rem; max-width: 48.125rem; font-size: 1.375rem; font-family: [[setting:bodyfont]]; } .header-small:before { content: ""; display: block; position: absolute; width: 2rem; height: 0.313rem; left:0; top: -0.625rem; background: url([[pix:theme|img/line-left-light]])no-repeat center; } .header-small:after { content: ""; display: block; position: absolute; width: 2rem; height: 0.313rem; right:0; bottom: -0.813rem; background: url([[pix:theme|img/line-right-light]]) no-repeat center; } .homeSlide-maintext{ font-size: 1.625rem; line-height: 2rem; } .homeSlide-smalltext{ font-size: 3.25rem; line-height: 3.938rem; } #home-slide .carousel-item:before { position: absolute; left: 0; top: 0; content: ""; background: rgba(0,0,0,.6); width: 100%; height: 100%; } #home-slide .carousel-indicators li{ height: 0.625rem; width: 0.625rem; } #home-slide .carousel-indicators{ bottom: 3.125rem; } .btn-theme { background-color: [[setting:brandcolor]]; color: #fff; padding: 0.938rem 1.563rem; text-decoration: none; text-align: center; text-transform: uppercase; font-size: 0.938rem; font-weight: 400; margin-top: 1.25rem; display: inline-block; } .btn-theme:hover{ background: [[setting:maincolor]]; text-decoration: none; color: #fff; } .heading-large { font-size: 3.25rem; line-height: 3.938rem; text-transform: uppercase; padding-top:4.375rem; font-family: [[setting:headingfont]]; } /*==============describe usp==================*/ /*==============course==============*/ .course-grid{ position: relative; height: 21.875rem; width: 25%; } .course-grid:hover .mask { background: rgba(0,0,0,.64); width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .course-grid:hover .av-course-item-cont { display: block; position: absolute; bottom: 0.625rem; background: [[setting:brandcolor]]; width: 100%; padding: 0.625rem 1.25rem; z-index: 999; color: #fff; /*static*/ } .course-section .row{ margin: 0; } /**/ .course-section .col-3{ padding: 0; } .course-section .carousel-inner img{ height: 21.875rem; object-fit: cover; } .container-fluid.text-center.course-section{ padding: 0; position: relative; clear:both; } .instructor-block { background: #f9f7f7; padding: 1.25rem; margin: 0 0.625rem; } .instructor-block-left { width: 40%; float: left; } .instructor-block-right { width: 50%; float: right; } .instructor-block-left img { width: 13.75rem; height: 17.188rem; object-fit: cover; } .instroctor-name { font-size: 1.25rem; color: #333; font-weight: 500; text-align: left; } .instructor-desc { color: #6d727c; font-size: 0.875rem; margin-top: 1.25rem; text-align: left; } .instructor-desc p { display: -webkit-box; max-width: 12.5rem; -webkit-line-clamp: 6; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .social-network { padding: 0; } ul.social-network.social-circle li { list-style: none; float: left; margin-right: 0.625rem; margin-top: 0.625rem; border: 0.06rem solid [[setting:brandcolor]]; padding: 0.313rem 0.625rem; } :focus{ outline: none; box-shadow: 0; } /*==============course==============*/ .item-inner .title { font-size: 1rem; line-height: 1.5; margin-bottom: 0; font-weight: 500; text-align: left; } .categories-item .desc { display: -webkit-box; max-width: 12.5rem; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; text-align: left; font-family: [[setting:bodyfont]]; } .categories .categories-item { position: relative; float: left; text-align: left; width: 95%; margin: 0.625rem; } .item-inner { padding: 0.938rem; border: 0.06rem solid #ecebeb; min-height: 6.25rem; word-break: break-all; margin: 0 1.25rem; background: #f9f7f7; } .align-items-center { align-items: center !important; } .media { display: flex; align-items: flex-start; } .item-inner .icon-holder { width: 3.125rem; height: 3.125rem; background: url([[pix:theme|img/categoryImg]]) no-repeat center; float: left; margin-right: 0.938rem; } .media-body { flex: 1; } /*footer*/ .contact-items-wrap { width: 100%; clear: both; text-align: center; } .contact-item i { height: 3.125rem; overflow: hidden; display: block; margin: 0 0 0.5rem; font-size: 2.125rem; } .socialheading { font-size: 2.125rem; margin: 0 1.563rem; position: relative; display: inline-block; font-family: [[setting:headingfont]]; } .social-links { padding: 3.438rem 0 3.438rem; } .stay-connected a { display: inline-block; margin: 0 0.25rem 0.625rem; } .stay-connected i { color: #fff; /*static*/ background: [[setting:brandcolor]]; border-radius: 50%; display: inline-block; width: 2.813rem; height: 2.813rem; font-size: 1.563rem; padding: 0.625rem 0 0; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; } #page-footer .logininfo { margin: 1.25rem 0 0.625rem; } #page-footer .logininfo a { font-weight: 700; padding: 0 0.313rem; } .sitelink img { width: 7rem; } .stay-connected { text-align: center; padding: 3.75rem 0 0; } .socialheading:before { content: ""; display: block; position: absolute; width: 2rem; height: 0.313rem; left: -3.438rem; top: -0.625rem; background: url([[pix:theme|img/line-left-light]]) no-repeat center; } .socialheading:after { content: ""; display: block; position: absolute; width: 2rem; height: 0.313rem; right: -3.438rem; bottom: -0.813rem; background: url([[pix:theme|img/line-right-light]]) no-repeat center; } .mobile-app { text-align: center; display: block; margin-top: 0.313rem; margin-bottom: 3.125rem; } .carousel-control-prev-icon { background-image: url([[pix:theme|img/button-previous]]); text-align: left; position: absolute; left: -0.813rem; width: 0.813rem; height: 1.563rem; top: 50%; } .carousel-control-next-icon { background-image: url([[pix:theme|img/button-next]]); text-align: left; position: absolute; right: -1.75rem; width: 0.813rem; height: 1.563rem; top: 50%; } .course-section .carousel-control-next-icon { right: 0.75rem; top: 0.5rem; } .course-section .carousel-control-prev-icon { left: 0.75rem; top: 0.5rem; } #categoryCarousel .carousel-control-next-icon{ right: -0.813rem; top: 32%;} #categoryCarousel .carousel-control-prev-icon { left: -0.813rem; top: 32%;} .round-arrow { padding: 1.25rem; background: #fff; border-radius: 50%; position: absolute; left: 1.563rem; top: 65%; } .round-arrow-next{ padding: 1.25rem; background: #fff; border-radius: 50%; position: absolute; right: 1.563rem; top: 65%; } .carousel-control-prev, .carousel-control-next{ width: auto; } .social-network a{ color: [[setting:brandcolor]];} .carousel-inner .carousel-item.active, .carousel-inner .carousel-item-next, .carousel-inner .carousel-item-prev { display: flex; } hr.mb-5.pb-3{ display: none; } .course-section .heading-large, .top-faculti .heading-large{ padding: 4.375rem 0 4.375rem; } .divider { border-top: 0.06rem solid [[setting:maincolor]]; margin-top: 3.125rem; } @media (min-width:600px) and ( max-width:979px ){ .heading-large{ font-size: 2.375rem; } .about-items .col-md-3.col-sm-2.col-xs-12 { padding: 0 0.5rem; flex: 0 0 41%; max-width: 41%; margin: 0.625rem; display: inline-block; } .header-small{ max-width: 40.625rem; } .course-grid{ min-width: 50%; } .categories-item.item { min-width: 50%; } .instructor-block-left img{ height: auto; } ul.social-network.social-circle li{ margin-right: 0.313rem; width: 2.188rem; } .instructor-block-right{ padding: 0.938rem 0.625rem; } section.container.describe-usp { overflow: hidden; } .instructor-block-left img{width:6.25rem;} .instructor-block-right{width:60%;} .carousel-control-next-icon{right:0;} } @media only screen and (max-width: 600px) { .homeSlide-smalltext, .heading-large { font-size: 1.375rem; line-height: 1.875rem; } img.img-polaroid { width: 100%; } .well { border: 0.06rem solid #e8e6e6; border-radius: 0; margin-bottom: 1.875rem; padding: 1.25rem; } #home-slide .carousel-caption { bottom: 20%; } .header-b{ font-size: 0.938rem; } .header-small{ font-size: 1.063rem; margin-bottom: 1.25rem; max-width: 20rem; } .carousel-control-next-icon{ right: -0.625rem; } .carousel-control-prev-icon{ left: 0; } .instructor-block-right, .instructor-block-left { width: 100%; } .instroctor-name{ margin: 1.25rem 0 0; } .categories-item.item{ width: 18.75rem; } .course-grid{ min-width: 100%; } .categories-item.item{ min-width: 100%; } .about-item{ margin: 0 1.875rem 0.625rem; } .about-items .col-md-3.col-sm-2.col-xs-12{ padding: 0; } .row.about-items{ margin:0; } .our-category { padding: 0 1.25rem; } .container.text-center.top-faculti { padding: 0 1.25rem; } .instructor-block{ min-width: 100%; } .socialheading{ font-size: 1.375rem; } .contact-item i{ font-size: 1.5rem; height: 1.5rem; } .contact-item{ height: auto; padding: 1.563rem 0 0; } .stay-connected i{ width: 2.5rem; height: 2.5rem; font-size: 1.125rem; padding: 0.688rem 0 0; } .divider{ display:none;} div#categoryCarousel { margin: 3.125rem 0 0; } .loginnavbar input[type="text"], .loginnavbar input[type="password"]{ width: 100%; margin-bottom: 0.625rem; } #home-slide h1{ font-size: 1.5rem; } #home-slide h3{ font-size: 1rem; line-height: 1.375rem; } ul.navbar-nav.d-none.d-md-flex { display: none !IMPORTANT; } } .loginnavbar { background: rgba(0, 0, 0, .58); padding: 0.938rem 0; position: absolute; text-align: right; top: 3.188rem; width: 100%; z-index: 1; } .loginnavbar input { border-radius: 0; margin: 0; } .loginnavbar input[type="text"], .loginnavbar input[type="password"] { background: none; color: #bfbfbf; padding: 0.313rem; border: 0.06rem solid #616060; } .loginnavbar input[type="submit"] { padding: 0.375rem 0.938rem; box-shadow: none !important; margin: 0 !important; color:#FFF; } input[type="submit"]:hover{ background: [[setting:maincolor]]; } #page-login-forgot_password .columnleft,#page-login-forgot_password .columnright, #page-login-logout .columnleft, #page-login-logout .columnright { display: none; } #page-login-forgot_password div#region-main-box{ margin: 1.875rem auto 6.25rem; border: 0.06rem solid [[setting:maincolor]]; } #page-login-logout div#region-main-box{ margin: 1.875rem auto 6.25rem; border: 0; } #page-login-forgot_password #region-main{ overflow: hidden; } #page-login-forgot_password .mform fieldset{ margin-left: 0; } #page-login-forgot_password .mform fieldset:last-child{ border-bottom: 0; } #region-main-box.region-main{ padding: 0 1.25rem !important; } #page-login-index .card { border: 0.06rem solid [[setting:maincolor]]; border-radius: 0; margin-bottom: 6.25rem; } #page-login-index .forgetpass p a{ font-size: 0.688rem; } #guestlogin .btn{ background-color:[[setting:maincolor]]; color: #fff; } #region-main { overflow-x: inherit;} .columnright .block_myprofile .myprofileitem.fullname{ font-size: 1rem; } .columnright .block_myprofile .myprofileitem span{ font-size: 0.75rem; } .navbar { min-height: 3.125rem !important; max-height: 4.375rem; padding-top: 0; padding-bottom: 0; } /*div{ border:1px solid red; }*/ input[type="text"], input[type="url"], textarea, input[type="submit"], input.srch-fld, select, input[type="file"]{ font-family: [[setting:bodyfont]]; font-size: [[setting:fontsize]]px ; } h1, h2, h3, h4, h5, h6, p, a{ font-family: [[setting:bodyfont]] !important; font-size: [[setting:fontsize]]px !important; } .btn{ font-family: [[setting:bodyfont]]; font-size: [[setting:fontsize]]px ; } .custom-select{ font-family: [[setting:bodyfont]]; font-size: [[setting:fontsize]]px ; max-width: 100%; } body{ font-family: [[setting:bodyfont]]; font-size: [[setting:fontsize]]px ; } div#topofscroll { max-width: 100% !important; } .moodle-dialogue-base .closebutton::after{ font-family: [[setting:bodyfont]]; font-size: [[setting:fontsize]]px ; } /* new css added here */ li.nav-item { display: flex; } #page-admin-plugins #plugins-control-panel .version .versionnumber, #page-admin-plugins #plugins-control-panel .notes .requiredby, #page-admin-plugins #plugins-control-panel .pluginname .componentname { font-size: 1rem; color: #868e96; } .navbar.fixed-top { display: flex; align-items: center; } .custom-switch .custom-control-label::before { top: 0.15rem; } .custom-switch .custom-control-label::after { top: calc(-0.3875rem + 0.625rem); } @media only screen and (min-width: 769px) { .dropdown-menu.show { left: -22%!important; transform: translate(-50%, 35%) !important; } ul#select-menu63ca7d8ae4cda108-listbox { } .tertiary-navigation.full-width-bottom-border { margin-left: -0.5rem; margin-right: -0.5rem; width: 100%; } .tertiary-navigation .navitem, .tertiary-navigation .navitem-divider{ margin-bottom: 0.5rem; } .dropdown.select-menu .dropdown-menu.show{ transform: translate3d(0, 1.5rem, 0) !important; } .pagelayout-login #region-main { width: 25%; margin: auto; } .pagelayout-login #page{ background: none; } .d-print-block { display: block !important; } .tertiary-navigation .row{ margin: 0; } } .editmode-switch-form label{ color: #f9f8fb !important; } .custom-control-input:checked~.custom-control-label::before { color: #fdedec; border-color: #fdedec; background-color: #fdedec; } .custom-switch .custom-control-input:checked~.custom-control-label::after { background-color: #e74c3c; transform: translateX(0.75rem); } .custom-switch .custom-control-label::after { top: calc(-0.3875rem + 0.635rem); } ================================================ FILE: templates/columns.mustache ================================================ {{! This file is part of Moodle - http://moodle.org/ Moodle is free software: you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version. Moodle is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details. You should have received a copy of the GNU General Public License along with Moodle. If not, see < http://www.gnu.org/licenses/ >. }} {{! @template theme_roshnilite/columns Admin time setting template. Roshnilite 1-3 column layout template. Context variables required for this template: * sitename - The name of the site * output - The core renderer for the page * bodyattributes - attributes for the body tag as a string of html attributes * sidepreblocks - HTML for the blocks * hasblocks - true if there are blocks on this page * regionmainsettingsmenu - HTML for the region main settings menu * hasregionmainsettingsmenu - There is a region main settings menu on this page. Example context (json): { "sitename": "Moodle", "output": { "doctype": "", "page_title": "Test page", "favicon": "favicon.ico", "main_content": "

Headings make html validators happier

" }, "bodyattributes":"", "sidepreblocks": "

Blocks html goes here

", "sidepostblocks": "

Blocks html goes here

", "haspreblocks":true, "haspostblocks":true } }} {{> theme_roshnilite/head }}
{{{ output.standard_top_of_body_html }}} {{>theme_roshnilite/navbar}}
{{{ output.full_header }}}
{{{ sidepreblocks }}}
{{#hasregionmainsettingsmenu}}
{{{ output.region_main_settings_menu }}}
{{/hasregionmainsettingsmenu}}
{{#hasregionmainsettingsmenu}}
{{/hasregionmainsettingsmenu}} {{{ output.course_content_header }}} {{{ output.main_content }}} {{{ output.activity_navigation }}} {{{ output.course_content_footer }}}
{{{ sidepostblocks }}}
{{{ version18 }}} {{> theme_roshnilite/footer }}
{{#js}} M.util.js_pending('theme_boost/loader'); require(['theme_boost/loader'], function() { M.util.js_complete('theme_boost/loader'); }); {{/js}} ================================================ FILE: templates/contentonly.mustache ================================================ {{! This file is part of Moodle - http://moodle.org/ Moodle is free software: you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version. Moodle is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details. You should have received a copy of the GNU General Public License along with Moodle. If not, see . }} {{! @template theme_roshnilite/contentonly Roshnilite 1 column layout template. Context variables required for this template: * sitename - The name of the site * output - The core renderer for the page * bodyattributes - attributes for the body tag as a string of html attributes Example context (json): { "sitename": "Moodle", "output": { "doctype": "", "page_title": "Test page", "favicon": "favicon.ico", "main_content": "

Headings make html validators happier

" }, "bodyattributes":"" } }} {{> theme_roshnilite/head }}
{{{ output.standard_top_of_body_html }}}
{{{ output.course_content_header }}} {{{ output.main_content }}} {{{ output.activity_navigation }}} {{{ output.course_content_footer }}}
{{{ output.standard_end_of_body_html }}} ================================================ FILE: templates/footer.mustache ================================================
{{{ output.login_info }}}
{{{ output.home_link }}} {{{ output.standard_footer_html }}} {{{ output.debug_footer_html }}} {{{ output.standard_end_of_body_html }}}
================================================ FILE: templates/frontpage.mustache ================================================ {{! This file is part of Moodle - http://moodle.org/ Moodle is free software: you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version. Moodle is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details. You should have received a copy of the GNU General Public License along with Moodle. If not, see < http://www.gnu.org/licenses/ >. }} {{! @template theme_roshnilite/columns Admin time setting template. Roshnilite 1-3 column layout template. Context variables required for this template: * sitename - The name of the site * output - The core renderer for the page * bodyattributes - attributes for the body tag as a string of html attributes * sidepreblocks - HTML for the blocks * hasblocks - true if there are blocks on this page * regionmainsettingsmenu - HTML for the region main settings menu * hasregionmainsettingsmenu - There is a region main settings menu on this page. Example context (json): { "sitename": "Moodle", "output": { "doctype": "", "page_title": "Test page", "favicon": "favicon.ico", "main_content": "

Headings make html validators happier

" }, "bodyattributes":"", "sidepreblocks": "

Blocks html goes here

", "sidepostblocks": "

Blocks html goes here

", "haspreblocks":true, "haspostblocks":true } }} {{> theme_roshnilite/head }}
{{{ output.standard_top_of_body_html }}} {{>theme_roshnilite/frontpagenavbar}} {{{ sliderdetails }}}
{{{ aboutsiteheading }}}
{{{ aboutsitesubheading }}}
{{ #aboutsitename1 }}
aboutsiteurl1
{{{ aboutsitename1 }}}
{{{ aboutsitetext1 }}}
{{ /aboutsitename1 }} {{ #aboutsitename2 }}
aboutsiteurl2
{{{ aboutsitename2 }}}
{{{ aboutsitetext2 }}}
{{ /aboutsitename2 }} {{ #aboutsitename3 }}
aboutsiteurl3
{{{ aboutsitename3 }}}
{{{ aboutsitetext3 }}}
{{ /aboutsitename3 }} {{ #aboutsitename4 }}
aboutsiteurl4
{{{ aboutsitename4 }}}
{{{ aboutsitetext4 }}}
{{ /aboutsitename4 }}
{{{ coursedetail }}} {{{ allcourse }}} {{{ categorydetails }}} {{{ facultydetails }}}
{{{ addressfontawesomeicon }}} {{{ address }}}
{{{ emailfontawesomeicon }}} {{{ email }}}
{{{ phonefontawesomeicon }}} {{{ phone }}}
{{{ socialheading }}}
{{{ maincontent }}} {{{ version18 }}}
{{> theme_roshnilite/frontpagefooter }} {{#js}} require(['theme_boost/loader'], function() { require(['jquery', 'core/log'], function($, log) { $(document).ready(function(){ $('#courseCarousel').carousel({ interval :5000 }); $('#categoryCarousel').carousel({ interval :8000 }) $('#facultyCarousel').carousel({ interval :5000 }) $('.carouselMultiple .carousel-item').each(function(){ var next = $(this).next(); if (!next.length) { next = $(this).siblings(':first'); } next.children(':first-child').clone().appendTo($(this)); for (var i=0;i<2;i++) { next=next.next(); if (!next.length) { next = $(this).siblings(':first'); } next.children(':first-child').clone().appendTo($(this)); } }); }); }); }); {{/js}} ================================================ FILE: templates/frontpagefooter.mustache ================================================
{{{ output.login_info }}}
{{{ output.home_link }}} {{{ output.standard_footer_html }}} {{{ output.debug_footer_html }}}
================================================ FILE: templates/frontpagenavbar.mustache ================================================ {{{ login }}} ================================================ FILE: templates/head.mustache ================================================ {{{ output.doctype }}} {{{ output.page_title }}} {{{ output.standard_head_html }}} ================================================ FILE: templates/login.mustache ================================================ {{> theme_roshnilite/head }} {{> core/local/toast/wrapper}}
{{{ output.standard_top_of_body_html }}}
{{{ output.course_content_header }}} {{{ output.main_content }}} {{{ output.course_content_footer }}}
{{# output.page_doc_link }}

{{{ output.page_doc_link }}}

{{/ output.page_doc_link }} {{{ output.login_info }}} {{{ output.home_link }}} {{{ output.standard_footer_html }}} {{{ output.standard_end_of_body_html }}}
================================================ FILE: templates/maintenance.mustache ================================================ {{! This file is part of Moodle - http://moodle.org/ Moodle is free software: you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version. Moodle is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details. You should have received a copy of the GNU General Public License along with Moodle. If not, see . }} {{! @template theme_roshnilite/maintenance Roshnilite maintenance layout template. Context variables required for this template: * output - The core renderer for the page Example context (json): { "output": { "doctype": "", "page_title": "Test page", "favicon": "favicon.ico", "main_content": "

Headings make html validators happier

" } } }} {{> theme_roshnilite/head }}
{{{ output.standard_top_of_body_html }}}
{{{ output.page_heading }}}
{{{ output.main_content }}}
{{{ output.standard_footer_html }}} {{{ output.standard_end_of_body_html }}}
================================================ FILE: templates/navbar-secure.mustache ================================================ {{! This file is part of Moodle - http://moodle.org/ Moodle is free software: you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version. Moodle is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details. You should have received a copy of the GNU General Public License along with Moodle. If not, see . }} {{! @template theme_roshnilite/navbar-secure This template renders the top navbar. Example context (json): { "output": { "should_display_navbar_logo": "true", "get_compact_logo_url": "http://example.com/image.png" }, "sitename": "Moodle Site", "secure_login_info": "Logged in as test user" } }} ================================================ FILE: templates/navbar.mustache ================================================ {{! This file is part of Moodle - http://moodle.org/ Moodle is free software: you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version. Moodle is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details. You should have received a copy of the GNU General Public License along with Moodle. If not, see . }} {{! @template theme_roshnilite/navbar This template renders the top navbar. Example context (json): { "output": { "should_display_navbar_logo": true, "get_compact_logo_url": "http://example.com/image.png", "custom_menu": "
  • ..
    • ", "page_heading_menu": "
  • ..
    • ", "search_box": "
    ", "navbar_plugin_output": "
    Messaging
    ", "user_menu": "
    John Doe
    " }, "config": { "wwwroot": "#" }, "sitename": "Moodle Site" } }} ================================================ FILE: templates/secure.mustache ================================================ {{! This file is part of Moodle - http://moodle.org/ Moodle is free software: you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version. Moodle is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details. You should have received a copy of the GNU General Public License along with Moodle. If not, see . }} {{! @template theme_roshnilite/secure Roshnilite secure layout template. Context variables required for this template: * sitename - The name of the site * output - The core renderer for the page * bodyattributes - Attributes for the body tag as a string of html attributes * sidepreblocks - HTML for the pre blocks * sidepostblocks - HTML for the post blocks * haspreblocks - true if there are pre blocks on this page * haspostblocks - true if there are post blocks on this page * bodyattributes - attributes for the body tag as a string of html attributes Example context (json): { "sitename": "Moodle", "output": { "doctype": "", "page_title": "Test page", "favicon": "favicon.ico", "main_content": "

    Headings make html validators happier

    " }, "bodyattributes":"", "sidepreblocks": "

    Pre blocks html goes here

    ", "sidepostblocks": "

    Post blocks html goes here

    ", "haspreblocks":true, "haspostblocks":true, "bodyattributes": "" } }} {{> theme_roshnilite/head }}
    {{{ output.standard_top_of_body_html }}} {{>theme_roshnilite/navbar-secure}}
    {{! Secured full header }}
    {{{ output.page_heading }}}
    {{{ output.course_content_header }}} {{{ output.main_content }}} {{{ output.course_content_footer }}}
    {{{ sidepreblocks }}}
    {{{ sidepostblocks }}}
    {{{ output.standard_end_of_body_html }}}
    ================================================ FILE: version.php ================================================ . /** * Roshnilite theme. * * @package theme_roshnilite * @author DualCube * @copyright DualCube (https://dualcube.com) * @license http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later */ // This line protects the file from being accessed by a URL directly. defined('MOODLE_INTERNAL') || die(); $plugin->version = 2023111600; $plugin->requires = 2022041900; // Moodle 4.0. $plugin->component = 'theme_roshnilite'; $plugin->dependencies = ['theme_boost' => 2022041900]; $plugin->maturity = MATURITY_STABLE; $plugin->release = '3.5.3 (Build: 2023111600)';