mirror of
https://github.com/YunoHost/yunohost-admin.git
synced 2024-09-03 20:06:15 +02:00
clean up with less mixins
This commit is contained in:
parent
ac2530a1fd
commit
6b9ee06e02
3 changed files with 134 additions and 12 deletions
132
css/style.less
132
css/style.less
|
@ -1,8 +1,138 @@
|
||||||
@import "../bootstrap/less/bootstrap.less";
|
@import "../bootstrap/less/bootstrap.less";
|
||||||
|
|
||||||
|
|
||||||
@import "style.css";
|
html, body {
|
||||||
|
width:100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* The top heading of the doc
|
||||||
|
*
|
||||||
|
*/
|
||||||
|
|
||||||
|
#masthead {
|
||||||
|
.page-header;
|
||||||
|
.clearfix;
|
||||||
|
.hidden-xs;
|
||||||
|
.make-row(12);
|
||||||
|
|
||||||
|
.app.title {
|
||||||
|
.make-sm-column(10);
|
||||||
|
.desc {
|
||||||
|
.small;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.logout-button {
|
||||||
|
.make-sm-column(2);
|
||||||
|
a {
|
||||||
|
.hidden;
|
||||||
|
.glyphicon;
|
||||||
|
.glyphicon-log-out;
|
||||||
|
.btn;
|
||||||
|
.btn-link;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
#slider {
|
||||||
|
.center-block;
|
||||||
|
padding: 5px;
|
||||||
|
max-width: 750px;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
position: relative;
|
||||||
|
overflow: hidden;
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
#slider-container {
|
||||||
|
max-width: 1500px;/*[RFC] why the max-width? */
|
||||||
|
width: 1500px;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
#main {
|
||||||
|
float: left;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.block {
|
||||||
|
float:left;
|
||||||
|
height: 100%;
|
||||||
|
max-width: 750px;
|
||||||
|
width: 50%;
|
||||||
|
height: 100%;
|
||||||
|
padding: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.move {
|
||||||
|
-webkit-transition: margin-left 0.4s ease-in-out;
|
||||||
|
-moz-transition: margin-left 0.4s ease-in-out;
|
||||||
|
-o-transition: margin-left 0.4s ease-in-out;
|
||||||
|
-ms-transition: margin-left 0.4s ease-in-out;
|
||||||
|
transition: margin-left 0.4s ease-in-out;
|
||||||
|
}
|
||||||
|
|
||||||
|
body .form-control {
|
||||||
|
padding: 6px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.view-title {
|
||||||
|
text-align: center;
|
||||||
|
font-size: 25px;
|
||||||
|
margin: -35px 120px 0 120px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.page-header {
|
||||||
|
margin-top: 0px;
|
||||||
|
padding: 0 10px;
|
||||||
|
}
|
||||||
|
.page-header h1,
|
||||||
|
.page-header .logout-button {
|
||||||
|
margin-top:20px;
|
||||||
|
}
|
||||||
|
.page-header h1 {max-width: 85%; /* leave space for logout button */}
|
||||||
|
.logout-button {font-size:2em;}
|
||||||
|
|
||||||
|
|
||||||
|
div.br {
|
||||||
|
height: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.loader-content {
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
bottom: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
z-index: 2000;
|
||||||
|
text-align: center;
|
||||||
|
background: rgba(255, 255, 255, 0.5);
|
||||||
|
padding-top: 10%;
|
||||||
|
}
|
||||||
|
.loader-content img {
|
||||||
|
display: inline-block;
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.help-block {
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
th h3,
|
||||||
|
th h4 {
|
||||||
|
margin-bottom: 5px;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
th h4 {font-size: 16px;}
|
||||||
|
th h4 small {font-size: 12px;}
|
||||||
|
|
||||||
|
|
||||||
|
select option[default] {
|
||||||
|
color: #999;
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
|
|
||||||
@import "../fonts.css";
|
@import "../fonts.css";
|
||||||
|
|
2
css/style.min.css
vendored
2
css/style.min.css
vendored
File diff suppressed because one or more lines are too long
12
index.html
12
index.html
|
@ -12,17 +12,9 @@
|
||||||
<body>
|
<body>
|
||||||
<div id="slider" role="application">
|
<div id="slider" role="application">
|
||||||
|
|
||||||
<!--div class="page-header clearfix hidden-xs">
|
|
||||||
<a href="#/logout" class="pull-right logout-button">
|
|
||||||
<span class="glyphicon glyphicon-log-out"></span><span class="text-hide">Logout</span>
|
|
||||||
</a>
|
|
||||||
<h1 class="pull-left">YunoHost <small>Administration</small></h1>
|
|
||||||
</div-->
|
|
||||||
|
|
||||||
<header id="masthead">
|
<header id="masthead">
|
||||||
<h1 class="app title">YunoHost</a>
|
<h1 class="app title">YunoHost <span class="desc">Administration</span></h1>
|
||||||
<p class="app desc">Administration</p>
|
<button class="logout-button"><a href="#/logout">Logout</a></button>
|
||||||
<a href="#/logout" class="logout-button">Logout</a>
|
|
||||||
</header>
|
</header>
|
||||||
|
|
||||||
<div id="flash" role="alert" style="display: none"></div>
|
<div id="flash" role="alert" style="display: none"></div>
|
||||||
|
|
Loading…
Add table
Reference in a new issue