Admin panel with uikit
This commit is contained in:
dignajar
parent
c34e54775c
commit
6da75b9327
|
|
@ -1,12 +1,53 @@
|
||||||
|
/* uikit hack for Bludit */
|
||||||
|
.uk-navbar {
|
||||||
|
background: #f5f5f5;
|
||||||
|
border: none !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.uk-button {
|
||||||
|
color: #ffffff;
|
||||||
|
padding: 1px 18px;
|
||||||
|
text-shadow: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.uk-button:hover,
|
||||||
|
.uk-button:focus {
|
||||||
|
background-color: #777777;
|
||||||
|
color: #ffffff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.uk-navbar-nav > li > a {
|
||||||
|
border: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.uk-form-label {
|
||||||
|
color: #666666;
|
||||||
|
font-weight: normal !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.uk-form-help-block {
|
||||||
|
color: #AAAAAA;
|
||||||
|
font-size: 0.9em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.uk-table th,
|
||||||
|
.uk-table td {
|
||||||
|
padding: 15px 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Bludit */
|
||||||
|
|
||||||
#logo {
|
#logo {
|
||||||
background: #f4f4f4;
|
background: #f4f4f4;
|
||||||
height: 60px;
|
height: 60px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#navbar {
|
|
||||||
border-top: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
h2.subtitle {
|
h2.subtitle {
|
||||||
margin: 20px 0;
|
margin: 20px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
div.plugin-link a {
|
||||||
|
display: inline-block;
|
||||||
|
margin-right: 10px;
|
||||||
|
margin-top: 5px;
|
||||||
|
}
|
||||||
File diff suppressed because one or more lines are too long
|
|
@ -18,7 +18,7 @@
|
||||||
<body>
|
<body>
|
||||||
|
|
||||||
<!-- Logo -->
|
<!-- Logo -->
|
||||||
<div id="logo">
|
<div id="logo" class="uk-hidden-small">
|
||||||
<div class="uk-container uk-container-center">
|
<div class="uk-container uk-container-center">
|
||||||
<a class="uk-navbar-brand" href="#">
|
<a class="uk-navbar-brand" href="#">
|
||||||
<img class="uk-margin uk-margin-remove" alt="Bludit Logo" src="img/logo256.png">
|
<img class="uk-margin uk-margin-remove" alt="Bludit Logo" src="img/logo256.png">
|
||||||
|
|
@ -27,21 +27,21 @@
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- NAVBAR -->
|
<!-- NAVBAR -->
|
||||||
<nav id="navbar" class="uk-navbar">
|
<nav class="uk-navbar">
|
||||||
<div class="uk-container uk-container-center">
|
<div class="uk-container uk-container-center">
|
||||||
|
|
||||||
<ul class="uk-navbar-nav uk-hidden-small">
|
<ul class="uk-navbar-nav uk-hidden-small">
|
||||||
<li class="uk-active"><a href=""><i class="uk-icon-cog"></i> Dashboard</a></li>
|
<li class="uk-active"><a href=""><i class="uk-icon-object-ungroup"></i> Dashboard</a></li>
|
||||||
<li><a href=""><i class="uk-icon-pencil-square-o"></i> New post</a></li>
|
<li><a href=""><i class="uk-icon-pencil"></i> New post</a></li>
|
||||||
<li><a href=""><i class="uk-icon-cog"></i> New page</a></li>
|
<li><a href=""><i class="uk-icon-file-text-o"></i> New page</a></li>
|
||||||
|
|
||||||
<li class="uk-parent" data-uk-dropdown>
|
<li class="uk-parent" data-uk-dropdown>
|
||||||
<a href="http://www.getuikit.com"><i class="uk-icon-cog"></i> Manage</a>
|
<a href="http://www.getuikit.com"><i class="uk-icon-clone"></i> Manage</a>
|
||||||
<div class="uk-dropdown uk-dropdown-navbar">
|
<div class="uk-dropdown uk-dropdown-navbar">
|
||||||
<ul class="uk-nav uk-nav-navbar">
|
<ul class="uk-nav uk-nav-navbar">
|
||||||
<li><a href="#"><i class="uk-icon-pencil-square-o"></i> Posts</a></li>
|
<li><a href="#">Posts</a></li>
|
||||||
<li><a href="#"><i class="uk-icon-cog"></i> Pages</a></li>
|
<li><a href="#">Pages</a></li>
|
||||||
<li><a href="#"><i class="uk-icon-cog"></i> Users</a></li>
|
<li><a href="#">Users</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</li>
|
</li>
|
||||||
|
|
@ -62,6 +62,18 @@
|
||||||
</div>
|
</div>
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
|
<li class="uk-parent" data-uk-dropdown>
|
||||||
|
<a href="http://www.getuikit.com"><i class="uk-icon-user"></i> Admin</a>
|
||||||
|
<div class="uk-dropdown uk-dropdown-navbar">
|
||||||
|
<ul class="uk-nav uk-nav-navbar">
|
||||||
|
<li><a href="#">Profile</a></li>
|
||||||
|
<li class="uk-nav-divider"></li>
|
||||||
|
<li><a href="#">Website</a></li>
|
||||||
|
<li><a href="#">Logout</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
|
||||||
</ul>
|
</ul>
|
||||||
|
|
||||||
<a href="#offcanvas" class="uk-navbar-toggle uk-visible-small" data-uk-offcanvas></a>
|
<a href="#offcanvas" class="uk-navbar-toggle uk-visible-small" data-uk-offcanvas></a>
|
||||||
|
|
@ -98,7 +110,7 @@
|
||||||
<!-- VIEW -->
|
<!-- VIEW -->
|
||||||
<div class="uk-container uk-container-center">
|
<div class="uk-container uk-container-center">
|
||||||
|
|
||||||
<h2 class="subtitle"><i class="uk-icon-cog"></i> Manage posts</h2>
|
<h2 class="subtitle"><i class="uk-icon-cog"></i> Plugins</h2>
|
||||||
|
|
||||||
<form class="uk-form uk-form-horizontal">
|
<form class="uk-form uk-form-horizontal">
|
||||||
<div class="uk-grid">
|
<div class="uk-grid">
|
||||||
|
|
@ -108,21 +120,27 @@
|
||||||
<table class="uk-table uk-table-striped">
|
<table class="uk-table uk-table-striped">
|
||||||
<thead>
|
<thead>
|
||||||
<tr>
|
<tr>
|
||||||
<th class="uk-margin">Titulo</th>
|
<th class="uk-width-1-4">Name</th>
|
||||||
<th>Date</th>
|
<th class="uk-width-3-4">Description</th>
|
||||||
<th>Slug</th>
|
<th>Version</th>
|
||||||
|
<th>Author</th>
|
||||||
</tr>
|
</tr>
|
||||||
</thead>
|
</thead>
|
||||||
<tbody>
|
<tbody>
|
||||||
<tr>
|
<tr>
|
||||||
<td>Post prueba</td>
|
<td>
|
||||||
<td>2015-09-09 20:30</td>
|
<div class="plugin-name">Google Tools more large and large</div>
|
||||||
<td>post-prueba</td>
|
<div class="plugin-link"><a>Install</a><a>Configure</a></div>
|
||||||
|
</td>
|
||||||
|
<td>Plugin for Google tools, like as Google Analytics and Google Webmaster tools.Plugin for Google tools, like as Google Analytics and Google Webmaster tools.Plugin for Google tools, like as Google Analytics and Google Webmaster tools.</td>
|
||||||
|
<td>0.1.2</td>
|
||||||
|
<td>Bludit</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td>Post prueba</td>
|
<td><div class="plugin-name">Google Tools</div><div class="plugin-link"><a>Install</a></div></td>
|
||||||
<td>2015-09-09 20:30</td>
|
<td>Plugin for Google tools, like as Google Analytics and Google Webmaster tools.</td>
|
||||||
<td>post-prueba</td>
|
<td>0.1.2</td>
|
||||||
|
<td>Bludit</td>
|
||||||
</tr>
|
</tr>
|
||||||
</tbody>
|
</tbody>
|
||||||
</table>
|
</table>
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,145 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en-gb" dir="ltr" class="uk-notouch">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
<meta name="robots" content="noindex,nofollow">
|
||||||
|
|
||||||
|
<title>Bludit</title>
|
||||||
|
|
||||||
|
<link rel="stylesheet" type="text/css" href="css/uikit.css">
|
||||||
|
<link rel="stylesheet" type="text/css" href="css/default.css">
|
||||||
|
<link rel="stylesheet" type="text/css" href="css/jquery.datetimepicker.css">
|
||||||
|
|
||||||
|
<script charset="utf-8" src="js/jquery.min.js"></script>
|
||||||
|
<script charset="utf-8" src="js/uikit.min.js"></script>
|
||||||
|
<script charset="utf-8" src="js/jquery.datetimepicker.js"></script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<!-- Logo -->
|
||||||
|
<div id="logo" class="uk-hidden-small">
|
||||||
|
<div class="uk-container uk-container-center">
|
||||||
|
<a class="uk-navbar-brand" href="#">
|
||||||
|
<img class="uk-margin uk-margin-remove" alt="Bludit Logo" src="img/logo256.png">
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- NAVBAR -->
|
||||||
|
<nav class="uk-navbar">
|
||||||
|
<div class="uk-container uk-container-center">
|
||||||
|
|
||||||
|
<ul class="uk-navbar-nav uk-hidden-small">
|
||||||
|
<li class="uk-active"><a href=""><i class="uk-icon-cog"></i> Dashboard</a></li>
|
||||||
|
<li><a href=""><i class="uk-icon-pencil-square-o"></i> New post</a></li>
|
||||||
|
<li><a href=""><i class="uk-icon-cog"></i> New page</a></li>
|
||||||
|
|
||||||
|
<li class="uk-parent" data-uk-dropdown>
|
||||||
|
<a href="http://www.getuikit.com"><i class="uk-icon-cog"></i> Manage</a>
|
||||||
|
<div class="uk-dropdown uk-dropdown-navbar">
|
||||||
|
<ul class="uk-nav uk-nav-navbar">
|
||||||
|
<li><a href="#"><i class="uk-icon-pencil-square-o"></i> Posts</a></li>
|
||||||
|
<li><a href="#"><i class="uk-icon-cog"></i> Pages</a></li>
|
||||||
|
<li><a href="#"><i class="uk-icon-cog"></i> Users</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="uk-parent" data-uk-dropdown>
|
||||||
|
<a href="http://www.getuikit.com"><i class="uk-icon-cog"></i> Settings</a>
|
||||||
|
<div class="uk-dropdown uk-dropdown-navbar">
|
||||||
|
<ul class="uk-nav uk-nav-navbar">
|
||||||
|
<li><a href="#">General</a></li>
|
||||||
|
<li><a href="#">Advanced</a></li>
|
||||||
|
<li><a href="#">Lenguage & Timezone</a></li>
|
||||||
|
<li class="uk-nav-divider"></li>
|
||||||
|
<li><a href="#">Plugins</a></li>
|
||||||
|
<li><a href="#">Themes</a></li>
|
||||||
|
<li class="uk-nav-divider"></li>
|
||||||
|
<li><a href="#">About Bludit</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<a href="#offcanvas" class="uk-navbar-toggle uk-visible-small" data-uk-offcanvas></a>
|
||||||
|
<div class="uk-navbar-brand uk-navbar-center uk-visible-small">Bludit</div>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
<!-- OFFCANVAS -->
|
||||||
|
<div id="offcanvas" class="uk-offcanvas">
|
||||||
|
<div class="uk-offcanvas-bar">
|
||||||
|
<ul class="uk-nav uk-nav-offcanvas">
|
||||||
|
<li class="uk-active">
|
||||||
|
<a href="layouts_frontpage.html">Frontpage</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="layouts_portfolio.html">Portfolio</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="layouts_blog.html">Blog</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="layouts_documentation.html">Documentation</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="layouts_contact.html">Contact</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="layouts_login.html">Login</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- VIEW -->
|
||||||
|
<div class="uk-container uk-container-center">
|
||||||
|
|
||||||
|
<h2 class="subtitle"><i class="uk-icon-cog"></i> Manage posts</h2>
|
||||||
|
|
||||||
|
<form class="uk-form uk-form-horizontal">
|
||||||
|
<div class="uk-grid">
|
||||||
|
|
||||||
|
<div class="uk-width-large-1-1">
|
||||||
|
|
||||||
|
<table class="uk-table uk-table-striped">
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th>Titulo</th>
|
||||||
|
<th>Date</th>
|
||||||
|
<th>Slug</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td>Post prueba</td>
|
||||||
|
<td>2015-09-09 20:30</td>
|
||||||
|
<td>post-prueba</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Post prueba</td>
|
||||||
|
<td>2015-09-09 20:30</td>
|
||||||
|
<td>post-prueba</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
|
||||||
|
<ul class="uk-pagination">
|
||||||
|
<li><a href="">1</a></li>
|
||||||
|
<li class="uk-active"><span>2</span></li>
|
||||||
|
<li class="uk-disabled"><span>3</span></li>
|
||||||
|
<li><span>4</span></li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
@ -18,7 +18,7 @@
|
||||||
<body>
|
<body>
|
||||||
|
|
||||||
<!-- Logo -->
|
<!-- Logo -->
|
||||||
<div id="logo">
|
<div id="logo" class="uk-hidden-small">
|
||||||
<div class="uk-container uk-container-center">
|
<div class="uk-container uk-container-center">
|
||||||
<a class="uk-navbar-brand" href="#">
|
<a class="uk-navbar-brand" href="#">
|
||||||
<img class="uk-margin uk-margin-remove" alt="Bludit Logo" src="img/logo256.png">
|
<img class="uk-margin uk-margin-remove" alt="Bludit Logo" src="img/logo256.png">
|
||||||
|
|
@ -27,7 +27,7 @@
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- NAVBAR -->
|
<!-- NAVBAR -->
|
||||||
<nav id="navbar" class="uk-navbar">
|
<nav class="uk-navbar">
|
||||||
<div class="uk-container uk-container-center">
|
<div class="uk-container uk-container-center">
|
||||||
|
|
||||||
<ul class="uk-navbar-nav uk-hidden-small">
|
<ul class="uk-navbar-nav uk-hidden-small">
|
||||||
|
|
|
||||||
|
|
@ -18,7 +18,7 @@
|
||||||
<body>
|
<body>
|
||||||
|
|
||||||
<!-- Logo -->
|
<!-- Logo -->
|
||||||
<div id="logo">
|
<div id="logo" class="uk-hidden-small">
|
||||||
<div class="uk-container uk-container-center">
|
<div class="uk-container uk-container-center">
|
||||||
<a class="uk-navbar-brand" href="#">
|
<a class="uk-navbar-brand" href="#">
|
||||||
<img class="uk-margin uk-margin-remove" alt="Bludit Logo" src="img/logo256.png">
|
<img class="uk-margin uk-margin-remove" alt="Bludit Logo" src="img/logo256.png">
|
||||||
|
|
@ -27,7 +27,7 @@
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- NAVBAR -->
|
<!-- NAVBAR -->
|
||||||
<nav id="navbar" class="uk-navbar">
|
<nav class="uk-navbar">
|
||||||
<div class="uk-container uk-container-center">
|
<div class="uk-container uk-container-center">
|
||||||
|
|
||||||
<ul class="uk-navbar-nav uk-hidden-small">
|
<ul class="uk-navbar-nav uk-hidden-small">
|
||||||
|
|
@ -121,6 +121,8 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<legend>Advanced settings</legend>
|
||||||
|
|
||||||
<div class="uk-form-row">
|
<div class="uk-form-row">
|
||||||
<label class="uk-form-label" for="jsslug">Site description</label>
|
<label class="uk-form-label" for="jsslug">Site description</label>
|
||||||
<div class="uk-form-controls">
|
<div class="uk-form-controls">
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue