Author: sevein
Date: Fri Mar 30 10:50:09 2012
New Revision: 11323
Log:
Split search and advanced-search in two different files, fixes and cleanups,
getting rid of unnecessary responsive classes (mobileonly, etc) in favour of
Bootstrap
Added:
trunk/plugins/qtDominionPlugin/css/less/_advancedsearch.less
Modified:
trunk/plugins/qtDominionPlugin/css/less/_search.less
trunk/plugins/qtDominionPlugin/css/main.less
Added: trunk/plugins/qtDominionPlugin/css/less/_advancedsearch.less
==============================================================================
--- /dev/null 00:00:00 1970 (empty, because file is newly added)
+++ trunk/plugins/qtDominionPlugin/css/less/_advancedsearch.less Fri Mar
30 10:50:09 2012 (r11323)
@@ -0,0 +1,65 @@
+#advancedsearch {
+
+ .nav {
+
+ font-size: 18px;
+ .clearfix;
+ margin: 20px;
+
+ li.n {
+
+ float: left;
+ margin-right: 8px;
+
+ }
+
+ .dropdown-menu {
+
+ font-size: 13px;
+ max-width: 400px;
+
+ }
+
+ }
+
+ #criteria {
+
+ margin:10px;
+
+ .criterion {
+
+ margin: 5px inherit;
+
+ .well;
+
+ span {
+
+ color: @white;
+ margin: auto 10px;
+ display: inline-block;
+
+ }
+
+ }
+
+ .boolean {
+
+ margin-left: 30px;
+
+ select {
+
+ width: 70px;
+
+ }
+
+ }
+
+ }
+
+ #actions {
+
+ margin: 20px;
+
+ }
+
+}
Modified: trunk/plugins/qtDominionPlugin/css/less/_search.less
==============================================================================
--- trunk/plugins/qtDominionPlugin/css/less/_search.less Fri Mar 30
00:04:09 2012 (r11322)
+++ trunk/plugins/qtDominionPlugin/css/less/_search.less Fri Mar 30
10:50:09 2012 (r11323)
@@ -1,34 +1,137 @@
+#search-results {
+
+ #phone-filter {
+
+ margin: 10px;
+
+ }
+
+ #content {
+
+ .listings {
+ padding:10px;
+
+ .result {
+ margin:10px 0 20px 0;
+ .clearfix;
+
+ img {
+ float:left;
+ margin:0 10px 0 0;
+ }
+
+ h3 {
+ font-weight: normal;
+ font-size: 22px;
+ line-height: 90%;
+ margin:0;
+ padding:0;
+
+ a {
+ color: @orange;
+ text-decoration: none;
+
+ span {
+ .level;
+ font-size: 11px;
+ }
+ }
+ }
+
+ p {
+ margin-bottom: 0;
+
+ a{
+ color: @grayDark;
+ text-decoration: none;
+ font-size: 13px;
+ }
+ }
+
+ p:last-child {
+ font-size: 10px;
+ color: @grayDark;
+ font-family: @smallFontFamily;
+ }
+ }
+
+ .media {
+ h3 {
+ margin-bottom:5px;
+ }
+
+ div {
+ float:left;
+ margin-right: 10px;
+ margin-bottom: 20px;
+
+ a {
+ img {
+ max-width: auto;
+ width:auto;
+ height:auto;
+ }
+ }
+ }
+
+ div:last-child {
+ margin-right:0;
+ }
+ }
+ }
+
+
+ }
+
+
+
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
#advancedsearch {
.nav {
- font-size: 18px;
+ font-size: 18px;
.clearfix;
margin:20px;
-
+
li.n {
- float: left;
- margin-right: 8px;
+ float: left;
+ margin-right: 8px;
}
-
+
.dropdown-menu {
font-size: 13px;
max-width: 400px;
}
}
-
+
#criteria {
margin:10px;
-
+
.criterion {
margin:5px inherit;
.well;
-
+
span {
color: @white;
- margin:auto 10px;
+ margin:auto 10px;
display: inline-block;
}
}
-
+
.boolean {
margin-left: 30px;
select {
@@ -36,262 +139,190 @@
}
}
}
-
+
#actions {
margin:20px;
}
}
-
+
#top-facet {
-
- h2.mobileonly {
- .hide;
- }
-
+
#institutions {
+
overflow: hidden;
+
}
-
+
.nav-tabs {
+
margin-top:20px;
+
}
-
+
#more-institutions {
+
margin-bottom: 10px;
+
}
+
}
#facets {
.section {
+
margin-bottom: 10px;
-
- h2.desktoponly {
+
+ h2.hidden-phone {
+
text-transform: lowercase;
color: @white;
font-variant: small-caps;
font-weight: normal;
font-size: 18px;
border:none;
- margin:0;
- padding:0;
- }
- h2.mobileonly { .hide }
-
+ margin: 0;
+ padding: 0;
+
+ }
+
.scrollable {
overflow-y:auto;
max-height: 180px;
-
+
ul {
+
.nav;
font-family: @smallFontFamily;
-
+
li {
+
a {
+
text-decoration: none;
color: @white;
display: block;
-
+
&:hover {
+
color: @orange;
background-color: @white;
+
}
-
+
span {
+
float:right;
color: @grayLight;
padding-right: 15px;
+
}
+
+ }
+
+ &.active a {
+
+ color: @orange;
+
}
+
}
- li.active {
- a {
- color: @orange;
- }
- }
+
}
+
}
-
+
.dates {
+
color: @white;
font-size: 30px;
-
+
input {
- width: 35%;
- }
- }
- }
-}
+ width: 35%;
-#searchresults {
- #headline {
- }
-
- #filter {
- .hide;
- }
-
- #content {
-
- .listings {
- padding:10px;
-
- .result {
- margin:10px 0 20px 0;
- .clearfix;
-
- img {
- float:left;
- margin:0 10px 0 0;
- }
-
- h3 {
- font-weight: normal;
- font-size: 22px;
- line-height: 90%;
- margin:0;
- padding:0;
-
- a {
- color: @orange;
- text-decoration: none;
-
- span {
- .level;
- font-size: 11px;
- }
- }
- }
-
- p {
- margin-bottom: 0;
-
- a{
- color: @grayDark;
- text-decoration: none;
- font-size: 13px;
- }
- }
-
- p:last-child {
- font-size: 10px;
- color: @grayDark;
- font-family: @smallFontFamily;
- }
- }
-
- .media {
- h3 {
- margin-bottom:5px;
- }
-
- div {
- float:left;
- margin-right: 10px;
- margin-bottom: 20px;
-
- a {
- img {
- max-width: auto;
- width:auto;
- height:auto;
- }
- }
- }
-
- div:last-child {
- margin-right:0;
- }
}
+
}
-
-
+
}
-
-
-
+
}
+@media (max-width: 768px) {
+
+ #search-results {
-@media (max-width: 768px) {
- #headline { .hide; }
-
- #searchresults {
-
- #filter {
- margin:10px 10px 10px 10px;
- .show;
- }
-
#top-facet {
+
margin: 0 10px;
-
- h2.mobileonly {
- .show;
- margin-top:0;
- margin-bottom:0;
- }
-
+
#institutions.in {
- margin-top:10px;
+
+ margin-top: 10px;
+
}
-
+
}
-
+
#facets {
+
margin:10px;
-
+
+ .scrollable {
+
+ overflow-y: auto;
+ max-height: none;
+
+ }
+
.section {
- h2.desktoponly {
- .hide;
- }
-
- h2.mobileonly {
- .show;
- }
-
- div {
- }
-
- .scrollable {
- overflow-y:auto;
- max-height:none;
-
- }
- .dates {
- input {
- }
- }
-
+
#dates.in {
- margin-top:10px;
+
+ margin-top: 10px;
+
}
+
}
+
}
-
-
+
}
+
.collapse {
- &.in { height:auto !important; overflow: auto; }
+
+ &.in {
+
+ height: auto !important;
+ overflow: auto;
+
+ }
+
}
-
+
.media {
+
padding:10px !important;
+
div {
+
margin-right: 2px !important;
margin-bottom: 2px !important;
-
+
a {
+
img {
- width:95px !important;
- margin:0 !important;
+
+ width: 95px !important;
+ margin: 0 !important;
}
+
}
+
}
- }
-
-}
+ }
+}
Modified: trunk/plugins/qtDominionPlugin/css/main.less
==============================================================================
--- trunk/plugins/qtDominionPlugin/css/main.less Fri Mar 30 00:04:09
2012 (r11322)
+++ trunk/plugins/qtDominionPlugin/css/main.less Fri Mar 30 10:50:09
2012 (r11323)
@@ -35,6 +35,7 @@
// Other stuff
@import "less/_popovers";
@import "less/_search";
+@import "less/_advancedsearch";
@import "less/_homepage";
@import "less/_archivaldescription";
@import "less/_import";
--
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.
