Edit theme to represent pvv
Peder Bergebakken Sundt
parent
d9bf6f7376
commit
bda4314030
10
README.md
10
README.md
|
|
@ -1,15 +1,17 @@
|
|||
# fyrkat theme for SimpleSamlPhp
|
||||
# PVV theme for SimpleSamlPhp
|
||||
|
||||
This has been forked from [fyrkat/ssp-theme](https://github.com/fyrkat/ssp-theme)
|
||||
|
||||
Clone this repo to your modules directory
|
||||
|
||||
git clone https://github.com/fyrkat/ssp-theme.git themefyrkat
|
||||
git clone https://github.com/Programvareverkstedet/ssp-theme themepvv
|
||||
|
||||
Make the following changes in your SSP setup:
|
||||
|
||||
## config/config.php
|
||||
|
||||
'module.enable' => [
|
||||
'themefyrkat' => TRUE,
|
||||
'themepvv' => TRUE,
|
||||
],
|
||||
|
||||
'theme.use' => 'themefyrkat:fyrkat',
|
||||
'theme.use' => 'themepvv:pvv',
|
||||
|
|
|
|||
|
|
@ -1,9 +1,9 @@
|
|||
<!DOCTYPE html>
|
||||
<title><?php echo $this->t('{login:user_pass_header}'); ?></title>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
<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">
|
||||
<link rel="stylesheet" href="<?php echo SimpleSAML_Module::getModuleURL('themepvv/normalize.css'); ?>" type="text/css">
|
||||
<link rel="stylesheet" href="<?php echo SimpleSAML_Module::getModuleURL('themepvv/style.css'); ?>" type="text/css">
|
||||
<link rel="stylesheet" href="<?php echo SimpleSAML_Module::getModuleURL('themepvv/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}');
|
||||
|
|
@ -114,7 +114,7 @@ if (!empty($this->data['links'])) {
|
|||
echo '</ul>';
|
||||
}
|
||||
?>
|
||||
<script src="<?php echo SimpleSAML_Module::getModuleURL('themefyrkat/scripts.js'); ?>" async></script>
|
||||
<script src="<?php echo SimpleSAML_Module::getModuleURL('themepvv/scripts.js'); ?>" async></script>
|
||||
<?php return;
|
||||
|
||||
$includeLanguageBar = TRUE;
|
||||
|
|
@ -1,6 +1,6 @@
|
|||
<!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">
|
||||
<link rel="stylesheet" href="<?php echo SimpleSAML_Module::getModuleURL('themepvv/style.css'); ?>" type="text/css">
|
||||
<?php
|
||||
$this->data['header'] = $this->t($this->data['dictTitle']);
|
||||
|
||||
|
|
@ -9,7 +9,7 @@ body {
|
|||
padding: 2em 0 0 0;
|
||||
}
|
||||
#loginform h1 {
|
||||
background: url('fyrkat.svg') no-repeat 0 0;
|
||||
background: url('logo.svg') no-repeat 0 0;
|
||||
background-size: fill;
|
||||
padding-top: 18em;
|
||||
font-size: 1em;
|
||||
|
|
@ -35,6 +35,7 @@ form .inputstack p input {
|
|||
border: .1em solid #aaa;
|
||||
border-top: none;
|
||||
width: 12.8rem;
|
||||
outline: none;
|
||||
}
|
||||
form .inputstack p:first-child input {
|
||||
border-top: .1em solid #aaa;
|
||||
|
|
@ -48,4 +49,5 @@ form .inputstack p:last-child input {
|
|||
width: 14rem;
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
outline: none;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,19 +0,0 @@
|
|||
<?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>
|
||||
|
Before Width: | Height: | Size: 1015 B |
|
|
@ -0,0 +1,141 @@
|
|||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
|
||||
<svg
|
||||
xmlns:dc="http://purl.org/dc/elements/1.1/"
|
||||
xmlns:cc="http://creativecommons.org/ns#"
|
||||
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
||||
xmlns:svg="http://www.w3.org/2000/svg"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
version="1.1"
|
||||
x="0px"
|
||||
y="0px"
|
||||
viewBox="0 0 800 800"
|
||||
style="enable-background:new 0 0 800 800;"
|
||||
xml:space="preserve"
|
||||
id="svg45"
|
||||
sodipodi:docname="Pvv logoBW.svg"
|
||||
inkscape:version="0.92.2 5c3e80d, 2017-08-06"><metadata
|
||||
id="metadata51"><rdf:RDF><cc:Work
|
||||
rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
|
||||
rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
|
||||
id="defs49" /><sodipodi:namedview
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#666666"
|
||||
borderopacity="1"
|
||||
objecttolerance="10"
|
||||
gridtolerance="10"
|
||||
guidetolerance="10"
|
||||
inkscape:pageopacity="0"
|
||||
inkscape:pageshadow="2"
|
||||
inkscape:window-width="1920"
|
||||
inkscape:window-height="1027"
|
||||
id="namedview47"
|
||||
showgrid="false"
|
||||
inkscape:zoom="0.834386"
|
||||
inkscape:cx="590.94635"
|
||||
inkscape:cy="338.49599"
|
||||
inkscape:window-x="0"
|
||||
inkscape:window-y="0"
|
||||
inkscape:window-maximized="1"
|
||||
inkscape:current-layer="Layer_5" /><style
|
||||
type="text/css"
|
||||
id="style2">
|
||||
.st0{fill:#fafafa;}
|
||||
.st1{fill:none;stroke:#fafafa;stroke-width:2;stroke-miterlimit:10;}
|
||||
.st2{fill:none;stroke:#000000;stroke-width:2;stroke-miterlimit:10;}
|
||||
.st3{fill:none;}
|
||||
.st4{stroke:#000000;stroke-miterlimit:10;}
|
||||
.st5{font-family:'OCRAStd';}
|
||||
.st6{font-size:126px;}
|
||||
</style><g
|
||||
id="Layer_2"><rect
|
||||
y="0"
|
||||
class="st0"
|
||||
width="800"
|
||||
height="800"
|
||||
id="rect4" /></g><g
|
||||
id="Layer_4"><path
|
||||
class="st1"
|
||||
d="M294.6,720.3"
|
||||
id="path7" /><line
|
||||
class="st1"
|
||||
x1="478.4"
|
||||
y1="720.3"
|
||||
x2="313.2"
|
||||
y2="720.3"
|
||||
id="line9" /><path
|
||||
class="st1"
|
||||
d="M478.4,720.3"
|
||||
id="path11" /><polyline
|
||||
class="st2"
|
||||
points="717.1,223.3 717.1,720.3 497.3,720.3 "
|
||||
id="polyline13" /><path
|
||||
class="st2"
|
||||
d="M498.3,720.3c0-5.6-4.5-10.1-10.1-10.1c-5.6,0-10.1,4.5-10.1,10.1H314.3c0-5.6-4.5-10.1-10.1-10.1 c-5.6,0-10.1,4.5-10.1,10.1h0.6H76.5V79.7h640.5v120.8v-0.8h-17.3v24.8h17.3"
|
||||
id="path15" /></g><g
|
||||
id="Layer_3"><circle
|
||||
class="st2"
|
||||
cx="396.8"
|
||||
cy="400"
|
||||
r="320.3"
|
||||
id="circle18" /></g><g
|
||||
id="Layer_1"><polyline
|
||||
class="st2"
|
||||
points="514.5,173.5 170.2,173.5 170.3,626.6 623.3,626.5 623.3,215.7 584.4,173.4 557,173.4 548,180.6 526.5,180.7 "
|
||||
id="polyline21" /><path
|
||||
class="st1"
|
||||
d="M396.8,173.5"
|
||||
id="path23" /><path
|
||||
class="st1"
|
||||
d="M396.8,173.3"
|
||||
id="path25" /><path
|
||||
class="st2"
|
||||
d="M526.5,331.8c0,7.6-5.4,13.7-12,13.7H227.7c-6.6,0-12-6.1-12-13.7V187.2c0-7.6,5.4-13.7,12-13.7h286.8 c6.6,0,12,6.1,12,13.7V331.8z"
|
||||
id="path27" /><path
|
||||
class="st2"
|
||||
d="M526.7,333.6c0,6.6-5.4,12-12,12H296.8c-6.6,0-12-5.4-12-12V185.5c0-6.6,5.4-12,12-12h217.9 c6.6,0,12,5.4,12,12V333.6z"
|
||||
id="path29" /><path
|
||||
class="st2"
|
||||
d="M577.9,613.7c0,6.6-5.4,12-12,12H227.7c-6.6,0-12-5.4-12-12V381.1c0-6.6,5.4-12,12-12h338.2 c6.6,0,12,5.4,12,12V613.7z"
|
||||
id="path31" /><rect
|
||||
x="179.9"
|
||||
y="590.2"
|
||||
class="st2"
|
||||
width="25.7"
|
||||
height="23"
|
||||
id="rect33" /><rect
|
||||
x="587.6"
|
||||
y="590.2"
|
||||
class="st2"
|
||||
width="25.7"
|
||||
height="23"
|
||||
id="rect35" /><rect
|
||||
x="433.6"
|
||||
y="193.5"
|
||||
class="st2"
|
||||
width="64.9"
|
||||
height="137.8"
|
||||
id="rect37" /></g><g
|
||||
id="Layer_5"><rect
|
||||
x="258"
|
||||
y="442.5"
|
||||
class="st3"
|
||||
width="277.5"
|
||||
height="109.7"
|
||||
id="rect40" /><g
|
||||
aria-label="PVV"
|
||||
transform="matrix(1 0 0 1 260.7021 547.998)"
|
||||
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:126px;font-family:OCRA;-inkscape-font-specification:OCRA;stroke:#000000;stroke-miterlimit:10"
|
||||
id="text42"><path
|
||||
d="m 14.238,-6.426 c 0,3.528 2.772,6.426 6.3,6.426 3.528,0 6.426,-2.898 6.426,-6.426 v -30.996 h 30.87 c 10.458,0 19.152,-8.694 19.152,-19.152 v -22.68 c 0,-10.332 -8.694,-19.026 -19.152,-19.026 H 14.238 Z m 12.726,-43.722 v -35.406 h 30.87 c 3.276,0 6.426,2.898 6.426,6.3 v 22.68 c 0,3.528 -3.024,6.426 -6.426,6.426 z"
|
||||
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:126px;font-family:OCRA;-inkscape-font-specification:OCRA;stroke:#000000;stroke-miterlimit:10"
|
||||
id="path55" /><path
|
||||
d="m 105.29269,-69.174 25.326,65.142 c 1.008,2.394 3.276,4.032 6.048,4.032 2.646,0 4.914,-1.638 5.922,-4.032 l 25.452,-65.268 v -22.68 c 0,-3.402 -2.898,-6.3 -6.426,-6.3 -3.528,0 -6.3,2.898 -6.3,6.3 v 20.286 l -18.648,47.628 -18.648,-47.628 V -91.98 c 0,-3.402 -2.898,-6.3 -6.426,-6.3 -3.528,0 -6.3,2.898 -6.3,6.3 z"
|
||||
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:126px;font-family:OCRA;-inkscape-font-specification:OCRA;stroke:#000000;stroke-miterlimit:10"
|
||||
id="path57" /><path
|
||||
d="m 196.34737,-69.174 25.326,65.142 c 1.008,2.394 3.276,4.032 6.048,4.032 2.646,0 4.914,-1.638 5.922,-4.032 l 25.452,-65.268 v -22.68 c 0,-3.402 -2.898,-6.3 -6.426,-6.3 -3.528,0 -6.3,2.898 -6.3,6.3 v 20.286 l -18.648,47.628 -18.648,-47.628 V -91.98 c 0,-3.402 -2.898,-6.3 -6.426,-6.3 -3.528,0 -6.3,2.898 -6.3,6.3 z"
|
||||
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:126px;font-family:OCRA;-inkscape-font-specification:OCRA;stroke:#000000;stroke-miterlimit:10"
|
||||
id="path59" /></g></g></svg>
|
||||
|
After Width: | Height: | Size: 6.0 KiB |
|
|
@ -21,7 +21,7 @@ main {
|
|||
min-height: 40em;
|
||||
}
|
||||
nav {
|
||||
background: url('fyrkat.svg') no-repeat 0 0;
|
||||
background: url('logo.svg') no-repeat 0 0;
|
||||
background-size: contain;
|
||||
position: absolute;
|
||||
width: 15em;
|
||||
|
|
@ -120,23 +120,23 @@ form input[type=submit] { /* remove explicit width, add padding */
|
|||
border: none;
|
||||
cursor: pointer;
|
||||
border-radius: .3em;
|
||||
background: #084;
|
||||
background: #048;
|
||||
color: #fff;
|
||||
box-shadow: #063 0 3px 0;
|
||||
box-shadow: #036 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;
|
||||
background: #567;
|
||||
cursor: default;
|
||||
/* border-bottom: .2em solid #254 !important; */
|
||||
box-shadow: #254 0 3px 0;
|
||||
box-shadow: #245 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;
|
||||
box-shadow: #036 0 2px 0;
|
||||
}
|
||||
|
||||
.input-group input[type=radio] {
|
||||
Loading…
Reference in New Issue