diff options
Diffstat (limited to 'src/usr')
-rw-r--r-- | src/usr/local/www/css/login.css (renamed from src/usr/local/www/css/login_blue.css) | 119 | ||||
-rw-r--r-- | src/usr/local/www/css/login_brown.css | 145 | ||||
-rw-r--r-- | src/usr/local/www/css/login_gray.css | 145 | ||||
-rw-r--r-- | src/usr/local/www/css/login_green.css | 145 | ||||
-rw-r--r-- | src/usr/local/www/css/login_purple.css | 145 | ||||
-rw-r--r-- | src/usr/local/www/css/login_red.css | 145 | ||||
-rw-r--r-- | src/usr/local/www/pfsense-trans.png | bin | 0 -> 12836 bytes | |||
-rw-r--r-- | src/usr/local/www/system.php | 8 |
8 files changed, 71 insertions, 781 deletions
diff --git a/src/usr/local/www/css/login_blue.css b/src/usr/local/www/css/login.css index 3bf72b7..8188da9 100644 --- a/src/usr/local/www/css/login_blue.css +++ b/src/usr/local/www/css/login.css @@ -1,61 +1,85 @@ -html { - height: 100%; +body, html { + height: 100%; + padding: 0; + margin: 0; } body { - margin-bottom: 60px; - height: 100%; + width: 100%; } -.cont { - height: 100%; - background: #1e3f75; - color: white; +header { } -.logoRow { - height: 100%; - background: #1e3f75; +#a { + position: fixed; + height: 90px; + top: 0; + width: 100%; + background-color: white; } -.logoCol { - height: 100%; - background: #1e3f75; +#bb { + position: absolute; + top:90px; + bottom:25px; + width: 100%; + color: white; } -.loginCont { - position: absolute; - top: 50%; left: 50%; - transform: translate(-50%,-50%); - height: 55%; - width: 80%; - background: #1e3f75; +.bbbb { + height: 80px; + padding-top: 10px; } -.logoCont { - position: absolute; - top: 40%; left: 60%; - transform: translate(-50%,-50%); - height: 55%; - width: 80%; - background: #1e3f75; +#hostspan { + text-align: right; } + .msgbox { + padding-right: 30px; + padding-top: 25px; + } + +@media only screen and (max-width : 768px) { + /* only size 'xs' and below */ + #a { + height: 100px; + } + + #bb { + top: 100px; + } -.list-group{ - background: #1e3f75 !important; - color: white !important; + .bbbb { + height: 60px; + } + + .msgbox { + padding-right: 0px; + padding-top: 0px; + } + + #hostspan { + text-align: center; + } } -.list-group-item { - background: #1e3f75 !important; - color: white !important; - border: none; - font-weight: 200; +#c { + position: fixed; + height: 25px; + bottom: 0; + width: 100%; + background-color: #212121; + color: white; + text-align: center; } -.list-group-item-heading { - color: white !important; - font-weight: 350 !important; +.loginCont { + position: absolute; + top: 50%; left: 50%; + transform: translate(-50%,-50%); + height: 55%; + width: 80%; } p.form-title @@ -70,12 +94,6 @@ p.form-title letter-spacing: 4px; } -p.rsstitle { - font-size: 30px; - font-weight: 150; - color: #ffffff; -} - form.login { width: 300px; @@ -110,8 +128,8 @@ form.login input[type="submit"] outline: 0; cursor: pointer; letter-spacing: 1px; - display: block; - margin : 0 auto; + display: block; + margin : 0 auto; margin-top: 36px; } @@ -137,9 +155,6 @@ form.login a:hover color: #2ecc71; } -.footer { - height: 60px; - background-color: #212121; - padding-top: 10px; - text-align: center; +.logoCol { + height: 100%; } diff --git a/src/usr/local/www/css/login_brown.css b/src/usr/local/www/css/login_brown.css deleted file mode 100644 index 5427b78..0000000 --- a/src/usr/local/www/css/login_brown.css +++ /dev/null @@ -1,145 +0,0 @@ -html { - height: 100%; -} - -body { - margin-bottom: 60px; - height: 100%; -} - -.cont { - height: 100%; - background: #633215; - color: white; -} - -.logoRow { - height: 100%; - background: #633215; -} - -.logoCol { - height: 100%; - background: #633215; -} - -.loginCont { - position: absolute; - top: 50%; left: 50%; - transform: translate(-50%,-50%); - height: 55%; - width: 80%; - background: #633215; -} - -.logoCont { - position: absolute; - top: 40%; left: 60%; - transform: translate(-50%,-50%); - height: 55%; - width: 80%; - background: #633215; -} - -.list-group{ - background: #633215 !important; - color: white !important; -} - -.list-group-item { - background: #633215 !important; - color: white !important; - border: none; - font-weight: 200; -} - -.list-group-item-heading { - color: white !important; - font-weight: 350 !important; -} - -p.form-title -{ - font-family: 'Open Sans' , sans-serif; - font-size: 20px; - font-weight: 500; - text-align: center; - color: #FFFFFF; - margin-top: 5%; - text-transform: uppercase; - letter-spacing: 4px; -} - -p.rsstitle { - font-size: 30px; - font-weight: 150; - color: #ffffff; -} - -form.login -{ - width: 300px; - margin: 0 auto; -} - -form.login input[type="text"], form.login input[type="password"] -{ - width: 100%; - margin: 0; - padding: 10px 10px; - background: 0; - border: 0; - border-bottom: 1px solid #FFFFFF; - outline: 0; - font-style: italic; - font-size: 18px; - font-weight: 600; - letter-spacing: 1px; - margin-bottom: 5px; - color: #FFFFFF; - outline: 0; -} - -form.login input[type="submit"] -{ - width: 60%; - font-size: 14px; - text-transform: uppercase; - font-weight: 500; - margin-top: 36px; - outline: 0; - cursor: pointer; - letter-spacing: 1px; - display: block; - margin : 0 auto; - margin-top: 36px; -} - -form.login input[type="submit"]:hover -{ - transition: background-color 0.5s ease; -} - -form.login label, form.login a -{ - font-size: 12px; - font-weight: 400; - color: #FFFFFF; -} - -form.login a -{ - transition: color 0.5s ease; -} - -form.login a:hover -{ - color: #2ecc71; -} - -.footer { - height: 60px; - background-color: #212121; - padding-top: 10px; - text-align: center; -} diff --git a/src/usr/local/www/css/login_gray.css b/src/usr/local/www/css/login_gray.css deleted file mode 100644 index b25b6bf..0000000 --- a/src/usr/local/www/css/login_gray.css +++ /dev/null @@ -1,145 +0,0 @@ -html { - height: 100%; -} - -body { - margin-bottom: 60px; - height: 100%; -} - -.cont { - height: 100%; - background: #424142; - color: white; -} - -.logoRow { - height: 100%; - background: #424142; -} - -.logoCol { - height: 100%; - background: #424142; -} - -.loginCont { - position: absolute; - top: 50%; left: 50%; - transform: translate(-50%,-50%); - height: 55%; - width: 80%; - background: #424142; -} - -.logoCont { - position: absolute; - top: 40%; left: 60%; - transform: translate(-50%,-50%); - height: 55%; - width: 80%; - background: #424142; -} - -.list-group{ - background: #424142 !important; - color: white !important; -} - -.list-group-item { - background: #424142 !important; - color: white !important; - border: none; - font-weight: 200; -} - -.list-group-item-heading { - color: white !important; - font-weight: 350 !important; -} - -p.form-title -{ - font-family: 'Open Sans' , sans-serif; - font-size: 20px; - font-weight: 500; - text-align: center; - color: #FFFFFF; - margin-top: 5%; - text-transform: uppercase; - letter-spacing: 4px; -} - -p.rsstitle { - font-size: 30px; - font-weight: 150; - color: #ffffff; -} - -form.login -{ - width: 300px; - margin: 0 auto; -} - -form.login input[type="text"], form.login input[type="password"] -{ - width: 100%; - margin: 0; - padding: 10px 10px; - background: 0; - border: 0; - border-bottom: 1px solid #FFFFFF; - outline: 0; - font-style: italic; - font-size: 18px; - font-weight: 600; - letter-spacing: 1px; - margin-bottom: 5px; - color: #FFFFFF; - outline: 0; -} - -form.login input[type="submit"] -{ - width: 60%; - font-size: 14px; - text-transform: uppercase; - font-weight: 500; - margin-top: 36px; - outline: 0; - cursor: pointer; - letter-spacing: 1px; - display: block; - margin : 0 auto; - margin-top: 36px; -} - -form.login input[type="submit"]:hover -{ - transition: background-color 0.5s ease; -} - -form.login label, form.login a -{ - font-size: 12px; - font-weight: 400; - color: #FFFFFF; -} - -form.login a -{ - transition: color 0.5s ease; -} - -form.login a:hover -{ - color: #2ecc71; -} - -.footer { - height: 60px; - background-color: #212121; - padding-top: 10px; - text-align: center; -} diff --git a/src/usr/local/www/css/login_green.css b/src/usr/local/www/css/login_green.css deleted file mode 100644 index 790c66a..0000000 --- a/src/usr/local/www/css/login_green.css +++ /dev/null @@ -1,145 +0,0 @@ -html { - height: 100%; -} - -body { - margin-bottom: 60px; - height: 100%; -} - -.cont { - height: 100%; - background: #003300; - color: white; -} - -.logoRow { - height: 100%; - background: #003300; -} - -.logoCol { - height: 100%; - background: #003300; -} - -.loginCont { - position: absolute; - top: 50%; left: 50%; - transform: translate(-50%,-50%); - height: 55%; - width: 80%; - background: #003300; -} - -.logoCont { - position: absolute; - top: 40%; left: 60%; - transform: translate(-50%,-50%); - height: 55%; - width: 80%; - background: #003300; -} - -.list-group{ - background: #003300 !important; - color: white !important; -} - -.list-group-item { - background: #003300 !important; - color: white !important; - border: none; - font-weight: 200; -} - -.list-group-item-heading { - color: white !important; - font-weight: 350 !important; -} - -p.form-title -{ - font-family: 'Open Sans' , sans-serif; - font-size: 20px; - font-weight: 500; - text-align: center; - color: #FFFFFF; - margin-top: 5%; - text-transform: uppercase; - letter-spacing: 4px; -} - -p.rsstitle { - font-size: 30px; - font-weight: 150; - color: #ffffff; -} - -form.login -{ - width: 300px; - margin: 0 auto; -} - -form.login input[type="text"], form.login input[type="password"] -{ - width: 100%; - margin: 0; - padding: 10px 10px; - background: 0; - border: 0; - border-bottom: 1px solid #FFFFFF; - outline: 0; - font-style: italic; - font-size: 18px; - font-weight: 600; - letter-spacing: 1px; - margin-bottom: 5px; - color: #FFFFFF; - outline: 0; -} - -form.login input[type="submit"] -{ - width: 60%; - font-size: 14px; - text-transform: uppercase; - font-weight: 500; - margin-top: 36px; - outline: 0; - cursor: pointer; - letter-spacing: 1px; - display: block; - margin : 0 auto; - margin-top: 36px; -} - -form.login input[type="submit"]:hover -{ - transition: background-color 0.5s ease; -} - -form.login label, form.login a -{ - font-size: 12px; - font-weight: 400; - color: #FFFFFF; -} - -form.login a -{ - transition: color 0.5s ease; -} - -form.login a:hover -{ - color: #2ecc71; -} - -.footer { - height: 60px; - background-color: #212121; - padding-top: 10px; - text-align: center; -} diff --git a/src/usr/local/www/css/login_purple.css b/src/usr/local/www/css/login_purple.css deleted file mode 100644 index f8d9779..0000000 --- a/src/usr/local/www/css/login_purple.css +++ /dev/null @@ -1,145 +0,0 @@ -html { - height: 100%; -} - -body { - margin-bottom: 60px; - height: 100%; -} - -.cont { - height: 100%; - background: #4b1263; - color: white; -} - -.logoRow { - height: 100%; - background: #4b1263; -} - -.logoCol { - height: 100%; - background: #4b1263; -} - -.loginCont { - position: absolute; - top: 50%; left: 50%; - transform: translate(-50%,-50%); - height: 55%; - width: 80%; - background: #4b1263; -} - -.logoCont { - position: absolute; - top: 40%; left: 60%; - transform: translate(-50%,-50%); - height: 55%; - width: 80%; - background: #4b1263; -} - -.list-group{ - background: #4b1263 !important; - color: white !important; -} - -.list-group-item { - background: #4b1263 !important; - color: white !important; - border: none; - font-weight: 200; -} - -.list-group-item-heading { - color: white !important; - font-weight: 350 !important; -} - -p.form-title -{ - font-family: 'Open Sans' , sans-serif; - font-size: 20px; - font-weight: 500; - text-align: center; - color: #FFFFFF; - margin-top: 5%; - text-transform: uppercase; - letter-spacing: 4px; -} - -p.rsstitle { - font-size: 30px; - font-weight: 150; - color: #ffffff; -} - -form.login -{ - width: 300px; - margin: 0 auto; -} - -form.login input[type="text"], form.login input[type="password"] -{ - width: 100%; - margin: 0; - padding: 10px 10px; - background: 0; - border: 0; - border-bottom: 1px solid #FFFFFF; - outline: 0; - font-style: italic; - font-size: 18px; - font-weight: 600; - letter-spacing: 1px; - margin-bottom: 5px; - color: #FFFFFF; - outline: 0; -} - -form.login input[type="submit"] -{ - width: 60%; - font-size: 14px; - text-transform: uppercase; - font-weight: 500; - margin-top: 36px; - outline: 0; - cursor: pointer; - letter-spacing: 1px; - display: block; - margin : 0 auto; - margin-top: 36px; -} - -form.login input[type="submit"]:hover -{ - transition: background-color 0.5s ease; -} - -form.login label, form.login a -{ - font-size: 12px; - font-weight: 400; - color: #FFFFFF; -} - -form.login a -{ - transition: color 0.5s ease; -} - -form.login a:hover -{ - color: #2ecc71; -} - -.footer { - height: 60px; - background-color: #212121; - padding-top: 10px; - text-align: center; -} diff --git a/src/usr/local/www/css/login_red.css b/src/usr/local/www/css/login_red.css deleted file mode 100644 index 855bf9a..0000000 --- a/src/usr/local/www/css/login_red.css +++ /dev/null @@ -1,145 +0,0 @@ -html { - height: 100%; -} - -body { - margin-bottom: 60px; - height: 100%; -} - -.cont { - height: 100%; - background: #770101; - color: white; -} - -.logoRow { - height: 100%; - background: #770101; -} - -.logoCol { - height: 100%; - background: #770101; -} - -.loginCont { - position: absolute; - top: 50%; left: 50%; - transform: translate(-50%,-50%); - height: 55%; - width: 80%; - background: #770101; -} - -.logoCont { - position: absolute; - top: 40%; left: 60%; - transform: translate(-50%,-50%); - height: 55%; - width: 80%; - background: #770101; -} - -.list-group{ - background: #770101 !important; - color: white !important; -} - -.list-group-item { - background: #770101 !important; - color: white !important; - border: none; - font-weight: 200; -} - -.list-group-item-heading { - color: white !important; - font-weight: 350 !important; -} - -p.form-title -{ - font-family: 'Open Sans' , sans-serif; - font-size: 20px; - font-weight: 500; - text-align: center; - color: #FFFFFF; - margin-top: 5%; - text-transform: uppercase; - letter-spacing: 4px; -} - -p.rsstitle { - font-size: 30px; - font-weight: 150; - color: #ffffff; -} - -form.login -{ - width: 300px; - margin: 0 auto; -} - -form.login input[type="text"], form.login input[type="password"] -{ - width: 100%; - margin: 0; - padding: 10px 10px; - background: 0; - border: 0; - border-bottom: 1px solid #FFFFFF; - outline: 0; - font-style: italic; - font-size: 18px; - font-weight: 600; - letter-spacing: 1px; - margin-bottom: 5px; - color: #FFFFFF; - outline: 0; -} - -form.login input[type="submit"] -{ - width: 60%; - font-size: 14px; - text-transform: uppercase; - font-weight: 500; - margin-top: 36px; - outline: 0; - cursor: pointer; - letter-spacing: 1px; - display: block; - margin : 0 auto; - margin-top: 36px; -} - -form.login input[type="submit"]:hover -{ - transition: background-color 0.5s ease; -} - -form.login label, form.login a -{ - font-size: 12px; - font-weight: 400; - color: #FFFFFF; -} - -form.login a -{ - transition: color 0.5s ease; -} - -form.login a:hover -{ - color: #2ecc71; -} - -.footer { - height: 60px; - background-color: #212121; - padding-top: 10px; - text-align: center; -} diff --git a/src/usr/local/www/pfsense-trans.png b/src/usr/local/www/pfsense-trans.png Binary files differnew file mode 100644 index 0000000..5e56c79 --- /dev/null +++ b/src/usr/local/www/pfsense-trans.png diff --git a/src/usr/local/www/system.php b/src/usr/local/www/system.php index 0291d30..07b5618 100644 --- a/src/usr/local/www/system.php +++ b/src/usr/local/www/system.php @@ -605,11 +605,11 @@ gen_disablealiaspopupdetail_field($section, $pconfig['disablealiaspopupdetail']) $section->addInput(new Form_Select( 'logincss', - 'Login page CSS', + 'Login page color', $pconfig['logincss'], - ["login_blue.css" => gettext("Blue"), "login_green.css" => gettext("Green"), "login_red.css" => gettext("Red"), - "login_purple.css" => gettext("Purple"), "login_gray.css" => gettext("Gray"), "login_brown.css" => gettext("Brown" )] -))->setHelp('Choose a CSS file for the login page'); + ["1e3f75;" => gettext("Blue"), "003300" => gettext("Green"), "770101" => gettext("Red"), + "4b1263" => gettext("Purple"), "424142" => gettext("Gray"), "633215" => gettext("Brown" )] +))->setHelp('Choose a color for the login page'); $section->addInput(new Form_Checkbox( 'loginshowhost', |