zydronium/neocities
1
0
Fork 0
mirror of https://github.com/neocities/neocities.git synced 2025-04-28 11:12:30 +02:00
Code Issues Projects Releases Packages Wiki Activity

Surf bar style refinements

Browse source
This commit is contained in:
Victoria Wang 2014-10-23 16:12:13 -07:00
parent 3016ef8d79
commit df30d5879e
1 changed files with 34 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

40
views/surf.erb
View file

@ -10,7 +10,7 @@
<link href="/css/font-awesome.css" rel="stylesheet"> <link href="/css/font-awesome.css" rel="stylesheet">
<link href="/css/bootstrap.min.css" rel="stylesheet"> <link href="/css/bootstrap.min.css" rel="stylesheet">
<style> <style>
* { *, form {
margin: 0; margin: 0;
padding: 0; padding: 0;
} }
@ -44,10 +44,12 @@
} }
#top-bar ul { #top-bar ul {
list-style: none; list-style: none;
margin: 0;
} }
#top-bar li { #top-bar li {
float: left; float: left;
margin-left: 20px; margin-left: 20px;
line-height: normal;
} }
#top-bar a { #top-bar a {
color: #cecece; color: #cecece;
@ -60,14 +62,37 @@
border: 0; border: 0;
background: #555; background: #555;
color: white; color: white;
width: 120px; width: 13em;
padding: 1px 5px; padding: 1px 5px;
font-size: inherit;
margin: 0;
height: 1.1em;
line-height: normal;
border-radius: 3px;
}
::-webkit-input-placeholder { font-style: italic; color: #aaa!important; }
:-moz-placeholder { font-style: italic; color: #ccc; }
::-moz-placeholder { font-style: italic; color: #ccc; }
:-ms-input-placeholder { font-style: italic; color: #ccc; }
#top-bar .twitter-typeahead {
color: #000;
}
#top-bar .tt-dropdown-menu {
background: #FFFFFF;
cursor: pointer;
border: 1px solid #ddd;
top: 106%!important;
width: 98.5%!important;
}
#top-bar .tt-suggestion {
margin:0;
padding: 0px 8px 0px 8px;
height: 2em;
line-height: 2em;
}
#top-bar .tt-cursor {
background: #DAF3EF;
} }
::-webkit-input-placeholder { font-style: italic; }
:-moz-placeholder { font-style: italic; }
::-moz-placeholder { font-style: italic; }
:-ms-input-placeholder { font-style: italic; }
#top-bar .browse-actions { #top-bar .browse-actions {
margin-left: 20px; margin-left: 20px;
} }
@ -82,6 +107,7 @@
background-size: 13px; background-size: 13px;
margin-top: 1px; margin-top: 1px;
float: left; float: left;
opacity: 1; /*overriding boostrap*/
} }
#top-bar .invisible a { #top-bar .invisible a {
color: #3B3B3B; color: #3B3B3B;