Author: sevein
Date: Tue Oct 4 12:43:32 2011
New Revision: 9914
Log:
Trillium, update scaffolding to be elastic based in screen width
Modified:
trunk/plugins/qtTrilliumPlugin/css/less/_scaffolding.less
Modified: trunk/plugins/qtTrilliumPlugin/css/less/_scaffolding.less
==============================================================================
--- trunk/plugins/qtTrilliumPlugin/css/less/_scaffolding.less Tue Oct 4
01:28:39 2011 (r9913)
+++ trunk/plugins/qtTrilliumPlugin/css/less/_scaffolding.less Tue Oct 4
12:43:32 2011 (r9914)
@@ -65,3 +65,48 @@
}
}
+
+@media only screen and (min-width: 768px) and (max-width: 940px) {
+
+ html, body {
+
+ background-position: -60px 0%;
+
+ }
+
+ #header,
+ #main-wrapper { min-width: 768px !important; }
+ #second-level input[name=query] { width: 340px !important; }
+ #logo-and-name { margin-left: 20px; }
+ #main-wrapper { width: 768px; }
+ .sidebar, #sidebar_first { width: 220px !important; }
+ #content { width: 528px !important; }
+
+}
+
+@media only screen and (max-width: 767px) {
+
+ html, body {
+
+ background-position: 200px 0%;
+
+ }
+
+ #header,
+ #main-wrapper { min-width: 480px !important; }
+ #first-level { height: 60px !important; }
+ #second-level .search { display: none; }
+ #options-menu { float: left !important; }
+ #logo-and-name { margin-left: 10px; }
+ .sidebar, #sidebar_first { width: 480px !important; clear: both; }
+ #content { width: 440px !important; clear: both; margin-right: 20px; }
+
+}
+
+/*
+
+@media only screen and (min-width: 480px) and (max-width: 767px) {
+
+}
+
+*/
--
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.
