Skip to content
Snippets Groups Projects
Commit f7395ca2 authored by Hermanik's avatar Hermanik
Browse files

website. fix notification centre. add images.less, fixing borders, buttons, font, menu, grid

parent c62ecd96
No related branches found
Tags v0.9.9
No related merge requests found
Showing
with 787 additions and 67 deletions
......@@ -3,7 +3,7 @@
<head>
<title>Sales Letter Framework</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="../src/css/style.css"/>
<link rel="stylesheet" href="../src/css/bowtie.css"/>
<link rel="stylesheet" href="../src/css/checkbox-font.css"/>
<link rel="stylesheet" href="../src/css/font-awesome.css"/>
......
......@@ -3,7 +3,7 @@
<head>
<title>Sales Letter Framework</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="../src/css/style.css"/>
<link rel="stylesheet" href="../src/css/bowtie.css"/>
<link rel="stylesheet" href="../src/css/checkbox-font.css"/>
<link rel="stylesheet" href="../src/css/font-awesome.css"/>
......
......@@ -3,7 +3,7 @@
<head>
<title>Sales Letter Framework</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="../src/css/style.css"/>
<link rel="stylesheet" href="../src/css/bowtie.css"/>
<link rel="stylesheet" href="../src/css/checkbox-font.css"/>
<link rel="stylesheet" href="../src/css/font-awesome.css"/>
......
......@@ -3,7 +3,7 @@
<head>
<title>Sales Letter Framework</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="../src/css/style.css"/>
<link rel="stylesheet" href="../src/css/bowtie.css"/>
<link rel="stylesheet" href="../src/css/checkbox-font.css"/>
<link rel="stylesheet" href="../src/css/font-awesome.css"/>
......
......@@ -3,7 +3,7 @@
<head>
<title>Sales Letter Framework</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="../src/css/style.css"/>
<link rel="stylesheet" href="../src/css/bowtie.css"/>
<link rel="stylesheet" href="../src/css/checkbox-font.css"/>
<link rel="stylesheet" href="../src/css/font-awesome.css"/>
......
source diff could not be displayed: it is too large. Options to address this: view the blob.
source diff could not be displayed: it is too large. Options to address this: view the blob.
......@@ -314,31 +314,29 @@
// block align
.pull-left {
float: left;
float: left !important;
}
.pull-right {
float: right;
float: right !important;
}
// block display
.display-block {
display: block;
display: block !important;
}
.display-inline {
display: inline;
display: inline !important;
}
.display-inline-block {
display: inline-block;
display: inline-block !important;
}
// position
.relative {
position: relative;
position: relative !important;
}
.absolute {
position: absolute;
position: absolute !important;
}
\ No newline at end of file
......@@ -65,6 +65,7 @@
}
.dropdown-login {
display: table;
display: -moz-inline-box;
}
.head-content {
display: inline-block;
......@@ -139,13 +140,19 @@
}
label.notifi {
line-height: 45px;
width: 45px;
min-width: 45px;
padding: 0 10px;
display: inline-block;
text-align: center;
&:hover {
cursor: pointer;
opacity: 0.7;
}
a {
display: block;
margin: 0 -10px;
padding: 0 10px;
}
}
}
......
......@@ -291,7 +291,7 @@
}
.border-none {
border: none;
border: none !important;
}
//EXAMPLES
......
......@@ -5,6 +5,7 @@
padding: @space-small @space-small * 2;
color: @color-white;
display: inline-block;
text-align: center;
background-color: @color-dark-grey;
.animate();
......
......@@ -54,6 +54,8 @@
@import "slider";
// Popover
@import "popover";
// Images
@import "images";
//Administration
//*************************
// Main less for administration
......
......@@ -62,28 +62,6 @@ a:hover {
&.muted {color: @color-muted-hover}
}
// font align
.text-left {
text-align: left;
}
.text-center {
text-align: center;
}
.text-right {
text-align: right;
}
// font size
.font-smaller {
font-size: @font-size-small;
}
.font-bigger {
font-size: @font-size-large;
}
// Heading
h1,h2,h3,h4,h5,h6 {
padding: @font-padding-none;
......@@ -92,11 +70,25 @@ h1,h2,h3,h4,h5,h6 {
line-height: @headings-line-height;
}
// Text align
.text-left { text-align: left; }
.text-center { text-align: center; }
.text-right { text-align: right; }
.text-justify { text-align: justify; }
// Font size
.font-smaller { font-size: 85%; }
.font-bigger { font-size: 125%; }
// Transformation
.lowercase { text-transform: lowercase; }
.uppercase { text-transform: uppercase; }
.capitalize { text-transform: capitalize; }
// Decoration
.underline { text-decoration: underline; }
.overline { text-decoration: overline; }
.line-through { text-decoration: line-through; }
// Weight
.normal { font-weight: normal }
......
.image-row {
display: block;
.clearfix();
&.borders {
img {
border: solid 1px @color-grey;
}
}
img {
float: left;
display: block;
padding: 5px;
}
}
.image-box {
border: solid 1px @color-grey;
overflow: hidden;
.clearfix();
p {
padding: 10px;
margin: 0;
}
.two-buttons {
.button {
width: 50%;
display: block;
}
.button:last-child {
float: right;
}
.button:first-child {
float: left;
}
}
}
\ No newline at end of file
......@@ -33,11 +33,9 @@
<div class="notification-centre">
<div class="notification-item">
<input type="checkbox" id="notifi-01" class="input-notifi"/>
<label class="notifi background-danger" for="notifi-01">X</label>
<div class="notifi-show">
<p>Notifi danger</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias consequatur dicta doloremque doloribus ex molestiae placeat voluptatum. A ab cum deserunt enim est, id minus nobis quod sunt suscipit, vitae.</p>
</div>
<label class="notifi background-danger" for="notifi-01">
<a href="">X</a>
</label>
</div>
<div class="notification-item">
......
source diff could not be displayed: it is too large. Options to address this: view the blob.
......@@ -258,7 +258,7 @@ a.social-popout img:hover {
.side-bar {
margin-bottom: 0;
padding-bottom: 0;
margin-top: 50px;
margin-top: 40px;
width: 300px;
position: static;
background: transparent;
......@@ -281,15 +281,22 @@ a.social-popout img:hover {
.sidebar li.sub-side a {
color: #26b2f1;
font-size: 14px;
padding: 0px 15px;
padding: 0 15px;
line-height: 22px;
height: auto;
}
.side-bar li a, .side-bar li label {
height: 30px;
}
pre {
border: solid 3px #e0e0e0;
padding-left: 15px;
padding-right: 15px;
margin-bottom: 15px;
overflow: scroll;
width: 100%;
word-wrap: normal;
}
pre:hover {
/*border: solid 3px transparent;*/
......@@ -308,14 +315,6 @@ pre:hover {
background-color: #d1d1d1;
border: none;
}
.getting-started .section-item-main p {
color: #505050;
font-size: 18px;
font-weight: 600;
line-height: 24px;
margin-top: 25px;
margin-bottom: 25px;
}
.getting-started .section-item-main .section-item h3 {
color: #1f3a93;
font-size: 20px;
......@@ -326,12 +325,6 @@ pre:hover {
margin-top: 50px;
margin-bottom: 20px;
}
.getting-started .section-item-main .section-item p {
font-size: 14px;
line-height: 20px;
padding: 15px;
margin-bottom: 30px;
}
.getting-started .show-harmonica p {
color: #ffffff;
}
......@@ -393,4 +386,44 @@ pre:hover {
}
.copy-box a.zeroclipboard-is-hover {
/*background-color: red;*/
}
.not-custom-style h1, .not-custom-style h2,
.not-custom-style h3, .not-custom-style h4,
.not-custom-style h5, .not-custom-style h6 {
padding: 0 !important;
margin: 0 !important;
font-weight: 500 !important;
line-height: 1.1 !important;
border: none !important;
color: black !important;
}
.not-custom-style h1 {
font-size: 32px !important;
}
.not-custom-style h2 {
font-size: 30px !important;
}
.not-custom-style h3 {
font-size: 24px !important;
}
.not-custom-style h4 {
font-size: 18px !important;
}
.not-custom-style h5 {
font-size: 14px !important;
}
.not-custom-style h6 {
font-size: 12px !important;
}
/*RESPONZIVE*/
@media screen and (min-width: 320px) {
.menu.only-main-menu .sub-main-menu label.show-main-menu {
margin: 0;
position: absolute;
top: 0;
right: 0;
background-color: #00aeef;
padding: 25px;
}
}
\ No newline at end of file
This diff is collapsed.
......@@ -17,7 +17,7 @@
<div class="head-content">
<div class="sub-main-menu">
<label for="show-main-menu" class="show-main-menu">
<span class="fa fa-bars"></span>Menu
<span class="fa fa-bars"></span>X
</label>
<input type="checkbox" id="show-main-menu">
<ul class="main-menu">
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment