Browse Source

remove website framework dependencies

main
ghost 3 years ago
parent
commit
141deb1856
  1. 7
      src/application/controller/login.php
  2. 8
      src/application/controller/register.php
  3. 7
      src/application/view/common/footer/guest.phtml
  4. 4
      src/application/view/common/footer/user.phtml
  5. 31
      src/application/view/common/header/guest.phtml
  6. 27
      src/application/view/common/header/user.phtml
  7. 20
      src/application/view/login.phtml
  8. 14
      src/application/view/register_off.phtml
  9. 16
      src/application/view/register_on.phtml
  10. 14
      src/application/view/register_timeout.phtml
  11. 24
      src/application/view/welcome.phtml
  12. 84
      src/public/css/template/default/app.css
  13. 486
      src/public/css/template/default/common.css
  14. 49
      src/public/css/template/default/login.css
  15. 73
      src/public/css/template/default/register.css

7
src/application/controller/login.php

@ -1,5 +1,12 @@
<?php <?php
// Load dependencies
$metaStyles = [
'css/template/default/login.css',
];
$metaScripts = [];
// Define variables // Define variables
$userName = false; $userName = false;
$userPrivateKey = false; $userPrivateKey = false;

8
src/application/controller/register.php

@ -1,5 +1,13 @@
<?php <?php
// Load dependencies
$metaStyles = [
'css/template/default/register.css',
];
$metaScripts = [];
// Redirect to the login page on active session // Redirect to the login page on active session
if (isset($_SESSION['userName'])) { if (isset($_SESSION['userName'])) {
header('Location: ' . PROJECT_HOST, true, 302); header('Location: ' . PROJECT_HOST, true, 302);

7
src/application/view/common/footer/guest.phtml

@ -1,7 +1,6 @@
<div class="t-center c-2"> <div class="footer">
<p><small><?php echo sprintf(_('Twisterarmy Cloud is the <a class="c-0" href="%s">Open Source</a> web interface to interact <a class="c-0" href="%s">Twister Network</a> remotely.'), 'https://github.com/twisterarmy/cloud-server', 'http://twister.net.co') ?></small></p> <p><small><?php echo sprintf(_('Twisterarmy Cloud is the <a href="%s">Open Source</a> web interface to interact <a href="%s">Twister Network</a> remotely.'), 'https://github.com/twisterarmy/cloud-server', 'http://twister.net.co') ?></small></p>
<p><small><?php echo _('* software under development. Import existing wallets on your own risk.') ?></small></p> <p><small><?php echo _('* software under development. Import existing wallets on your own risk.') ?></small></p>
<p class="mt-20"><small><?php echo sprintf(_('version %s'), SERVER_VERSION) ?> <i class="bi bi-suit-heart"></i></small></p> <p><small><?php echo sprintf(_('version %s'), SERVER_VERSION) ?> <i class="bi bi-suit-heart"></i></small></p>
<p class="mt-10 f-size-16"></p>
</div> </div>
</body> </body>

4
src/application/view/common/footer/user.phtml

@ -1,4 +1,4 @@
<div class="t-center c-2"> <div class="footer">
<p class="mt-10"><small><?php echo sprintf(_('version %s'), SERVER_VERSION) ?> <i class="bi bi-suit-heart"></i></small></p> <p ><small><?php echo sprintf(_('version %s'), SERVER_VERSION) ?> <i class="bi bi-suit-heart"></i></small></p>
</div> </div>
</body> </body>

31
src/application/view/common/header/guest.phtml

@ -7,25 +7,26 @@
<meta name="description" content="Twisterarmy Cloud is the open source web interface to interact twister network without node installation." /> <meta name="description" content="Twisterarmy Cloud is the open source web interface to interact twister network without node installation." />
<link rel="stylesheet" type="text/css" href="css/template/default/font.css" /> <link rel="stylesheet" type="text/css" href="css/template/default/font.css" />
<link rel="stylesheet" type="text/css" href="css/template/default/bi.css" /> <link rel="stylesheet" type="text/css" href="css/template/default/bi.css" />
<link rel="stylesheet" type="text/css" href="css/template/default/common.css" />
<link rel="stylesheet" type="text/css" href="css/template/default/app.css" /> <link rel="stylesheet" type="text/css" href="css/template/default/app.css" />
<link rel="stylesheet" type="text/css" href="css/template/default/mobile.css" /> <link rel="stylesheet" type="text/css" href="css/template/default/mobile.css?v=3" />
<?php foreach ($metaStyles as $metaStyle) { ?>
<link rel="stylesheet" type="text/css" href="<?php echo $metaStyle ?>" />
<?php } ?>
<script src="js/jquery.js"></script> <script src="js/jquery.js"></script>
<?php foreach ($metaScripts as $metaScript) { ?>
<script src="<?php echo $metaScript ?>"></script>
<?php } ?>
</head> </head>
<body class="bg-c-1 bg-img-1 c-0"> <body>
<div class="bg-c-2 bg-img-2 c-1 of-hidden"> <div class="header">
<div class="mw-1024 mx-auto"> <div class="container">
<div class="nav float-left h-48 lh-48"> <div class="left">
<div class="px-16"> <a class="logo" href="/">Twisterarmy <i><?php echo _('Cloud') ?></i></a>
<a class="c-1 f-size-18" href="/">Twisterarmy <i><?php echo _('Cloud') ?></i></a>
</div>
</div> </div>
<div class="nav bg-c-2 bg-img-2 float-right t-right h-48 lh-48"> <div class="right">
<div class="px-16"> <small><?php echo sprintf(_('Network status: %s users in %s blocks'), $usersTotal, $blocksTotal) ?></small>
<small><?php echo sprintf(_('Network status: %s users in %s blocks'), $usersTotal, $blocksTotal) ?></small> <a class="menu" href="https://github.com/twisterarmy/cloud-server" target="_blank"><i class="bi bi-github"></i></a>
<a class="c-1 ml-16" href="https://github.com/twisterarmy/cloud-server" target="_blank"><i class="bi bi-github"></i></a> <a class="menu" href="https://github.com/twisterarmy/cloud-server/issues" target="_blank"><i class="bi bi-question-circle"></i></a>
<a class="c-1 ml-16" href="https://github.com/twisterarmy/cloud-server/issues" target="_blank"><i class="bi bi-question-circle"></i></a>
</div>
</div> </div>
</div> </div>
</div> </div>

27
src/application/view/common/header/user.phtml

@ -7,9 +7,8 @@
<meta name="description" content="Twisterarmy Cloud is the open source web interface to interact twister network without node installation." /> <meta name="description" content="Twisterarmy Cloud is the open source web interface to interact twister network without node installation." />
<link rel="stylesheet" type="text/css" href="css/template/default/font.css" /> <link rel="stylesheet" type="text/css" href="css/template/default/font.css" />
<link rel="stylesheet" type="text/css" href="css/template/default/bi.css" /> <link rel="stylesheet" type="text/css" href="css/template/default/bi.css" />
<link rel="stylesheet" type="text/css" href="css/template/default/common.css" /> <link rel="stylesheet" type="text/css" href="css/template/default/app.css?v=3" />
<link rel="stylesheet" type="text/css" href="css/template/default/mobile.css" /> <link rel="stylesheet" type="text/css" href="css/template/default/mobile.css" />
<link rel="stylesheet" type="text/css" href="css/template/default/app.css" />
<?php foreach ($metaStyles as $metaStyle) { ?> <?php foreach ($metaStyles as $metaStyle) { ?>
<link rel="stylesheet" type="text/css" href="<?php echo $metaStyle ?>" /> <link rel="stylesheet" type="text/css" href="<?php echo $metaStyle ?>" />
<?php } ?> <?php } ?>
@ -18,21 +17,17 @@
<script src="<?php echo $metaScript ?>"></script> <script src="<?php echo $metaScript ?>"></script>
<?php } ?> <?php } ?>
</head> </head>
<body class="bg-c-1 bg-img-1 c-0"> <body>
<div class="bg-c-2 bg-img-2 c-1 of-hidden"> <div class="header">
<div class="mw-1024 mx-auto"> <div class="container">
<div class="nav float-left h-48 lh-48"> <div class="left">
<div class="px-16"> <a class="logo" href="/">Twisterarmy <i><?php echo _('Cloud') ?></i></a>
<a class="c-1 f-size-18" href="/">Twisterarmy <i><?php echo _('Cloud') ?></i></a>
</div>
</div> </div>
<div class="nav bg-c-2 bg-img-2 float-right t-right h-48 lh-48"> <div class="right">
<div class="px-16"> <small><?php echo sprintf(_('Network status: %s users in %s blocks'), $usersTotal, $blocksTotal) ?></small>
<small><?php echo sprintf(_('Network status: %s users in %s blocks'), $usersTotal, $blocksTotal) ?></small> <a class="menu" href="https://github.com/twisterarmy/cloud-server" target="_blank"><i class="bi bi-github"></i></a>
<a class="c-1 ml-16" href="https://github.com/twisterarmy/cloud-server" target="_blank"><i class="bi bi-github"></i></a> <a class="menu" href="https://github.com/twisterarmy/cloud-server/issues" target="_blank"><i class="bi bi-question-circle"></i></a>
<a class="c-1 ml-16" href="https://github.com/twisterarmy/cloud-server/issues" target="_blank"><i class="bi bi-question-circle"></i></a> <a class="menu" href="logout" title="<?php echo _('Exit') ?>"><i class="bi bi-box-arrow-right"></i></a>
<a class="c-1 ml-16" href="logout" title="<?php echo _('Exit') ?>"><i class="bi bi-box-arrow-right"></i></a>
</div>
</div> </div>
</div> </div>
</div> </div>

20
src/application/view/login.phtml

@ -1,19 +1,19 @@
<?php include(PROJECT_DIR . '/application/controller/common/header/guest.php') ?> <?php include(PROJECT_DIR . '/application/controller/common/header/guest.php') ?>
<div class="mw-1024 mx-auto of-hidden"> <div class="container">
<div class="mw-360 mx-auto my-100 bg-c-4 b-r-3 py-28 px-24"> <div class="login">
<h1 class="f-size-20 f-normal mb-20"><?php echo _('Login') ?></h1> <h1><?php echo _('Login') ?></h1>
<form action="login" name="login" method="POST"> <form action="login" name="login" method="POST">
<input type="text" name="userName" value="<?php echo $userName ?>" placeholder="<?php echo _('Username') ?>" class="input-text mb-22" /> <input type="text" name="userName" value="<?php echo $userName ?>" placeholder="<?php echo _('Username') ?>" />
<?php if ($errorUserName) { ?> <?php if ($errorUserName) { ?>
<div class="c-5 mb-22"><?php echo $errorUserName ?></div> <div class="error"><?php echo $errorUserName ?></div>
<?php } ?> <?php } ?>
<input type="password" name="userPrivateKey" value="<?php echo $userPrivateKey ?>" placeholder="<?php echo _('Key') ?>" class="input-text mb-22" /> <input type="password" name="userPrivateKey" value="<?php echo $userPrivateKey ?>" placeholder="<?php echo _('Key') ?>" />
<?php if ($errorUserPrivateKey) { ?> <?php if ($errorUserPrivateKey) { ?>
<div class="c-5 mb-22"><?php echo $errorUserPrivateKey ?></div> <div class="error"><?php echo $errorUserPrivateKey ?></div>
<?php } ?> <?php } ?>
<div class="mt-4"> <div class="actions">
<button type="submit" class="btn btn-1"><?php echo _('Enter') ?></button> <button class="button" type="submit"><?php echo _('Enter') ?></button>
<a class="c-1 ml-16" href="register"><?php echo _('Register') ?></a> <a href="register"><?php echo _('Register') ?></a>
</div> </div>
</form> </form>
</div> </div>

