dan/api_docs
1
0
Fork 0
mirror of https://github.com/danbulant/api_docs synced 2026-06-19 06:11:42 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Standardizes search styles

Browse source 
Signed-off-by: Christopher Rogers <chrissrogers@gmail.com>
This commit is contained in:
Christopher Rogers 2014-04-15 13:40:45 -05:00
parent 477146e5bf
commit 0a0e84b8e8
2 changed files with 33 additions and 32 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

63
source/stylesheets/screen.css.scss
View file

@ -36,15 +36,6 @@ html, body {
height: 100%; height: 100%;
} }
.search-highlight {
background-image: linear-gradient(to bottom right, #F7E633 0%, #F1D32F 100%);
padding: 2px;
margin: -2px;
border-radius: 4px;
border: 1px solid #F7E633;
text-shadow: 1px 1px 0 #666;
}
//////////////////////////////////////////////////////////////////////////////// ////////////////////////////////////////////////////////////////////////////////
// TABLE OF CONTENTS // TABLE OF CONTENTS
//////////////////////////////////////////////////////////////////////////////// ////////////////////////////////////////////////////////////////////////////////
@ -72,7 +63,7 @@ html, body {
input { input {
background: $nav-bg; background: $nav-bg;
border-width: 0 0 1px 0; border-width: 0 0 1px 0;
border-color: $nav-footer-border-color; border-color: $search-box-border-color;
padding: 6px 0 6px 20px; padding: 6px 0 6px 20px;
box-sizing: border-box; box-sizing: border-box;
margin: 10px 15px; margin: 10px 15px;
@ -243,28 +234,6 @@ html, body {
//////////////////////////////////////////////////////////////////////////////// ////////////////////////////////////////////////////////////////////////////////
// This is all the stuff with the light background in the left half of the page // This is all the stuff with the light background in the left half of the page
.search-info {
margin-top: 0;
min-height: 52px;
padding: 1em 1.75em;
font-size: 1.2em;
font-weight: bold;
text-shadow: 0 1px 0 lighten($aside-notice-bg, 15%);
background: $aside-notice-bg; // TODO: color
position: fixed;
z-index: 75;
display: none;
@include box-sizing(border-box);
&:before {
@extend %icon-search;
vertical-align: middle;
padding-right: 0.5em;
font-size: 1.2em;
}
}
.content { .content {
// to place content above the dark box // to place content above the dark box
position: relative; position: relative;
@ -442,8 +411,38 @@ html, body {
@extend %icon-ok-sign; @extend %icon-ok-sign;
} }
} }
.search-highlight {
padding: 2px;
margin: -2px;
border-radius: 4px;
border: 1px solid #F7E633;
text-shadow: 1px 1px 0 #666;
@include background(linear-gradient(to bottom right, #F7E633 0%, #F1D32F 100%));
}
} }
.search-info {
margin-top: 0;
min-height: 52px;
padding: 1em 1.75em;
font-size: 1.2em;
font-weight: bold;
text-shadow: 0 1px 0 lighten($search-notice-bg, 15%);
background: $search-notice-bg;
position: fixed;
z-index: 75;
display: none;
@include box-sizing(border-box);
&:before {
@extend %icon-search;
vertical-align: middle;
padding-right: 0.5em;
font-size: 1.2em;
}
}
//////////////////////////////////////////////////////////////////////////////// ////////////////////////////////////////////////////////////////////////////////
// CODE SAMPLE STYLES // CODE SAMPLE STYLES

2
source/stylesheets/variables.scss
View file

@ -37,6 +37,7 @@ $main-bg: #eaf2f6;
$aside-notice-bg: #8fbcd4; $aside-notice-bg: #8fbcd4;
$aside-warning-bg: #c97a7e; $aside-warning-bg: #c97a7e;
$aside-success-bg: #6ac174; $aside-success-bg: #6ac174;
$search-notice-bg: #8fbcd4;
// TEXT COLORS // TEXT COLORS
@ -86,6 +87,7 @@ $nav-footer-border-color: #666;
$nav-embossed-border-top: 1px solid #000; $nav-embossed-border-top: 1px solid #000;
$nav-embossed-border-bottom: 1px solid #404040; $nav-embossed-border-bottom: 1px solid #404040;
$main-embossed-text-shadow: 0px 1px 0px #fff; $main-embossed-text-shadow: 0px 1px 0px #fff;
$search-box-border-color: #666;
//////////////////////////////////////////////////////////////////////////////// ////////////////////////////////////////////////////////////////////////////////