Author: sevein
Date: Tue Mar 27 17:38:16 2012
New Revision: 11297
Log:
Some CSS changes in the autocomplete
Modified:
trunk/plugins/qtDominionPlugin/css/less/_header-ac.less
Modified: trunk/plugins/qtDominionPlugin/css/less/_header-ac.less
==============================================================================
--- trunk/plugins/qtDominionPlugin/css/less/_header-ac.less Tue Mar 27
17:36:15 2012 (r11296)
+++ trunk/plugins/qtDominionPlugin/css/less/_header-ac.less Tue Mar 27
17:38:16 2012 (r11297)
@@ -16,16 +16,16 @@
@shadow: 0 3px 3px rgba(0,0,0,.25);
.box-shadow(@shadow);
-
+
.container {
margin: 0 auto 0 auto;
> #first-level {
height: 30px;
-
+
#update-check { .hide; }
-
+
}
> #second-level {
@@ -36,7 +36,7 @@
h1 {
a {
font-size:16px;
-
+
img {
float:left;
margin-right:5px;
@@ -65,7 +65,7 @@
.box-shadow(none);
display: block;
.border-radius(0);
-
+
&:-moz-placeholder {
color: @grayLighter;
@@ -124,7 +124,7 @@
float: left;
font-size: 15px;
font-variant: small-caps;
- text-transform: lowercase;
+ text-transform: lowercase;
font-family: @smallFontFamily;
font-weight: bold;
@@ -145,183 +145,188 @@
}
.dropdown-menu {
background-color: @grayDark;
-
+
.active a {
background-color: @grayDark;
}
}
}
-}
+}
+@media (max-width: 768px) {
+ #council { .hide; }
+ #header {
+ position: static;
+ height: 110px;
+ #first-level {
+ height:auto;
+ #adminmenu {
+ .hide;
+ }
-#searchrealm {
- position: fixed;
- top: 86px;
- padding:5px;
- margin-left: 0;
- z-index: @zindexPopover;
- .hide;
- .box-shadow(0 1px 3px rgba(0,0,0,.25));
- #gradient > .vertical-three-colors(@white, @white, 70%, lighten(@grayLight,
10%));
-
- div {
- border-bottom: 1px solid @grayLight;
- padding: 5px 0;
-
- institution-realm, archivescanada-realm {
-
- }
-
- archivescanada-realm {
- background: url(../../images/ArchivesCanadaLogo-small.png) repeat-x top
left;
+ #options-menu {
+ margin:0;
+ .hide;
+ }
}
-
- &:last-child { // Advanced Search
- border-bottom:none;
- text-transform: lowercase;
- font-variant: small-caps;
- margin:0 20px;
- font-size:15px;
-
- a {
- padding-right:15px;
+
+ #second-level {
+
+ #logo-and-name {
+ width: 100%;
+ float: none;
+ margin:0 0 5px 0;
+ display: block;
+
+ h1 a {
+ display: block;
+
+ img {
+ float:none !important;
+ }
+ }
}
+
+ .search {
+ width: 100%;
+ float: none;
+ margin:10px 0 0 0;
+ display: block;
+
+ form {
+ width: 100%;
+
+ input[name="query"] {
+ width: 100%;
+ border:2px solid @grayLight !important;
+ }
+ }
+
+ }
+
}
}
}
-#searchsuggestions {
+
+
+#search-suggestions {
+
position: fixed;
- top: 86px;
- padding:5px;
- margin-left: 0;
z-index: @zindexPopover;
- .hide;
.box-shadow(0 1px 3px rgba(0,0,0,.25));
#gradient > .vertical-three-colors(@white, @white, 70%, lighten(@grayLight,
10%));
-
+
+ > .div {
+
+ margin-left: 0;
+
+ }
+
.group {
+
border-bottom: 1px solid @grayLight;
- padding: 5px 0;
+ padding: 5px 0 5px 6px;
.clearfix;
-
+
img {
- float:left;
- margin:5px;
+
+ float: left;
+ margin: 5px;
+
}
-
+
ul {
- margin:0;
-
+
+ padding-left: 18px;
+
li {
- display:block;
- float:none;
- margin: 0 0 0 45px;
- padding:0;
-
-
+
+ display: block;
+ float: none;
+ margin: 0 0 0 0;
+ padding: 0;
+
a {
+
text-transform: none;
font-variant: normal;
color: @blue;
- padding:2px 0;
- font-size:14px;
-
+ padding: 2px 0;
+ font-size: 14px;
+
span {
+
font-family: @smallFontFamily;
text-transform: uppercase;
color: @gray;
font-size: 10px;
padding: 0 10px;
+
}
}
-
+
&.showall {
+
font-style: oblique;
+
}
}
}
}
- div:last-child { // Advanced Search
- border-bottom:none;
- text-transform: lowercase;
- font-variant: small-caps;
- margin:2px 45px;
- font-size:15px;
-
- a {
- padding-right:15px;
+ div:last-child {
+
+ border-bottom: none;
+ text-transform: lowercase;
+ font-variant: small-caps;
+ margin: 2px 0;
+ font-size: 15px;
+
+ a {
+ padding-right:15px;
+ }
}
}
-}
+#searchrealm {
+ position: fixed;
+ top: 86px;
+ padding:5px;
+ margin-left: 0;
+ z-index: @zindexPopover;
+ .hide;
+ .box-shadow(0 1px 3px rgba(0,0,0,.25));
+ #gradient > .vertical-three-colors(@white, @white, 70%, lighten(@grayLight,
10%));
+ div {
+ border-bottom: 1px solid @grayLight;
+ padding: 5px 0;
+
+ institution-realm, archivescanada-realm {
-@media (max-width: 768px) {
- #council { .hide; }
- #header {
- position: static;
- height: 110px;
-
- #first-level {
- height:auto;
-
- #adminmenu {
- .hide;
- }
-
- #options-menu {
- margin:0;
- .hide;
- }
}
-
- #second-level {
-
- #logo-and-name {
- width: 100%;
- float: none;
- margin:0 0 5px 0;
- display: block;
-
- h1 a {
- display: block;
-
- img {
- float:none !important;
- }
- }
- }
-
- .search {
- width: 100%;
- float: none;
- margin:10px 0 0 0;
- display: block;
- form {
- width: 100%;
+ archivescanada-realm {
+ background: url(../../images/ArchivesCanadaLogo-small.png) repeat-x top
left;
+ }
- input[name="query"] {
- width: 100%;
- border:2px solid @grayLight !important;
- }
- }
+ &:last-child { // Advanced Search
+ border-bottom:none;
+ text-transform: lowercase;
+ font-variant: small-caps;
+ margin:0 20px;
+ font-size:15px;
+ a {
+ padding-right:15px;
}
-
}
}
-
- #searchrealm, #searchsuggestions {
- position: absolute;
- top:106px;
- left:19px;
- }
-}
\ No newline at end of file
+}
+
--
You received this message because you are subscribed to the Google Groups
"Qubit Toolkit Commits" group.
To post to this group, send email to [email protected].
To unsubscribe from this group, send email to
[email protected].
For more options, visit this group at
http://groups.google.com/group/qubit-commits?hl=en.