14
src/application/view/register_off.phtml

@ -1,12 +1,10 @@
<?php include(PROJECT_DIR . '/application/controller/common/header/guest.php') ?> <?php include(PROJECT_DIR . '/application/controller/common/header/guest.php') ?>
<div class="mw-1024 mx-auto of-hidden"> <div class="container">
<div class="mw-360 mx-auto my-100 bg-c-4 b-r-3 py-28 px-24"> <div class="register">
<h1 class="f-size-20 f-normal mb-20"><?php echo _('Register') ?></h1> <h1><?php echo _('Register') ?></h1>
<div class="mb-22"> <p><?php echo _('New users registration temporarily disabled.') ?><p>
<?php echo _('New users registration temporarily disabled.') ?> <div class="actions">
</div> <a class="button" href="login"><?php echo _('Login') ?></a>
<div class="mt-4">
<a class="btn btn-1 d-inline-block" href="login"><?php echo _('Login') ?></a>
</div> </div>
</div> </div>
</div> </div>

16
src/application/view/register_on.phtml

@ -1,15 +1,15 @@
<?php include(PROJECT_DIR . '/application/controller/common/header/guest.php') ?> <?php include(PROJECT_DIR . '/application/controller/common/header/guest.php') ?>
<div class="mw-1024 mx-auto of-hidden"> <div class="container">
<div class="mw-360 mx-auto my-100 bg-c-4 b-r-3 py-28 px-24"> <div class="register">
<h1 class="f-size-20 f-normal mb-20"><?php echo _('Register') ?></h1> <h1><?php echo _('Register') ?></h1>
<form action="register" name="register" method="POST"> <form action="register" name="register" method="POST">
<input type="text" name="userName" value="<?php echo $userName ?>" placeholder="<?php echo _('Username') ?>" class="input-text mb-22" /> <input type="text" name="userName" value="<?php echo $userName ?>" placeholder="<?php echo _('Username') ?>" />
<?php if ($errorUserName) { ?> <?php if ($errorUserName) { ?>
<div class="c-5 mb-22"><?php echo $errorUserName ?></div> <div class="error"><?php echo $errorUserName ?></div>
<?php } ?> <?php } ?>
<div class="mt-4"> <div class="actions">
<button type="submit" class="btn btn-1"><?php echo sprintf(_('~ %s'), $blockEstimated) ?></button> <button class="button" type="submit"><?php echo sprintf(_('~ %s'), $blockEstimated) ?></button>
<a class="c-1 ml-16" href="login"><?php echo _('Login') ?></a> <a href="login"><?php echo _('Login') ?></a>
</div> </div>
</form> </form>
</div> </div>

