Initial commit
This commit is contained in:
commit
a0c911299f
|
|
@ -0,0 +1,15 @@
|
||||||
|
# fyrkat theme for SimpleSamlPhp
|
||||||
|
|
||||||
|
Clone this repo to your modules directory
|
||||||
|
|
||||||
|
git clone https://github.com/fyrkat/ssp-theme.git themefyrkat
|
||||||
|
|
||||||
|
Make the following changes in your SSP setup:
|
||||||
|
|
||||||
|
## config/config.php
|
||||||
|
|
||||||
|
'module.enable' => [
|
||||||
|
'themefyrkat' => TRUE,
|
||||||
|
],
|
||||||
|
|
||||||
|
'theme.use' => 'themefyrkat:fyrkat',
|
||||||
|
|
@ -0,0 +1,3 @@
|
||||||
|
This file indicates that the default state of this module
|
||||||
|
is disabled. To enable, create a file named enable in the
|
||||||
|
same directory as this file.
|
||||||
|
|
@ -0,0 +1,189 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<title><?php echo $this->t('{login:user_pass_header}'); ?></title>
|
||||||
|
<link rel="stylesheet" href="<?php echo SimpleSAML_Module::getModuleURL('themefyrkat/normalize.css'); ?>" type="text/css">
|
||||||
|
<link rel="stylesheet" href="<?php echo SimpleSAML_Module::getModuleURL('themefyrkat/fyrkat.css'); ?>" type="text/css">
|
||||||
|
<link rel="stylesheet" href="<?php echo SimpleSAML_Module::getModuleURL('themefyrkat/auth.css'); ?>" type="text/css">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
|
||||||
|
<?php
|
||||||
|
$this->data['header'] = $this->t('{login:user_pass_header}');
|
||||||
|
|
||||||
|
if (strlen($this->data['username']) > 0) {
|
||||||
|
$this->data['autofocus'] = 'password';
|
||||||
|
} else {
|
||||||
|
$this->data['autofocus'] = 'username';
|
||||||
|
}
|
||||||
|
|
||||||
|
?>
|
||||||
|
|
||||||
|
<form action="?" method="post" id="loginform">
|
||||||
|
<h1><?php echo (isset($this->data['header']) ? $this->data['header'] : 'SimpleSAMLphp'); ?></h1>
|
||||||
|
|
||||||
|
<div class="inputstack">
|
||||||
|
<p><input id="username"<?php echo ($this->data['forceUsername']) ? ' disabled="disabled"' : ''; ?> type="text" name="username" placeholder="<?php echo $this->t('{login:username}'); ?>" required
|
||||||
|
<?php if (!$this->data['forceUsername']) {
|
||||||
|
echo 'tabindex="1"';
|
||||||
|
if (!$this->data['username']) {
|
||||||
|
echo ' autofocus';
|
||||||
|
}
|
||||||
|
} ?> value="<?php echo htmlspecialchars($this->data['username']); ?>" onkeyup="setSubmit()">
|
||||||
|
<p><input id="password" type="password" tabindex="2" name="password" placeholder="<?php echo $this->t('{login:password}'); ?>" required
|
||||||
|
<?php if ($this->data['username']) {
|
||||||
|
echo ' autofocus';
|
||||||
|
} ?> onkeyup="setSubmit()">
|
||||||
|
</div>
|
||||||
|
<?php
|
||||||
|
if ($this->data['rememberMeEnabled']) {
|
||||||
|
// display the remember me checkbox (keep me logged in)
|
||||||
|
?>
|
||||||
|
<p><input type="checkbox" id="remember_me" tabindex="5"
|
||||||
|
<?php echo ($this->data['rememberMeChecked']) ? 'checked="checked"' : ''; ?>
|
||||||
|
name="remember_me" value="Yes"/>
|
||||||
|
<small><?php echo $this->t('{login:remember_me}'); ?></small>
|
||||||
|
<?php
|
||||||
|
}
|
||||||
|
?>
|
||||||
|
<?php
|
||||||
|
if ($this->data['rememberUsernameEnabled'] && !$this->data['forceUsername']) {
|
||||||
|
// display the "remember my username" checkbox
|
||||||
|
?>
|
||||||
|
<p><input type="checkbox" id="remember_username" tabindex="4"
|
||||||
|
<?php echo ($this->data['rememberUsernameChecked']) ? 'checked="checked"' : ''; ?>
|
||||||
|
name="remember_username" value="Yes"/>
|
||||||
|
<small><?php echo $this->t('{login:remember_username}'); ?></small>
|
||||||
|
<?php
|
||||||
|
}
|
||||||
|
?>
|
||||||
|
<?php
|
||||||
|
if (array_key_exists('organizations', $this->data)) {
|
||||||
|
?>
|
||||||
|
<p><label for="organization"><?php echo $this->t('{login:organization}'); ?></label></p>
|
||||||
|
<p><select name="organization" tabindex="3">
|
||||||
|
<?php
|
||||||
|
if (array_key_exists('selectedOrg', $this->data)) {
|
||||||
|
$selectedOrg = $this->data['selectedOrg'];
|
||||||
|
} else {
|
||||||
|
$selectedOrg = null;
|
||||||
|
}
|
||||||
|
|
||||||
|
foreach ($this->data['organizations'] as $orgId => $orgDesc) {
|
||||||
|
if (is_array($orgDesc)) {
|
||||||
|
$orgDesc = $this->t($orgDesc);
|
||||||
|
}
|
||||||
|
|
||||||
|
if ($orgId === $selectedOrg) {
|
||||||
|
$selected = 'selected="selected" ';
|
||||||
|
} else {
|
||||||
|
$selected = '';
|
||||||
|
}
|
||||||
|
|
||||||
|
echo '<option '.$selected.'value="'.htmlspecialchars($orgId).'">'.htmlspecialchars($orgDesc).'</option>';
|
||||||
|
}
|
||||||
|
?>
|
||||||
|
</select></p>
|
||||||
|
<?php
|
||||||
|
}
|
||||||
|
?>
|
||||||
|
<?php
|
||||||
|
if ($this->data['errorcode'] !== null) {
|
||||||
|
?>
|
||||||
|
<p class="error"><?php
|
||||||
|
echo htmlspecialchars($this->t(
|
||||||
|
'{errors:title_'.$this->data['errorcode'].'}',
|
||||||
|
$this->data['errorparams']
|
||||||
|
)); ?></p>
|
||||||
|
<?php
|
||||||
|
}
|
||||||
|
|
||||||
|
?>
|
||||||
|
|
||||||
|
<p><input id="submit" type="submit" value="<?php echo $this->t('{login:login_button}'); ?>" tabindex="6">
|
||||||
|
<?php
|
||||||
|
foreach ($this->data['stateparams'] as $name => $value) {
|
||||||
|
echo('<input type="hidden" name="'.htmlspecialchars($name).'" value="'.htmlspecialchars($value).'" />');
|
||||||
|
}
|
||||||
|
?>
|
||||||
|
</form>
|
||||||
|
|
||||||
|
<?php
|
||||||
|
if (!empty($this->data['links'])) {
|
||||||
|
echo '<ul style="margin-top: 2em">';
|
||||||
|
foreach ($this->data['links'] as $l) {
|
||||||
|
echo '<li><a href="'.htmlspecialchars($l['href']).'">'.htmlspecialchars($this->t($l['text'])).'</a></li>';
|
||||||
|
}
|
||||||
|
echo '</ul>';
|
||||||
|
}
|
||||||
|
?>
|
||||||
|
<script src="<?php echo SimpleSAML_Module::getModuleURL('themefyrkat/scripts.js'); ?>" async></script>
|
||||||
|
<?php return;
|
||||||
|
|
||||||
|
$includeLanguageBar = TRUE;
|
||||||
|
if (!empty($_POST))
|
||||||
|
$includeLanguageBar = FALSE;
|
||||||
|
if (isset($this->data['hideLanguageBar']) && $this->data['hideLanguageBar'] === TRUE)
|
||||||
|
$includeLanguageBar = FALSE;
|
||||||
|
|
||||||
|
if ($includeLanguageBar) {
|
||||||
|
|
||||||
|
$languages = $this->getLanguageList();
|
||||||
|
if ( count($languages) > 1 ) {
|
||||||
|
echo '<ul id="languagebar">';
|
||||||
|
$langnames = array(
|
||||||
|
'no' => 'Bokmål', // Norwegian Bokmål
|
||||||
|
'nn' => 'Nynorsk', // Norwegian Nynorsk
|
||||||
|
'se' => 'Sámegiella', // Northern Sami
|
||||||
|
'sam' => 'Åarjelh-saemien giele', // Southern Sami
|
||||||
|
'da' => 'Dansk', // Danish
|
||||||
|
'en' => 'English',
|
||||||
|
'de' => 'Deutsch', // German
|
||||||
|
'sv' => 'Svenska', // Swedish
|
||||||
|
'fi' => 'Suomeksi', // Finnish
|
||||||
|
'es' => 'Español', // Spanish
|
||||||
|
'fr' => 'Français', // French
|
||||||
|
'it' => 'Italiano', // Italian
|
||||||
|
'nl' => 'Nederlands', // Dutch
|
||||||
|
'lb' => 'Lëtzebuergesch', // Luxembourgish
|
||||||
|
'cs' => 'Čeština', // Czech
|
||||||
|
'sl' => 'Slovenščina', // Slovensk
|
||||||
|
'lt' => 'Lietuvių kalba', // Lithuanian
|
||||||
|
'hr' => 'Hrvatski', // Croatian
|
||||||
|
'hu' => 'Magyar', // Hungarian
|
||||||
|
'pl' => 'Język polski', // Polish
|
||||||
|
'pt' => 'Português', // Portuguese
|
||||||
|
'pt-br' => 'Português brasileiro', // Portuguese
|
||||||
|
'ru' => 'русский язык', // Russian
|
||||||
|
'et' => 'eesti keel', // Estonian
|
||||||
|
'tr' => 'Türkçe', // Turkish
|
||||||
|
'el' => 'ελληνικά', // Greek
|
||||||
|
'ja' => '日本語', // Japanese
|
||||||
|
'zh' => '简体中文', // Chinese (simplified)
|
||||||
|
'zh-tw' => '繁體中文', // Chinese (traditional)
|
||||||
|
'ar' => 'العربية', // Arabic
|
||||||
|
'fa' => 'پارسی', // Persian
|
||||||
|
'ur' => 'اردو', // Urdu
|
||||||
|
'he' => 'עִבְרִית', // Hebrew
|
||||||
|
'id' => 'Bahasa Indonesia', // Indonesian
|
||||||
|
'sr' => 'Srpski', // Serbian
|
||||||
|
'lv' => 'Latviešu', // Latvian
|
||||||
|
'ro' => 'Românește', // Romanian
|
||||||
|
'eu' => 'Euskara', // Basque
|
||||||
|
);
|
||||||
|
|
||||||
|
$textarray = array();
|
||||||
|
foreach ($languages AS $lang => $current) {
|
||||||
|
$lang = strtolower($lang);
|
||||||
|
if ($current) {
|
||||||
|
$textarray[] = '<li>' . $langnames[$lang];
|
||||||
|
} else {
|
||||||
|
$textarray[] = '<li><a href="' . htmlspecialchars(\SimpleSAML\Utils\HTTP::addURLParameters(\SimpleSAML\Utils\HTTP::getSelfURL(), array($this->languageParameterName => $lang))) . '">' .
|
||||||
|
$langnames[$lang] . '</a>';
|
||||||
|
}
|
||||||
|
}
|
||||||
|
echo join("\n", $textarray);
|
||||||
|
echo '</ul>';
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
?>
|
||||||
|
|
@ -0,0 +1,78 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<title><?php echo $this->t($this->data['dictTitle']); ?></title>
|
||||||
|
<link rel="stylesheet" href="<?php echo SimpleSAML_Module::getModuleURL('themefyrkat/fyrkat.css'); ?>" type="text/css">
|
||||||
|
<?php
|
||||||
|
$this->data['header'] = $this->t($this->data['dictTitle']);
|
||||||
|
|
||||||
|
$this->data['head'] = <<<EOF
|
||||||
|
<meta name="robots" content="noindex, nofollow" />
|
||||||
|
<meta name="googlebot" content="noarchive, nofollow" />
|
||||||
|
EOF;
|
||||||
|
|
||||||
|
?>
|
||||||
|
<h1><?php echo $this->t($this->data['dictTitle']); ?></h1>
|
||||||
|
<div class="maintext">
|
||||||
|
<?php
|
||||||
|
echo htmlspecialchars($this->t($this->data['dictDescr'], $this->data['parameters']));
|
||||||
|
|
||||||
|
// include optional information for error
|
||||||
|
if (isset($this->data['includeTemplate'])) {
|
||||||
|
$this->includeAtTemplateBase($this->data['includeTemplate']);
|
||||||
|
}
|
||||||
|
?>
|
||||||
|
</div>
|
||||||
|
<div class="trackidtext">
|
||||||
|
<p><?php echo $this->t('report_trackid'); ?></p>
|
||||||
|
<div class="input-group" style="width: 1em;">
|
||||||
|
<pre id="trackid" class="input-left"><?php echo $this->data['error']['trackId']; ?></pre>
|
||||||
|
<button data-clipboard-target="#trackid" id="btntrackid" class="btnaddonright">
|
||||||
|
<img src="/<?php echo $this->data['baseurlpath'].'resources/icons/clipboard.svg'; ?>"
|
||||||
|
alt="Copy to clipboard">
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<?php
|
||||||
|
// print out exception only if the exception is available
|
||||||
|
if ($this->data['showerrors']) {
|
||||||
|
?>
|
||||||
|
<h2><?php echo $this->t('debuginfo_header'); ?></h2>
|
||||||
|
<p><?php echo $this->t('debuginfo_text'); ?></p>
|
||||||
|
|
||||||
|
<div style="border: 1px solid #eee; padding: 1em; font-size: x-small">
|
||||||
|
<p style="margin: 1px"><?php echo htmlspecialchars($this->data['error']['exceptionMsg']); ?></p>
|
||||||
|
<pre style="padding: 1em; font-family: monospace;"><?php
|
||||||
|
echo htmlspecialchars($this->data['error']['exceptionTrace']); ?></pre>
|
||||||
|
</div>
|
||||||
|
<?php
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Add error report submit section if we have a valid technical contact. 'errorreportaddress' will only be set if
|
||||||
|
* the technical contact email address has been set.
|
||||||
|
*/
|
||||||
|
if (isset($this->data['errorReportAddress'])) {
|
||||||
|
?>
|
||||||
|
<h2><?php echo $this->t('report_header'); ?></h2>
|
||||||
|
<form action="<?php echo htmlspecialchars($this->data['errorReportAddress']); ?>" method="post">
|
||||||
|
<p><?php echo $this->t('report_text'); ?></p>
|
||||||
|
<p><?php echo $this->t('report_email'); ?>
|
||||||
|
<input type="text" size="25" name="email" value="<?php echo htmlspecialchars($this->data['email']); ?>" />
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<textarea class="metadatabox" name="text" rows="6" style="width: 100%; padding: 0.5em;"><?php
|
||||||
|
echo $this->t('report_explain'); ?></textarea>
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<input type="hidden" name="reportId" value="<?php echo $this->data['error']['reportId']; ?>"/>
|
||||||
|
<button type="submit" name="send" class="btn"><?php echo $this->t('report_submit'); ?></button>
|
||||||
|
</p>
|
||||||
|
</form>
|
||||||
|
<?php
|
||||||
|
}
|
||||||
|
?>
|
||||||
|
<h2 style="clear: both"><?php echo $this->t('howto_header'); ?></h2>
|
||||||
|
<p><?php echo $this->t('howto_text'); ?></p>
|
||||||
|
<script type="text/javascript">
|
||||||
|
var clipboard = new Clipboard('#btntrackid');
|
||||||
|
</script>
|
||||||
|
<?php
|
||||||
|
$this->includeAtTemplateBase('includes/footer.php');
|
||||||
|
|
@ -0,0 +1,11 @@
|
||||||
|
<?php
|
||||||
|
if(!empty($this->data['htmlinject']['htmlContentPost'])) {
|
||||||
|
foreach($this->data['htmlinject']['htmlContentPost'] AS $c) {
|
||||||
|
echo $c;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
?>
|
||||||
|
</main>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
@ -0,0 +1,189 @@
|
||||||
|
<?php
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Support the htmlinject hook, which allows modules to change header, pre and post body on all pages.
|
||||||
|
*/
|
||||||
|
$this->data['htmlinject'] = array(
|
||||||
|
'htmlContentPre' => array(),
|
||||||
|
'htmlContentPost' => array(),
|
||||||
|
'htmlContentHead' => array(),
|
||||||
|
);
|
||||||
|
|
||||||
|
|
||||||
|
$jquery = array();
|
||||||
|
if (array_key_exists('jquery', $this->data)) $jquery = $this->data['jquery'];
|
||||||
|
|
||||||
|
if (array_key_exists('pageid', $this->data)) {
|
||||||
|
$hookinfo = array(
|
||||||
|
'pre' => &$this->data['htmlinject']['htmlContentPre'],
|
||||||
|
'post' => &$this->data['htmlinject']['htmlContentPost'],
|
||||||
|
'head' => &$this->data['htmlinject']['htmlContentHead'],
|
||||||
|
'jquery' => &$jquery,
|
||||||
|
'page' => $this->data['pageid']
|
||||||
|
);
|
||||||
|
|
||||||
|
SimpleSAML_Module::callHooks('htmlinject', $hookinfo);
|
||||||
|
}
|
||||||
|
?><!DOCTYPE html>
|
||||||
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||||
|
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0" />
|
||||||
|
<script type="text/javascript" src="/<?php echo $this->data['baseurlpath']; ?>resources/script.js"></script>
|
||||||
|
<title><?php
|
||||||
|
if(array_key_exists('header', $this->data)) {
|
||||||
|
echo $this->data['header'];
|
||||||
|
} else {
|
||||||
|
echo 'SimpleSAMLphp';
|
||||||
|
}
|
||||||
|
?></title>
|
||||||
|
|
||||||
|
<!-- <link rel="stylesheet" type="text/css" href="/<?php echo $this->data['baseurlpath']; ?>resources/default.css" /> -->
|
||||||
|
<link rel="icon" type="image/icon" href="/<?php echo $this->data['baseurlpath']; ?>resources/icons/favicon.ico" />
|
||||||
|
|
||||||
|
<?php
|
||||||
|
|
||||||
|
if(!empty($jquery)) {
|
||||||
|
$version = '1.8';
|
||||||
|
if (array_key_exists('version', $jquery))
|
||||||
|
$version = $jquery['version'];
|
||||||
|
|
||||||
|
if ($version == '1.8') {
|
||||||
|
if (isset($jquery['core']) && $jquery['core'])
|
||||||
|
echo('<script type="text/javascript" src="/' . $this->data['baseurlpath'] . 'resources/jquery-1.8.js"></script>' . "\n");
|
||||||
|
|
||||||
|
if (isset($jquery['ui']) && $jquery['ui'])
|
||||||
|
echo('<script type="text/javascript" src="/' . $this->data['baseurlpath'] . 'resources/jquery-ui-1.8.js"></script>' . "\n");
|
||||||
|
|
||||||
|
if (isset($jquery['css']) && $jquery['css'])
|
||||||
|
echo('<link rel="stylesheet" media="screen" type="text/css" href="/' . $this->data['baseurlpath'] .
|
||||||
|
'resources/uitheme1.8/jquery-ui.css" />' . "\n");
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
if (isset($this->data['clipboard.js'])) {
|
||||||
|
echo '<script type="text/javascript" src="/'. $this->data['baseurlpath'] .
|
||||||
|
'resources/clipboard.min.js"></script>'."\n";
|
||||||
|
}
|
||||||
|
|
||||||
|
if(!empty($this->data['htmlinject']['htmlContentHead'])) {
|
||||||
|
foreach($this->data['htmlinject']['htmlContentHead'] AS $c) {
|
||||||
|
echo $c;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
?>
|
||||||
|
|
||||||
|
|
||||||
|
<meta name="robots" content="noindex, nofollow" />
|
||||||
|
|
||||||
|
|
||||||
|
<?php
|
||||||
|
if(array_key_exists('head', $this->data)) {
|
||||||
|
echo '<!-- head -->' . $this->data['head'] . '<!-- /head -->';
|
||||||
|
}
|
||||||
|
?>
|
||||||
|
</head>
|
||||||
|
<?php
|
||||||
|
$onLoad = '';
|
||||||
|
if(array_key_exists('autofocus', $this->data)) {
|
||||||
|
$onLoad .= 'SimpleSAML_focus(\'' . $this->data['autofocus'] . '\');';
|
||||||
|
}
|
||||||
|
if (isset($this->data['onLoad'])) {
|
||||||
|
$onLoad .= $this->data['onLoad'];
|
||||||
|
}
|
||||||
|
|
||||||
|
if($onLoad !== '') {
|
||||||
|
echo '<body onload="' . $onLoad . '">';
|
||||||
|
}
|
||||||
|
?>
|
||||||
|
|
||||||
|
<h1><a href="/<?php echo $this->data['baseurlpath']; ?>"><?php
|
||||||
|
echo (isset($this->data['header']) ? $this->data['header'] : 'SimpleSAMLphp');
|
||||||
|
?></a></h1>
|
||||||
|
|
||||||
|
|
||||||
|
<?php
|
||||||
|
|
||||||
|
$includeLanguageBar = TRUE;
|
||||||
|
if (!empty($_POST))
|
||||||
|
$includeLanguageBar = FALSE;
|
||||||
|
if (isset($this->data['hideLanguageBar']) && $this->data['hideLanguageBar'] === TRUE)
|
||||||
|
$includeLanguageBar = FALSE;
|
||||||
|
|
||||||
|
if ($includeLanguageBar) {
|
||||||
|
|
||||||
|
$languages = $this->getLanguageList();
|
||||||
|
if ( count($languages) > 1 ) {
|
||||||
|
echo '<div id="languagebar">';
|
||||||
|
$langnames = array(
|
||||||
|
'no' => 'Bokmål', // Norwegian Bokmål
|
||||||
|
'nn' => 'Nynorsk', // Norwegian Nynorsk
|
||||||
|
'se' => 'Sámegiella', // Northern Sami
|
||||||
|
'sam' => 'Åarjelh-saemien giele', // Southern Sami
|
||||||
|
'da' => 'Dansk', // Danish
|
||||||
|
'en' => 'English',
|
||||||
|
'de' => 'Deutsch', // German
|
||||||
|
'sv' => 'Svenska', // Swedish
|
||||||
|
'fi' => 'Suomeksi', // Finnish
|
||||||
|
'es' => 'Español', // Spanish
|
||||||
|
'fr' => 'Français', // French
|
||||||
|
'it' => 'Italiano', // Italian
|
||||||
|
'nl' => 'Nederlands', // Dutch
|
||||||
|
'lb' => 'Lëtzebuergesch', // Luxembourgish
|
||||||
|
'cs' => 'Čeština', // Czech
|
||||||
|
'sl' => 'Slovenščina', // Slovensk
|
||||||
|
'lt' => 'Lietuvių kalba', // Lithuanian
|
||||||
|
'hr' => 'Hrvatski', // Croatian
|
||||||
|
'hu' => 'Magyar', // Hungarian
|
||||||
|
'pl' => 'Język polski', // Polish
|
||||||
|
'pt' => 'Português', // Portuguese
|
||||||
|
'pt-br' => 'Português brasileiro', // Portuguese
|
||||||
|
'ru' => 'русский язык', // Russian
|
||||||
|
'et' => 'eesti keel', // Estonian
|
||||||
|
'tr' => 'Türkçe', // Turkish
|
||||||
|
'el' => 'ελληνικά', // Greek
|
||||||
|
'ja' => '日本語', // Japanese
|
||||||
|
'zh' => '简体中文', // Chinese (simplified)
|
||||||
|
'zh-tw' => '繁體中文', // Chinese (traditional)
|
||||||
|
'ar' => 'العربية', // Arabic
|
||||||
|
'fa' => 'پارسی', // Persian
|
||||||
|
'ur' => 'اردو', // Urdu
|
||||||
|
'he' => 'עִבְרִית', // Hebrew
|
||||||
|
'id' => 'Bahasa Indonesia', // Indonesian
|
||||||
|
'sr' => 'Srpski', // Serbian
|
||||||
|
'lv' => 'Latviešu', // Latvian
|
||||||
|
'ro' => 'Românește', // Romanian
|
||||||
|
'eu' => 'Euskara', // Basque
|
||||||
|
);
|
||||||
|
|
||||||
|
$textarray = array();
|
||||||
|
foreach ($languages AS $lang => $current) {
|
||||||
|
$lang = strtolower($lang);
|
||||||
|
if ($current) {
|
||||||
|
$textarray[] = $langnames[$lang];
|
||||||
|
} else {
|
||||||
|
$textarray[] = '<a href="' . htmlspecialchars(\SimpleSAML\Utils\HTTP::addURLParameters(\SimpleSAML\Utils\HTTP::getSelfURL(), array($this->languageParameterName => $lang))) . '">' .
|
||||||
|
$langnames[$lang] . '</a>';
|
||||||
|
}
|
||||||
|
}
|
||||||
|
echo join(' | ', $textarray);
|
||||||
|
echo '</div>';
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
?>
|
||||||
|
<main>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<?php
|
||||||
|
|
||||||
|
if(!empty($this->data['htmlinject']['htmlContentPre'])) {
|
||||||
|
foreach($this->data['htmlinject']['htmlContentPre'] AS $c) {
|
||||||
|
echo $c;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,51 @@
|
||||||
|
body {
|
||||||
|
background: #fafafa;
|
||||||
|
}
|
||||||
|
#loginform {
|
||||||
|
text-align: center;
|
||||||
|
/* background: #f8f8f8; */
|
||||||
|
margin: 0 auto;
|
||||||
|
width: 24em;
|
||||||
|
padding: 2em 0 0 0;
|
||||||
|
}
|
||||||
|
#loginform h1 {
|
||||||
|
background: url('fyrkat.svg') no-repeat 0 0;
|
||||||
|
background-size: fill;
|
||||||
|
padding-top: 18em;
|
||||||
|
font-size: 1em;
|
||||||
|
color: gray;
|
||||||
|
|
||||||
|
width: 18em;
|
||||||
|
margin: 1em auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
form .inputstack input {
|
||||||
|
display: block;
|
||||||
|
padding: .6rem;
|
||||||
|
margin: 0 auto;
|
||||||
|
font-size: 1.1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
form .inputstack p {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
form .inputstack p input {
|
||||||
|
border: .1em solid #aaa;
|
||||||
|
border-top: none;
|
||||||
|
width: 12.8rem;
|
||||||
|
}
|
||||||
|
form .inputstack p:first-child input {
|
||||||
|
border-top: .1em solid #aaa;
|
||||||
|
border-radius: .3em .3em 0 0;
|
||||||
|
box-shadow: inset #eee 0 2px 0;
|
||||||
|
}
|
||||||
|
form .inputstack p:last-child input {
|
||||||
|
border-radius: 0 0 .3em .3em;
|
||||||
|
}
|
||||||
|
#loginform input[type=submit] {
|
||||||
|
width: 14rem;
|
||||||
|
display: block;
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,297 @@
|
||||||
|
body {
|
||||||
|
background: #fff;
|
||||||
|
color: #000;
|
||||||
|
font-size: .8em;
|
||||||
|
}
|
||||||
|
h1, nav {
|
||||||
|
color: gray;
|
||||||
|
}
|
||||||
|
.overview code:before, .overview span:before {
|
||||||
|
content: attr(title) ':';
|
||||||
|
font-weight: bold;
|
||||||
|
display: block;
|
||||||
|
font-family: sans-serif;
|
||||||
|
}
|
||||||
|
code, span {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
main {
|
||||||
|
margin-left: 20em;
|
||||||
|
margin-right: 5em;
|
||||||
|
min-height: 40em;
|
||||||
|
}
|
||||||
|
nav {
|
||||||
|
background: url('fyrkat.svg') no-repeat 0 0;
|
||||||
|
background-size: contain;
|
||||||
|
position: absolute;
|
||||||
|
width: 15em;
|
||||||
|
padding-top: 14em;
|
||||||
|
left: 2em;
|
||||||
|
top: 2em;
|
||||||
|
}
|
||||||
|
nav ul {
|
||||||
|
padding:0;
|
||||||
|
}
|
||||||
|
nav li {
|
||||||
|
text-align: right;
|
||||||
|
list-style: none;
|
||||||
|
margin: .5em 0;
|
||||||
|
}
|
||||||
|
nav li a {
|
||||||
|
padding: 1em;
|
||||||
|
color: #257;
|
||||||
|
display: block;
|
||||||
|
border-radius: .2em;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
nav li a:hover {
|
||||||
|
background: #eee;
|
||||||
|
}
|
||||||
|
nav li a:active {
|
||||||
|
background: #ddd;
|
||||||
|
}
|
||||||
|
nav li a.active {
|
||||||
|
color: #fff;
|
||||||
|
background: #257;
|
||||||
|
}
|
||||||
|
nav .current-user .username {
|
||||||
|
display: block;
|
||||||
|
margin-bottom: .3em;
|
||||||
|
}
|
||||||
|
nav .current-user {
|
||||||
|
font-size: .9em;
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
nav .current-user .logout {
|
||||||
|
display: inline-block;
|
||||||
|
text-align: center;
|
||||||
|
cursor: pointer;
|
||||||
|
text-decoration: none;
|
||||||
|
color: white;
|
||||||
|
background: #567;
|
||||||
|
width: 6em;
|
||||||
|
padding: .5em 0 .3em 0;
|
||||||
|
border-radius: .3em;
|
||||||
|
box-shadow: #345 0 2px 0;
|
||||||
|
font-size: .9em;
|
||||||
|
}
|
||||||
|
nav .current-user .logout:active {
|
||||||
|
position: relative;
|
||||||
|
top: 1px;
|
||||||
|
box-shadow: #345 0 1px 0;
|
||||||
|
}
|
||||||
|
form .error {
|
||||||
|
color: #a66;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
form .error {
|
||||||
|
width: 18em;
|
||||||
|
margin: 1em auto;
|
||||||
|
}
|
||||||
|
.trackidtext, .maintext { /* remove form */
|
||||||
|
background: #fff;
|
||||||
|
color: #000;
|
||||||
|
padding: 3.1em 0 2.1em 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.buttons label, .buttons a {
|
||||||
|
cursor: pointer;
|
||||||
|
background: #06a;
|
||||||
|
box-shadow: 0 3px 0 #048;
|
||||||
|
color: white;
|
||||||
|
padding: .8em 2em;
|
||||||
|
border-radius: .3em;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
.buttons label:active, .buttons a:active {
|
||||||
|
position: relative;
|
||||||
|
top: 1px;
|
||||||
|
box-shadow: 0 2px 0 #048;
|
||||||
|
}
|
||||||
|
.buttons {
|
||||||
|
}
|
||||||
|
.center {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.hidden {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
form input[type=submit] { /* remove explicit width, add padding */
|
||||||
|
border: none;
|
||||||
|
cursor: pointer;
|
||||||
|
border-radius: .3em;
|
||||||
|
background: #084;
|
||||||
|
color: #fff;
|
||||||
|
box-shadow: #063 0 3px 0;
|
||||||
|
padding: 1em 2.5em .8em 2.5em;
|
||||||
|
}
|
||||||
|
form input[type=submit].disabled, form input[type=submit].disabled:active {
|
||||||
|
color: #ddd;
|
||||||
|
background: #576;
|
||||||
|
cursor: default;
|
||||||
|
/* border-bottom: .2em solid #254 !important; */
|
||||||
|
box-shadow: #254 0 3px 0;
|
||||||
|
top: 0 !important;
|
||||||
|
}
|
||||||
|
form input[type=submit]:active, form input[type=submit].active {
|
||||||
|
position: relative;
|
||||||
|
top: 1px;
|
||||||
|
box-shadow: #063 0 2px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.input-group input[type=radio] {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.input-group input[type=radio] ~ label, .input-group input[type=text], .input-group input[type=password] {
|
||||||
|
width: 17em;
|
||||||
|
}
|
||||||
|
.input-group input[type=radio] ~ label, .input-group input[type=text], .input-group input[type=password], .input-group textarea, .image-well {
|
||||||
|
border: 1px solid #abc;
|
||||||
|
display: block;
|
||||||
|
padding: 1em 1em .9em 1em;
|
||||||
|
border-radius: .3em;
|
||||||
|
}
|
||||||
|
.biginput {
|
||||||
|
border: none;
|
||||||
|
font-size: 2em;
|
||||||
|
text-align: center;
|
||||||
|
width: 100%;
|
||||||
|
margin-bottom: 2em;
|
||||||
|
}
|
||||||
|
.image-well, .image-well img {
|
||||||
|
width: 10em;
|
||||||
|
height: 10em;
|
||||||
|
}
|
||||||
|
.image-well {
|
||||||
|
padding: 1em;
|
||||||
|
}
|
||||||
|
.input-group input[type=radio] ~ label {
|
||||||
|
cursor: pointer;
|
||||||
|
box-shadow: #f2f2f2 0 2px 0;
|
||||||
|
}
|
||||||
|
.input-group input[type=text], .input-group input[type=password], .input-group textarea, .image-well {
|
||||||
|
margin-top: .3em;
|
||||||
|
box-shadow: inset #f2f2f2 0 2px 0;
|
||||||
|
}
|
||||||
|
.input-group input[type=text]:focus, .input-group input[type=password]:focus, .input-group textarea:focus {
|
||||||
|
box-shadow: rgba(166,202,240) 0 0 .5em, inset #f2f2f2 0 2px 0;
|
||||||
|
}
|
||||||
|
.input-group input[type=radio] ~ label:hover {
|
||||||
|
border: 1px solid #567;
|
||||||
|
box-shadow: #eee 0 2px 0;
|
||||||
|
}
|
||||||
|
.input-group input[type=radio] ~ label:active {
|
||||||
|
background: #eee;
|
||||||
|
box-shadow: #ddd 0 2px 0;
|
||||||
|
}
|
||||||
|
.input-group input[type=radio]:checked ~ label {
|
||||||
|
background: #257;
|
||||||
|
border: 1px solid #257;
|
||||||
|
color: #fff;
|
||||||
|
box-shadow: #134 0 2px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btnaddonright img {
|
||||||
|
width: 1em;
|
||||||
|
height: 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
#languagebar {
|
||||||
|
font-size: .7em;
|
||||||
|
color: #aaa;
|
||||||
|
}
|
||||||
|
#languagebar li {
|
||||||
|
display: inline;
|
||||||
|
}
|
||||||
|
#languagebar li:after {
|
||||||
|
content: ' | ';
|
||||||
|
}
|
||||||
|
#languagebar li:last-child:after {
|
||||||
|
content: '';
|
||||||
|
}
|
||||||
|
#languagebar a {
|
||||||
|
color: #66a;
|
||||||
|
}
|
||||||
|
|
||||||
|
.overview ul {
|
||||||
|
list-style: none;
|
||||||
|
padding: 0;
|
||||||
|
margin: 0 auto;
|
||||||
|
width: 100%;
|
||||||
|
border-collapse: separate;
|
||||||
|
}
|
||||||
|
.overview li {
|
||||||
|
display: inline-block;
|
||||||
|
width: 20em;
|
||||||
|
margin-bottom: 1.5em;
|
||||||
|
vertical-align: top;
|
||||||
|
}
|
||||||
|
|
||||||
|
pre {
|
||||||
|
border: 2px solid white;
|
||||||
|
background: #fefefe;
|
||||||
|
padding: .5em;
|
||||||
|
border-radius: .3em;
|
||||||
|
box-shadow: 0 0 0 1px #eee;
|
||||||
|
}
|
||||||
|
hr, footer {
|
||||||
|
margin: 1em 2em 2em 2em;
|
||||||
|
border: none;
|
||||||
|
border-top: 1px solid #fafafa;
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes notification {
|
||||||
|
0% { opacity: 0; display: block; }
|
||||||
|
1% { opacity: 1; display: block; }
|
||||||
|
70% { opacity: 1; display: block; }
|
||||||
|
100% { opacity: 0; display: block; }
|
||||||
|
}
|
||||||
|
.hiding-notification {
|
||||||
|
animation-name: notification;
|
||||||
|
animation-duration: 30s;
|
||||||
|
animation-iteration-count: 1;
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
.notification-placeholder {
|
||||||
|
border: .1em solid rgba(0,0,0,0);
|
||||||
|
margin: 0 0 1em 0;
|
||||||
|
padding: 0 1em 1em 1em;
|
||||||
|
}
|
||||||
|
.notification-placeholder:after {
|
||||||
|
color: rgba(0,0,0,0);
|
||||||
|
content: "x";
|
||||||
|
}
|
||||||
|
.info, .warning, .error, .complete {
|
||||||
|
border: .1em solid #eee;
|
||||||
|
border-radius: .3em;
|
||||||
|
margin: 0 0 1em 0;
|
||||||
|
}
|
||||||
|
div.info, div.warning, div.error, div.complete {
|
||||||
|
padding: 0 1em 1em 1em;
|
||||||
|
}
|
||||||
|
p.info, p.warning, p.error, p.complete {
|
||||||
|
padding: 1em;
|
||||||
|
}
|
||||||
|
.info {
|
||||||
|
border-left: 6px solid #06a;
|
||||||
|
}
|
||||||
|
.complete {
|
||||||
|
border-left: 6px solid #082;
|
||||||
|
}
|
||||||
|
.error {
|
||||||
|
border-left: 6px solid #c02;
|
||||||
|
}
|
||||||
|
.warning {
|
||||||
|
border-left: 6px solid #fa0;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer {
|
||||||
|
display: block;
|
||||||
|
text-align: center;
|
||||||
|
padding: 2em;
|
||||||
|
color: #557;
|
||||||
|
margin-top: 2em;
|
||||||
|
}
|
||||||
|
footer a {
|
||||||
|
color: #567;
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,19 @@
|
||||||
|
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||||
|
<svg fill="#557" xmlns="http://www.w3.org/2000/svg" viewBox="-25 0 250 200" version="1.1">
|
||||||
|
<defs>
|
||||||
|
<mask id="mask" fill="white">
|
||||||
|
<rect x="0" y="0" width="80" height="80"/>
|
||||||
|
<rect x="120" y="0" width="80" height="80"/>
|
||||||
|
<rect x="0" y="120" width="80" height="80"/>
|
||||||
|
<rect x="120" y="120" width="80" height="80"/>
|
||||||
|
</mask>
|
||||||
|
</defs>
|
||||||
|
<g transform="rotate(15 100 100)">
|
||||||
|
<path d="
|
||||||
|
M 199,100 A 99, 99 0 0 1 100,199 99, 99 0 0 1 1,100 99, 99 0 0 1 100, 1 99, 99 0 0 1 199,100 Z
|
||||||
|
M 185,100 A 85, 85 0 0 1 100,185 85, 85 0 0 1 15,100 85, 85 0 0 1 100,15 85, 85 0 0 1 185,100 Z
|
||||||
|
" fill-rule="evenodd" style="mask:url(#mask)" fill="#567"/>
|
||||||
|
<path d="M 0,100 C 110,90 110,90 200,100 C 90,110 90,110 0,100 M 100,0 C 110,90 110,90 100,200 C 90,110 90,110 100,0"/>
|
||||||
|
<path d="M175,100C100,100 100,100 100,25 C100,100 100,100 25,100 C100,100 100,100 100,175 C100,100 100,100 175,100Z"/>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 1015 B |
|
|
@ -0,0 +1,419 @@
|
||||||
|
/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 1. Change the default font family in all browsers (opinionated).
|
||||||
|
* 2. Prevent adjustments of font size after orientation changes in IE and iOS.
|
||||||
|
*/
|
||||||
|
|
||||||
|
html {
|
||||||
|
font-family: sans-serif; /* 1 */
|
||||||
|
-ms-text-size-adjust: 100%; /* 2 */
|
||||||
|
-webkit-text-size-adjust: 100%; /* 2 */
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Remove the margin in all browsers (opinionated).
|
||||||
|
*/
|
||||||
|
|
||||||
|
body {
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* HTML5 display definitions
|
||||||
|
========================================================================== */
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Add the correct display in IE 9-.
|
||||||
|
* 1. Add the correct display in Edge, IE, and Firefox.
|
||||||
|
* 2. Add the correct display in IE.
|
||||||
|
*/
|
||||||
|
|
||||||
|
article,
|
||||||
|
aside,
|
||||||
|
details, /* 1 */
|
||||||
|
figcaption,
|
||||||
|
figure,
|
||||||
|
footer,
|
||||||
|
header,
|
||||||
|
main, /* 2 */
|
||||||
|
menu,
|
||||||
|
nav,
|
||||||
|
section,
|
||||||
|
summary { /* 1 */
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Add the correct display in IE 9-.
|
||||||
|
*/
|
||||||
|
|
||||||
|
audio,
|
||||||
|
canvas,
|
||||||
|
progress,
|
||||||
|
video {
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Add the correct display in iOS 4-7.
|
||||||
|
*/
|
||||||
|
|
||||||
|
audio:not([controls]) {
|
||||||
|
display: none;
|
||||||
|
height: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
|
||||||
|
*/
|
||||||
|
|
||||||
|
progress {
|
||||||
|
vertical-align: baseline;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Add the correct display in IE 10-.
|
||||||
|
* 1. Add the correct display in IE.
|
||||||
|
*/
|
||||||
|
|
||||||
|
template, /* 1 */
|
||||||
|
[hidden] {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Links
|
||||||
|
========================================================================== */
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 1. Remove the gray background on active links in IE 10.
|
||||||
|
* 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
|
||||||
|
*/
|
||||||
|
|
||||||
|
a {
|
||||||
|
background-color: transparent; /* 1 */
|
||||||
|
-webkit-text-decoration-skip: objects; /* 2 */
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Remove the outline on focused links when they are also active or hovered
|
||||||
|
* in all browsers (opinionated).
|
||||||
|
*/
|
||||||
|
|
||||||
|
a:active,
|
||||||
|
a:hover {
|
||||||
|
outline-width: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Text-level semantics
|
||||||
|
========================================================================== */
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 1. Remove the bottom border in Firefox 39-.
|
||||||
|
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
|
||||||
|
*/
|
||||||
|
|
||||||
|
abbr[title] {
|
||||||
|
border-bottom: none; /* 1 */
|
||||||
|
text-decoration: underline; /* 2 */
|
||||||
|
text-decoration: underline dotted; /* 2 */
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Prevent the duplicate application of `bolder` by the next rule in Safari 6.
|
||||||
|
*/
|
||||||
|
|
||||||
|
b,
|
||||||
|
strong {
|
||||||
|
font-weight: inherit;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Add the correct font weight in Chrome, Edge, and Safari.
|
||||||
|
*/
|
||||||
|
|
||||||
|
b,
|
||||||
|
strong {
|
||||||
|
font-weight: bolder;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Add the correct font style in Android 4.3-.
|
||||||
|
*/
|
||||||
|
|
||||||
|
dfn {
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Correct the font size and margin on `h1` elements within `section` and
|
||||||
|
* `article` contexts in Chrome, Firefox, and Safari.
|
||||||
|
*/
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
font-size: 2em;
|
||||||
|
margin: 0.67em 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Add the correct background and color in IE 9-.
|
||||||
|
*/
|
||||||
|
|
||||||
|
mark {
|
||||||
|
background-color: #ff0;
|
||||||
|
color: #000;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Add the correct font size in all browsers.
|
||||||
|
*/
|
||||||
|
|
||||||
|
small {
|
||||||
|
font-size: 80%;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Prevent `sub` and `sup` elements from affecting the line height in
|
||||||
|
* all browsers.
|
||||||
|
*/
|
||||||
|
|
||||||
|
sub,
|
||||||
|
sup {
|
||||||
|
font-size: 75%;
|
||||||
|
line-height: 0;
|
||||||
|
position: relative;
|
||||||
|
vertical-align: baseline;
|
||||||
|
}
|
||||||
|
|
||||||
|
sub {
|
||||||
|
bottom: -0.25em;
|
||||||
|
}
|
||||||
|
|
||||||
|
sup {
|
||||||
|
top: -0.5em;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Embedded content
|
||||||
|
========================================================================== */
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Remove the border on images inside links in IE 10-.
|
||||||
|
*/
|
||||||
|
|
||||||
|
img {
|
||||||
|
border-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Hide the overflow in IE.
|
||||||
|
*/
|
||||||
|
|
||||||
|
svg:not(:root) {
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Grouping content
|
||||||
|
========================================================================== */
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 1. Correct the inheritance and scaling of font size in all browsers.
|
||||||
|
* 2. Correct the odd `em` font sizing in all browsers.
|
||||||
|
*/
|
||||||
|
|
||||||
|
code,
|
||||||
|
kbd,
|
||||||
|
pre,
|
||||||
|
samp {
|
||||||
|
font-family: monospace, monospace; /* 1 */
|
||||||
|
font-size: 1em; /* 2 */
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Add the correct margin in IE 8.
|
||||||
|
*/
|
||||||
|
|
||||||
|
figure {
|
||||||
|
margin: 1em 40px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 1. Add the correct box sizing in Firefox.
|
||||||
|
* 2. Show the overflow in Edge and IE.
|
||||||
|
*/
|
||||||
|
|
||||||
|
hr {
|
||||||
|
box-sizing: content-box; /* 1 */
|
||||||
|
height: 0; /* 1 */
|
||||||
|
overflow: visible; /* 2 */
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Forms
|
||||||
|
========================================================================== */
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 1. Change font properties to `inherit` in all browsers (opinionated).
|
||||||
|
* 2. Remove the margin in Firefox and Safari.
|
||||||
|
*/
|
||||||
|
|
||||||
|
button,
|
||||||
|
input,
|
||||||
|
select,
|
||||||
|
textarea {
|
||||||
|
font: inherit; /* 1 */
|
||||||
|
margin: 0; /* 2 */
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Restore the font weight unset by the previous rule.
|
||||||
|
*/
|
||||||
|
|
||||||
|
optgroup {
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Show the overflow in IE.
|
||||||
|
* 1. Show the overflow in Edge.
|
||||||
|
*/
|
||||||
|
|
||||||
|
button,
|
||||||
|
input { /* 1 */
|
||||||
|
overflow: visible;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Remove the inheritance of text transform in Edge, Firefox, and IE.
|
||||||
|
* 1. Remove the inheritance of text transform in Firefox.
|
||||||
|
*/
|
||||||
|
|
||||||
|
button,
|
||||||
|
select { /* 1 */
|
||||||
|
text-transform: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
|
||||||
|
* controls in Android 4.
|
||||||
|
* 2. Correct the inability to style clickable types in iOS and Safari.
|
||||||
|
*/
|
||||||
|
|
||||||
|
button,
|
||||||
|
html [type="button"], /* 1 */
|
||||||
|
[type="reset"],
|
||||||
|
[type="submit"] {
|
||||||
|
-webkit-appearance: button; /* 2 */
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Remove the inner border and padding in Firefox.
|
||||||
|
*/
|
||||||
|
|
||||||
|
button::-moz-focus-inner,
|
||||||
|
[type="button"]::-moz-focus-inner,
|
||||||
|
[type="reset"]::-moz-focus-inner,
|
||||||
|
[type="submit"]::-moz-focus-inner {
|
||||||
|
border-style: none;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Restore the focus styles unset by the previous rule.
|
||||||
|
*/
|
||||||
|
|
||||||
|
button:-moz-focusring,
|
||||||
|
[type="button"]:-moz-focusring,
|
||||||
|
[type="reset"]:-moz-focusring,
|
||||||
|
[type="submit"]:-moz-focusring {
|
||||||
|
outline: 1px dotted ButtonText;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Change the border, margin, and padding in all browsers (opinionated).
|
||||||
|
*/
|
||||||
|
|
||||||
|
fieldset {
|
||||||
|
border: 1px solid #c0c0c0;
|
||||||
|
margin: 0 2px;
|
||||||
|
padding: 0.35em 0.625em 0.75em;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 1. Correct the text wrapping in Edge and IE.
|
||||||
|
* 2. Correct the color inheritance from `fieldset` elements in IE.
|
||||||
|
* 3. Remove the padding so developers are not caught out when they zero out
|
||||||
|
* `fieldset` elements in all browsers.
|
||||||
|
*/
|
||||||
|
|
||||||
|
legend {
|
||||||
|
box-sizing: border-box; /* 1 */
|
||||||
|
color: inherit; /* 2 */
|
||||||
|
display: table; /* 1 */
|
||||||
|
max-width: 100%; /* 1 */
|
||||||
|
padding: 0; /* 3 */
|
||||||
|
white-space: normal; /* 1 */
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Remove the default vertical scrollbar in IE.
|
||||||
|
*/
|
||||||
|
|
||||||
|
textarea {
|
||||||
|
overflow: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 1. Add the correct box sizing in IE 10-.
|
||||||
|
* 2. Remove the padding in IE 10-.
|
||||||
|
*/
|
||||||
|
|
||||||
|
[type="checkbox"],
|
||||||
|
[type="radio"] {
|
||||||
|
box-sizing: border-box; /* 1 */
|
||||||
|
padding: 0; /* 2 */
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Correct the cursor style of increment and decrement buttons in Chrome.
|
||||||
|
*/
|
||||||
|
|
||||||
|
[type="number"]::-webkit-inner-spin-button,
|
||||||
|
[type="number"]::-webkit-outer-spin-button {
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 1. Correct the odd appearance in Chrome and Safari.
|
||||||
|
* 2. Correct the outline style in Safari.
|
||||||
|
*/
|
||||||
|
|
||||||
|
[type="search"] {
|
||||||
|
-webkit-appearance: textfield; /* 1 */
|
||||||
|
outline-offset: -2px; /* 2 */
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Remove the inner padding and cancel buttons in Chrome and Safari on OS X.
|
||||||
|
*/
|
||||||
|
|
||||||
|
[type="search"]::-webkit-search-cancel-button,
|
||||||
|
[type="search"]::-webkit-search-decoration {
|
||||||
|
-webkit-appearance: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Correct the text style of placeholders in Chrome, Edge, and Safari.
|
||||||
|
*/
|
||||||
|
|
||||||
|
::-webkit-input-placeholder {
|
||||||
|
color: inherit;
|
||||||
|
opacity: 0.54;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 1. Correct the inability to style clickable types in iOS and Safari.
|
||||||
|
* 2. Change font properties to `inherit` in Safari.
|
||||||
|
*/
|
||||||
|
|
||||||
|
::-webkit-file-upload-button {
|
||||||
|
-webkit-appearance: button; /* 1 */
|
||||||
|
font: inherit; /* 2 */
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,46 @@
|
||||||
|
// @license magnet:?xt=urn:btih:c80d50af7d3db9be66a4d0a86db0286e4fd33292&dn=bsd-3-clause.txt BSD 3 Clause
|
||||||
|
|
||||||
|
function checkSubmit() {
|
||||||
|
try {
|
||||||
|
var u = document.getElementById('username');
|
||||||
|
var p = document.getElementById('password');
|
||||||
|
if (!u.value) {
|
||||||
|
u.focus();
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
if (!p.value) {
|
||||||
|
p.focus();
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
var s = document.getElementById('submit');
|
||||||
|
s.setAttribute('class', 'active');
|
||||||
|
setTimeout(function(){
|
||||||
|
s.removeAttribute('class');
|
||||||
|
}, 250);
|
||||||
|
} catch (e) {
|
||||||
|
}
|
||||||
|
return true;
|
||||||
|
}
|
||||||
|
function setSubmit() {
|
||||||
|
try {
|
||||||
|
var u = document.getElementById('username');
|
||||||
|
var p = document.getElementById('password');
|
||||||
|
var s = document.getElementById('submit');
|
||||||
|
if (u.value && p.value) {
|
||||||
|
s.removeAttribute('class');
|
||||||
|
} else {
|
||||||
|
s.setAttribute('class', 'disabled');
|
||||||
|
}
|
||||||
|
} catch (e) {
|
||||||
|
s.removeAttribute('class');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
document.getElementById('loginform').onsubmit = checkSubmit;
|
||||||
|
document.getElementById('username').onsubmit = setSubmit;
|
||||||
|
document.getElementById('password').onsubmit = setSubmit;
|
||||||
|
setSubmit();
|
||||||
|
|
||||||
|
document.getElementById('username').removeAttribute('required');
|
||||||
|
document.getElementById('password').removeAttribute('required');
|
||||||
|
|
||||||
|
// @license-end
|
||||||
Loading…
Reference in New Issue