Popups over pages
This commit is contained in:
@@ -44,7 +44,6 @@ input, textarea, select {
|
|||||||
.navigation {
|
.navigation {
|
||||||
|
|
||||||
.logo {
|
.logo {
|
||||||
opacity: .05;
|
|
||||||
background: $couch_color;
|
background: $couch_color;
|
||||||
display: block;
|
display: block;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
@@ -79,6 +78,7 @@ input, textarea, select {
|
|||||||
|
|
||||||
.menu, .search_form, .notification_menu {
|
.menu, .search_form, .notification_menu {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
z-index: 200;
|
||||||
bottom: $padding / 3;
|
bottom: $padding / 3;
|
||||||
width: 44px;
|
width: 44px;
|
||||||
height: 44px;
|
height: 44px;
|
||||||
@@ -108,18 +108,23 @@ input, textarea, select {
|
|||||||
|
|
||||||
&:empty:after {
|
&:empty:after {
|
||||||
content: 'No notifications (yet)';
|
content: 'No notifications (yet)';
|
||||||
text-align: center;
|
|
||||||
width: 100%;
|
width: 100%;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
padding: 18px 0;
|
line-height: 60px;
|
||||||
font-size: 15px;
|
font-size: 15px;
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
opacity: .4;
|
opacity: .4;
|
||||||
|
left: $padding * 2;
|
||||||
}
|
}
|
||||||
|
|
||||||
&:empty:before {
|
&:empty:before {
|
||||||
content: '\e808';
|
content: '\e808';
|
||||||
font-family: "icons";
|
font-family: "icons";
|
||||||
|
height: 100%;
|
||||||
|
line-height: 60px;
|
||||||
|
margin-left: $padding;
|
||||||
|
text-align: center;
|
||||||
|
opacity: .4;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -256,6 +261,7 @@ input, textarea, select {
|
|||||||
right: 0;
|
right: 0;
|
||||||
background: $background_color;
|
background: $background_color;
|
||||||
z-index: 5000;
|
z-index: 5000;
|
||||||
|
box-shadow: 0 0 4px rgba(0,0,0,.1);
|
||||||
|
|
||||||
&:before {
|
&:before {
|
||||||
@include transform(rotate(45deg) translateY(-60%));
|
@include transform(rotate(45deg) translateY(-60%));
|
||||||
@@ -277,7 +283,7 @@ input, textarea, select {
|
|||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
li {
|
ul li {
|
||||||
display: block;
|
display: block;
|
||||||
line-height: 1em;
|
line-height: 1em;
|
||||||
|
|
||||||
@@ -285,6 +291,8 @@ input, textarea, select {
|
|||||||
display: block;
|
display: block;
|
||||||
color: $text_color;
|
color: $text_color;
|
||||||
padding: $padding/4 $padding/2;
|
padding: $padding/4 $padding/2;
|
||||||
|
font-size: 1em;
|
||||||
|
line-height: 22px;
|
||||||
}
|
}
|
||||||
|
|
||||||
&:first-child a {
|
&:first-child a {
|
||||||
@@ -307,4 +315,4 @@ input, textarea, select {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user