14
src/application/view/register_timeout.phtml

@ -1,12 +1,10 @@
<?php include(PROJECT_DIR . '/application/controller/common/header/guest.php') ?> <?php include(PROJECT_DIR . '/application/controller/common/header/guest.php') ?>
<div class="mw-1024 mx-auto of-hidden"> <div class="container">
<div class="mw-360 mx-auto my-100 bg-c-4 b-r-3 py-28 px-24"> <div class="register">
<h1 class="f-size-20 f-normal mb-20"><?php echo _('Register') ?></h1> <h1><?php echo _('Register') ?></h1>
<div class="mb-22"> <p><?php echo sprintf(_('New user can be registered %s.'), $nextUserRegistrationTime) ?></p>
<?php echo sprintf(_('New user can be registered %s.'), $nextUserRegistrationTime) ?> <div class="actions">
</div> <a class="button" href="login"><?php echo _('Login') ?></a>
<div class="mt-4">
<a class="btn btn-1 d-inline-block" href="login"><?php echo _('Login') ?></a>
</div> </div>
</div> </div>
</div> </div>

24
src/application/view/welcome.phtml

@ -1,20 +1,12 @@
<?php include(PROJECT_DIR . '/application/controller/common/header/guest.php') ?> <?php include(PROJECT_DIR . '/application/controller/common/header/guest.php') ?>
<div class="mw-1024 mx-auto of-hidden"> <div class="container">
<div class="mw-360 mx-auto my-100 bg-c-4 b-r-3 py-28 px-24"> <div class="register">
<h1 class="f-size-20 f-normal mb-20"><?php echo _('Welcome') ?></h1> <h1><?php echo _('Welcome') ?></h1>
<div> <p><?php echo sprintf(_('Account <strong class="username">@%s</strong> in registration!'), $userName); ?></p>
<div class="mb-20"> <p><?php echo sprintf(_('Please, wait for block %s to enter the twister and keep the secret key in safety place:'), $blockEstimated); ?></p>
<?php echo sprintf(_('Account <strong class="c-7">@%s</strong> in registration!'), $userName); ?> <pre class="key"><?php echo $userPrivateKey; ?></pre>
</div> <div class="actions">
<div class="mb-20"> <a class="button" href="login"><?php echo _('Login') ?></a>
<?php echo sprintf(_('Please, wait for block %s to enter the twister and keep the secret key in safety place:'), $blockEstimated); ?>
</div>
<div class="mb-30">
<pre class="f-size-9 c-4 px-8 py-16 b-r-3 b-c-5 b-2 t-center d-block"><?php echo $userPrivateKey; ?></pre>
</div>
</div>
<div class="mt-4">
<a class="btn btn-1 d-inline-block" href="login"><?php echo _('Login') ?></a>
</div> </div>
</div> </div>
</div> </div>

84
src/public/css/template/default/app.css

@ -1,4 +1,8 @@
* { * {
border: 0;
margin: 0;
padding: 0;
position: relative;
-moz-transition: all .4s ease-in; -moz-transition: all .4s ease-in;
-o-transition: all .4s ease-in; -o-transition: all .4s ease-in;
/* issue #2 /* issue #2
@ -9,27 +13,99 @@
:focus {outline:none;} :focus {outline:none;}
::-moz-focus-inner {border:0;} ::-moz-focus-inner {border:0;}
body {
color: #fff;
background-image: url('/css/template/default/image/bg-1.png');
background-color: #4A5466;
font-family: Roboto-Regular, Sans-Serif, Verdana;
font-size: 14px;
}
a, a,
a:visited, a:visited,
a:active { a:active {
color: #fff color: #fff;
text-decoration: none;
}
table {
border-spacing: 0
} }
input[type="text"], input[type="text"],
input[type="password"],
textarea { textarea {
padding: 9px 16px; padding: 9px 16px;
width: 100%; width: 100%;
border-radius: 3px; border-radius: 3px;
background: rgb(238, 238, 238); background: rgb(238, 238, 238);
border: 0;
box-sizing: border-box;
}
.header {
overflow: hidden;
color: #96a0b4;
background-image: url('/css/template/default/image/bg-2.png');
background-color: #111;
margin-bottom: 14px
}
.header .container .left {
float: left;
height: 48px;
line-height: 48px;
}
.header .container .left a.logo,
.header .container .left a.logo:active,
.header .container .left a.logo:visited {
color: #96a0b4;
font-size: 18px;
}
.header .container .left a.logo:hover {
color: #fff;
}
.header .container .right {
float: right;
height: 48px;
line-height: 48px;
text-align: right;
}
.header .container .right a.menu,
.header .container .right a.menu:active,
.header .container .right a.menu:visited {
color: #96a0b4;
margin-left: 12px;
}
.header .container .right a.menu:hover {
color: #fff;
}
.footer {
color: #9ba5af;
text-align: center;
}
.footer p:last-child {
margin-top: 20px
}
.footer a,
.footer a:active,
.footer a:visited {
color: #fff;
} }
.container { .container {
max-width: 1024px; max-width: 1024px;
margin: 16px auto; margin: 0 auto;
padding: 0 16px; padding: 0 16px;
overflow: hidden; overflow: hidden;
position: relative;
margin-bottom: 64px
} }
.container > .right { .container > .right {

486
src/public/css/template/default/common.css

@ -1,486 +0,0 @@
/* common */
* {
padding: 0;
margin: 0;
position: relative;
box-sizing: border-box
}
body {
font-family: Roboto-Regular, Sans-Serif, Verdana;
font-size: 14px
}
a, a:hover {
text-decoration: none
}
table {
border-spacing: 0
}
input,
select,
textarea {
border-width: 0;
border: 0;
}
samp {
background: #777;
padding: 2px 4px;
color: #fff;
font-size: 11px;
}
/* backgrounds */
.bg-logo-1 {
background-image: url('/css/template/default/image/logo-1.png');
background-repeat: no-repeat;
background-position: left 2px;
background-size: 24px
}
.bg-logo-1:hover {
background-image: url('/css/template/default/image/logo-0.png');
}
.bg-c-0 {
background-color: #FFF
}
.bg-c-1 {
background-color: #4A5466
}
.bg-c-2 {
background-color: #111
}
.bg-c-3 {
background-color: #596374
}
.bg-c-4 {
background-color: #272E39
}
.bg-c-101 {
background-color: #596a74 /* branding namespace reserved from 100-199 */
}
.bg-c-102 {
background-color: #5e5974 /* branding namespace reserved from 100-199 */
}
.bg-img-1 {
background-image: url('/css/template/default/image/bg-1.png')
}
.bg-img-2 {
background-image: url('/css/template/default/image/bg-2.png')
}
/* fonts */
.t-center {
text-align: center
}
.t-right {
text-align: right
}
.t-left {
text-align: left
}
.f-size-9 {
font-size: 9px
}
.f-size-10 {
font-size: 10px
}
.f-size-14 {
font-size: 14px
}
.f-size-16 {
font-size: 16px
}
.f-size-18 {
font-size: 18px
}
.f-size-20 {
font-size: 20px
}
.f-size-26 {
font-size: 26px
}
.f-size-65 {
font-size: 65px
}
.f-normal {
font-weight: normal
}
.lh-48 {
line-height: 48px
}
/* links */
.c-0,
a.c-0:active,
a.c-0:visited,
a.c-0:hover {
color: #fff
}
.c-1,
a.c-1:active,
a.c-1:visited {
color: #96a0b4
}
a.c-1:hover {
color: #fff
}
.c-2,
a.c-2:active,
a.c-2:visited {
color: #9ba5af
}
a.c-2:hover {
color: #fff
}
.c-3,
a.c-3:active,
a.c-3:visited {
color: #becae0
}
a.c-3:hover {
color: #fff
}
.c-4,
a.c-4:active,
a.c-4:visited {
color: #fdebd7
}
a.c-4:hover {
color: #fff
}
.c-5 {
color: #e86060
}
.c-6 {
color: #ddab22
}
.c-7 {
color: #44c508
}
/* dimensions */
.w-100-100 {
width: 100%
}
.w-33-100 {
width: 33%
}
.w-50-100 {
width: 50%
}
.h-28 {
height: 28px
}
.h-48 {
height: 48px
}
.h-100 {
height: 100px
}
/* paddings */
.mw-360 {
max-width: 360px
}
.mw-680 {
max-width: 680px
}
.mw-1024 {
max-width: 1024px
}
.mx-auto {
margin-left: auto;
margin-right: auto
}
.mx-16 {
margin-left: 16px;
margin-right: 16px
}
.my-8 {
margin-top: 8px;
margin-bottom: 8px
}
.my-16 {
margin-top: 16px;
margin-bottom: 16px
}
.my-36 {
margin-top: 36px;
margin-bottom: 36px
}
.my-48 {
margin-top: 48px;
margin-bottom: 48px
}
.my-100 {
margin-top: 100px;
margin-bottom: 100px
}
.mt-100 {
margin-top: 100px
}
.mt-4 {
margin-top: 4px
}
.mt-10 {
margin-top: 10px
}
.mt-20 {
margin-top: 20px
}
.mt-24 {
margin-top: 24px
}
.mt-48 {
margin-top: 48px
}
.mr-6 {
margin-right: 6px
}
.ml-16 {
margin-left: 16px
}
.mb-16 {
margin-bottom: 16px
}
.mb-20 {
margin-bottom: 20px
}
.mb-22 {
margin-bottom: 22px
}
.mb-30 {
margin-bottom: 30px
}
.mb-48 {
margin-bottom: 48px
}
.px-8 {
padding-left: 8px;
padding-right: 8px
}
.px-24 {
padding-left: 24px;
padding-right: 24px
}
.py-16 {
padding-top: 16px;
padding-bottom: 16px
}
.py-28 {
padding-top: 28px;
padding-bottom: 28px
}
.p-8 {
padding: 8px
}
.p-16 {
padding: 16px
}
.p-24 {
padding: 24px
}
.pt-16 {
padding-top: 16px
}
.pb-10 {
padding-bottom: 10px
}
.pb-20 {
padding-bottom: 20px
}
.pb-36 {
padding-bottom: 36px
}
.px-16 {
padding-left: 16px;
padding-right: 16px
}
/* positioning */
.o-h {
overflow: hidden
}
.d-inline-block {
display: inline-block
}
.d-block {
display: block
}
.float-left {
float: left
}
.float-right {
float: right
}
.of-hidden {
overflow: hidden
}
/* buttons */
.btn {
font-family: Roboto-Regular;
padding: 8px 16px;
border-radius: 4px;
cursor: pointer
}
.btn-1 {
color: #fff;
border: 1px #2e6da4 solid;
background-color: #337ab7
}
.btn-1:hover {
background-color: #286090;
border-color: #204d74
}
/* forms */
.input-text {
width: 100%;
padding: 11px 16px;
border-radius: 3px;
}
/* borders */
.b-r-3 {
border-radius: 3px
}
.b-1 {
border-width: 1px;
border-style: solid
}
.b-2 {
border-width: 1px;
border-style: dashed
}
.bb-1 {
border-bottom-width: 1px;
border-bottom-style: solid
}
.bb-1-2 {
border-bottom-width: 1px;
border-bottom-style: dashed
}
.bb-2 {
border-bottom-width: 2px;
border-bottom-style: solid
}
.b-c-0 {
border-color: #fff
}
.b-c-4 {
border-color: #ccc
}
.b-c-5 {
border-color: #b9aa96
}
.b-c-6 {
border-color: #4A5466
}
.b-c-101 { /* branding namespace reserved from 100-199 */
border-color: #c7ffe9
}
.b-c-102 { /* branding namespace reserved from 100-199 */
border-color: #dd92e4;
}
.b-c-103 { /* branding namespace reserved from 100-199 */
border-color: #9bb6da;
}

49
src/public/css/template/default/login.css

@ -0,0 +1,49 @@
.login {
border-radius: 3px;
padding: 28px 24px;
margin: 100px auto;
background-color: #272E39;
width: 360px;
}
.login h1 {
margin-bottom: 20px;
font-weight: normal;
font-size: 20px;
}
.login input {
margin-bottom: 22px;
}
.login .error {
margin-bottom: 22px;
color: #e86060;
}
.login .actions a,
.login .actions a:active,
.login .actions a:visited {
color: #96a0b4;
margin-left: 16px;
}
.login .actions a:hover {
color: #fff;
}
.login .actions .button {
height: 32px;
line-height: 32px;
padding: 0 16px;
font-size: 13px;
border-radius: 3px;
cursor: pointer;
background-color: #337ab7;
color: #fff;
border: 0;
}
.login .actions .button:hover {
background-color: #437baa;
}

73
src/public/css/template/default/register.css

@ -0,0 +1,73 @@
.register {
border-radius: 3px;
padding: 28px 24px;
margin: 100px auto;
background-color: #272E39;
width: 360px;
}
.register h1 {
margin-bottom: 20px;
font-weight: normal;
font-size: 20px;
}
.register input {
margin-bottom: 22px;
}
.register p {
margin-bottom: 16px;
display: block;
position: relative;
overflow: hidden;
}
.register .error {
margin-bottom: 22px;
color: #e86060;
}
.register .actions a,
.register .actions a:active,
.register .actions a:visited {
color: #96a0b4;
margin-left: 16px;
}
.register .actions a:hover {
color: #fff;
}
.register .username {
color: #44c508;
}
.register .key {
color: #44c508;
font-size: 9px;
text-align: center;
height: 36px;
line-height: 36px;
display: block;
overflow: auto;
margin-bottom: 22px;
}
.register .actions .button {
height: 32px;
line-height: 32px;
padding: 0 16px;
font-size: 13px;
border-radius: 3px;
cursor: pointer;
background-color: #337ab7;
color: #fff!important;
margin: 0;
display: inline-block
}
.register .actions .button:hover {
background-color: #437baa;
margin: 0;
}
Loading…
Cancel
Save