Commit 7dec20d3 authored by Aria Givi's avatar Aria Givi
Browse files

Styles in staticpages.less vershcoben

parent dc9ff080
......@@ -121,6 +121,61 @@ ul.metager-dropdown-menu {
}
}
.sideBar {
position: fixed;
display: block;
right: -140px;
top: 0;
width: 200px;
height: 100%;
background-color: #FFF;
overflow: hidden;
overflow-y: auto;
transition: 0.3s;
z-index: 999;
border-left: 1px solid LightGray;
&>label {
position: fixed;
font-size: 36px;
top: 0px;
right: 20px;
&:after {
content: "≡";
}
}
&>ul {
padding-top: 20%;
padding-left: 0%;
}
& a {
font-size: 12px;
line-height: 20px;
text-decoration: none;
text-indent: 12px;
width: 160px;
&:visited {
color: blue;
}
}
}
.sideBar *:not(label) {
display:none;
}
input#nav0:checked ~ .sideBar {
right:0px;
& * {
display: inline-block;
}
}
input#nav0:checked ~ .sideBar label:after {
content: "×";
}
#mglogo {
width: 100%;
text-align: center;
......
......@@ -32,68 +32,6 @@
<body>
<header>
@yield('homeIcon')
<style>
.sideBar {
position: fixed;
display: block;
right: -140px;
top: 0;
width: 200px;
height: 100%;
background-color: #FFF;
overflow: hidden;
overflow-y: auto;
transition: 0.3s;
z-index: 999;
border-left: 1px solid LightGray;
}
.sideBar > ul {
padding-top: 20%;
padding-left: 0%;
}
input#nav0:checked ~ .sideBar {
right:0px;
}
input#nav0:checked ~ .sideBar label:after {
content: "×";
}
input#nav0:checked ~ .sideBar * {
display: inline-block;
}
.sideBar label {
position: fixed;
font-size: 36px;
top: 0px;
right: 20px;
}
.sideBar label:after {
content: "≡";
}
.sideBar *:not(label) {
display:none;
}
.sideBar a {
font-size: 12px;
line-height: 20px;
text-decoration: none;
text-indent: 12px;
width: 160px;
}
.sideBar a:visited {
color: blue;
}
</style>
<input name="nav" id="nav0" style="display: none;" type="checkbox">
<div class="sideBar">
<label role="button" for="nav0"></label>
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment