Author: sevein
Date: Wed Oct 5 13:49:01 2011
New Revision: 9936
Log:
Use compiled css file
Modified:
trunk/plugins/qtTrilliumPlugin/config/qtTrilliumPluginConfiguration.class.php
trunk/plugins/qtTrilliumPlugin/css/main.css
Modified:
trunk/plugins/qtTrilliumPlugin/config/qtTrilliumPluginConfiguration.class.php
==============================================================================
---
trunk/plugins/qtTrilliumPlugin/config/qtTrilliumPluginConfiguration.class.php
Wed Oct 5 13:44:56 2011 (r9935)
+++
trunk/plugins/qtTrilliumPlugin/config/qtTrilliumPluginConfiguration.class.php
Wed Oct 5 13:49:01 2011 (r9936)
@@ -27,20 +27,13 @@
{
$context = $event->getSubject();
- // Dependencies
- // $context->response->addStylesheet('/plugins/sfClassicPlugin/css/main',
'last', array('media' => 'all'));
- // $context->response->addStylesheet('/plugins/sfCaribouPlugin/css/style',
'last', array('media' => 'all'));
- // $context->response->addStylesheet('/plugins/sfCaribouPlugin/css/print',
'last', array('media' => 'print'));
- //
$context->response->addStylesheet('/plugins/sfCaribouPlugin/css/print-ie',
'last', array('condition' => 'IE', 'media' => 'print'));
- //
$context->response->addJavaScript('/plugins/sfCaribouPlugin/js/navigation',
'last');
-
// Development
-
$context->response->addJavaScript('/plugins/qtTrilliumPlugin/vendor/less/dist/less-1.1.4.js');
-
$context->response->addStylesheet('/plugins/qtTrilliumPlugin/css/main.less',
'last', array('rel' => 'stylesheet/less', 'type' => '', 'media' => ''));
+ //
$context->response->addJavaScript('/plugins/qtTrilliumPlugin/vendor/less/dist/less-1.1.4.js');
+ //
$context->response->addStylesheet('/plugins/qtTrilliumPlugin/css/main.less',
'last', array('rel' => 'stylesheet/less', 'type' => '', 'media' => ''));
// Trillium CSS file generated with lessc
$context->response->addJavaScript('/plugins/qtTrilliumPlugin/js/trillium');
- //
$context->response->addStylesheet('/plugins/qtTrilliumPlugin/css/main.css',
'last');
+
$context->response->addStylesheet('/plugins/qtTrilliumPlugin/css/main.css',
'last');
}
public function initialize()
Modified: trunk/plugins/qtTrilliumPlugin/css/main.css
==============================================================================
--- trunk/plugins/qtTrilliumPlugin/css/main.css Wed Oct 5 13:44:56 2011
(r9935)
+++ trunk/plugins/qtTrilliumPlugin/css/main.css Wed Oct 5 13:49:01 2011
(r9936)
@@ -4,6 +4,9 @@
*
*
*/
+/*
+ * Twitter bootstrap
+ */
/* Reset.less
* Props to Eric Meyer (meyerweb.com) for his CSS reset file. We're using an
adapted version here that cuts out some of the reset HTML elements we will
never need here (i.e., dfn, samp, etc).
*
-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
*/
@@ -392,7 +395,6 @@
font-weight: normal;
line-height: 18px;
color: #808080;
- text-rendering: optimizeLegibility;
}
.container {
width: 940px;
@@ -1989,153 +1991,130 @@
.popover .content p, .popover .content ul, .popover .content ol {
margin-bottom: 0;
}
+/*
+ * qtTrilliumPlugin
+ */
+html, body {
+ background-color: White;
+ background-image: url(../../images/bg.png);
+ background-repeat: repeat-y;
+ background-position: 50% 0%;
+}
#page-wrapper {
margin-top: 113px;
}
#page-wrapper #page #header {
- min-width: 980px;
-}
-#page-wrapper #page #main-wrapper {
- min-width: 980px;
+ min-width: 940px;
}
-#page-wrapper #page #main-wrapper #main {
- zoom: 1;
- margin-bottom: 18px;
- content: normal;
- margin-left: -20px;
-}
-#page-wrapper #page #main-wrapper #main:before, #page-wrapper #page
#main-wrapper #main:after {
- display: table;
- content: "";
+#page-wrapper #page #header #second-level > div {
+ width: 940px;
+ margin: 0 auto;
}
-#page-wrapper #page #main-wrapper #main:after {
- clear: both;
+#page-wrapper #page #main-wrapper {
+ width: 940px;
+ margin: 0 auto 0 auto;
}
-#page-wrapper #page #main-wrapper #main .span1,
-#page-wrapper #page #main-wrapper #main .span2,
-#page-wrapper #page #main-wrapper #main .span3,
-#page-wrapper #page #main-wrapper #main .span4,
-#page-wrapper #page #main-wrapper #main .span5,
-#page-wrapper #page #main-wrapper #main .span6,
-#page-wrapper #page #main-wrapper #main .span7,
-#page-wrapper #page #main-wrapper #main .span8,
-#page-wrapper #page #main-wrapper #main .span9,
-#page-wrapper #page #main-wrapper #main .span10,
-#page-wrapper #page #main-wrapper #main .span11,
-#page-wrapper #page #main-wrapper #main .span12,
-#page-wrapper #page #main-wrapper #main .span13,
-#page-wrapper #page #main-wrapper #main .span14,
-#page-wrapper #page #main-wrapper #main .span15,
-#page-wrapper #page #main-wrapper #main .span16 {
- display: inline;
+#page-wrapper #page #main-wrapper #main .column {
float: left;
- margin-left: 20px;
-}
-#page-wrapper #page #main-wrapper #main .span1 {
- width: 40px;
-}
-#page-wrapper #page #main-wrapper #main .span2 {
- width: 100px;
-}
-#page-wrapper #page #main-wrapper #main .span3 {
- width: 160px;
-}
-#page-wrapper #page #main-wrapper #main .span4 {
- width: 220px;
+ display: inline;
}
-#page-wrapper #page #main-wrapper #main .span5 {
+#page-wrapper #page #main-wrapper #main .sidebar, #page-wrapper #page
#main-wrapper #main #sidebar-first {
width: 280px;
}
-#page-wrapper #page #main-wrapper #main .span6 {
- width: 340px;
-}
-#page-wrapper #page #main-wrapper #main .span7 {
- width: 400px;
-}
-#page-wrapper #page #main-wrapper #main .span8 {
- width: 460px;
-}
-#page-wrapper #page #main-wrapper #main .span9 {
- width: 520px;
-}
-#page-wrapper #page #main-wrapper #main .span10 {
- width: 580px;
-}
-#page-wrapper #page #main-wrapper #main .span11 {
- width: 640px;
-}
-#page-wrapper #page #main-wrapper #main .span12 {
- width: 700px;
-}
-#page-wrapper #page #main-wrapper #main .span13 {
- width: 760px;
-}
-#page-wrapper #page #main-wrapper #main .span14 {
- width: 820px;
-}
-#page-wrapper #page #main-wrapper #main .span15 {
- width: 880px;
-}
-#page-wrapper #page #main-wrapper #main .span16 {
- width: 940px;
-}
-#page-wrapper #page #main-wrapper #main .offset1 {
- margin-left: 80px;
-}
-#page-wrapper #page #main-wrapper #main .offset2 {
- margin-left: 140px;
-}
-#page-wrapper #page #main-wrapper #main .offset3 {
- margin-left: 200px;
-}
-#page-wrapper #page #main-wrapper #main .offset4 {
- margin-left: 260px;
-}
-#page-wrapper #page #main-wrapper #main .offset5 {
- margin-left: 320px;
-}
-#page-wrapper #page #main-wrapper #main .offset6 {
- margin-left: 380px;
-}
-#page-wrapper #page #main-wrapper #main .offset7 {
- margin-left: 440px;
-}
-#page-wrapper #page #main-wrapper #main .offset8 {
- margin-left: 500px;
-}
-#page-wrapper #page #main-wrapper #main .offset9 {
- margin-left: 560px;
-}
-#page-wrapper #page #main-wrapper #main .offset10 {
- margin-left: 620px;
-}
-#page-wrapper #page #main-wrapper #main .offset11 {
- margin-left: 680px;
-}
-#page-wrapper #page #main-wrapper #main .offset12 {
- margin-left: 740px;
-}
#page-wrapper #page #main-wrapper #main #content {
width: 640px;
- display: inline;
- float: left;
margin-left: 20px;
}
-#page-wrapper #page #main-wrapper #main .sidebar {
- width: 280px;
- display: inline;
- float: left;
- margin-left: 40px;
+@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;
+ }
+ #content input[name=query] {
+ width: 380px !important;
+ }
+}
+@media only screen and (max-width: 767px) {
+ html, body {
+ background-position: 200px 0%;
+ }
+ #header, #main-wrapper {
+ min-width: 480px !important;
+ }
+ #page-wrapper {
+ margin-top: 216px;
+ }
+ #first-level {
+ height: 60px !important;
+ }
+ #second-level {
+ height: 144px !important;
+ }
+ #second-level .search {
+ clear: both;
+ }
+ #second-level input[name=query] {
+ width: 326px !important;
+ }
+ #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;
+ }
+ #content input[name=query] {
+ width: 280px !important;
+ }
}
-#page-wrapper #page #footer {
- display: none;
+/*
+
+@media only screen and (min-width: 480px) and (max-width: 767px) {
+
+}
+
+@media
+
+ only screen and (-webkit-min-device-pixel-ratio: 2),
+ only screen and (min-device-pixel-ratio: 2) {
+
+ body {
+
+ }
+
}
+
+*/
#header {
position: fixed;
top: 0;
left: 0;
right: 0;
- z-index: 10000;
overflow: visible;
/*
* Header menu
@@ -2143,7 +2122,7 @@
}
#header > div > #first-level {
- height: 40px;
+ height: 30px;
background: #222;
background-color: #444444;
background-repeat: repeat-x;
@@ -2158,33 +2137,6 @@
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0,
0.1);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
}
-#header > div > #first-level #name-and-slogan {
- float: left;
- margin-left: 20px;
- /*
- * qtTrilliumPlugin does not show the site description anywhere
- */
-
-}
-#header > div > #first-level #name-and-slogan #site-name {
- line-height: 20px;
-}
-#header > div > #first-level #name-and-slogan #site-name > a {
- float: left;
- display: block;
- padding: 8px 20px 12px;
- margin-left: -20px;
- color: #ffffff;
- font-size: 20px;
- font-weight: 200;
- line-height: 1;
-}
-#header > div > #first-level #name-and-slogan #site-name > a:hover {
- text-decoration: none;
-}
-#header > div > #first-level #name-and-slogan #site-slogan {
- display: none;
-}
#header > div > #second-level {
height: 72px;
background-color: #f4f4f4;
@@ -2213,14 +2165,34 @@
#header > div > #second-level > div:after {
clear: both;
}
-#header > div > #second-level > div > #logo {
+#header > div > #second-level > div #logo-and-name * {
+ margin: 0;
+ padding: 0;
+ border: 0;
+}
+#header > div > #second-level > div #logo-and-name h1 {
+ line-height: 1.1em;
+}
+#header > div > #second-level > div #logo-and-name h1 a {
+ color: Black;
+}
+#header > div > #second-level > div #logo-and-name img {
+ margin-right: 12px;
+ height: 50px;
+ -webkit-transition: -webkit-transform 0.5s;
+ -moz-transition: -moz-transform 0.5s;
+}
+#header > div > #second-level > div #logo-and-name img:hover {
+ -webkit-transform: rotate(-5deg) scale(1.5);
+ -moz-transform: rotate(-5deg) scale(1.5);
+}
+#header > div > #second-level > div #logo-and-name > table {
+ width: 280px;
+ height: 72px;
float: left;
- margin: 12px 0 0 40px;
}
-#header > div > #second-level > div > #logo > img {
- display: block;
- height: 48px;
- margin: 0 auto;
+#header > div > #second-level > div #logo-and-name > table td {
+ vertical-align: middle;
}
#header > div > #second-level > div .search {
float: left;
@@ -2239,7 +2211,7 @@
font-size: 14px;
font-weight: normal;
line-height: 1;
- width: 525px;
+ width: 480px;
padding: 6px 9px;
color: #808080;
border: 1px solid #bfbfbf;
@@ -2271,19 +2243,19 @@
}
#header > div > #second-level > div .search form input[type=submit] {
margin: 0px 0 0 10px;
- padding: 0 40px;
+ padding: 0 20px;
display: block;
float: left;
- border: 1px solid #3079ed;
- background-color: #4787ed;
+ border: 1px solid #333;
+ background-color: #444444;
background-repeat: repeat-x;
- background-image: -khtml-gradient(linear, left top, right top,
from(#4d90fe), to(#4787ed));
- background-image: -moz-linear-gradient(left, #4d90fe, #4787ed);
- background-image: -ms-linear-gradient(left, #4d90fe, #4787ed);
- background-image: -webkit-gradient(linear, left top, right top,
color-stop(0%, #4d90fe), color-stop(100%, #4787ed));
- background-image: -webkit-linear-gradient(left, #4d90fe, #4787ed);
- background-image: -o-linear-gradient(left, #4d90fe, #4787ed);
- background-image: linear-gradient(left, #4d90fe, #4787ed);
+ background-image: -khtml-gradient(linear, left top, right top,
from(#333333), to(#444444));
+ background-image: -moz-linear-gradient(left, #333333, #444444);
+ background-image: -ms-linear-gradient(left, #333333, #444444);
+ background-image: -webkit-gradient(linear, left top, right top,
color-stop(0%, #333333), color-stop(100%, #444444));
+ background-image: -webkit-linear-gradient(left, #333333, #444444);
+ background-image: -o-linear-gradient(left, #333333, #444444);
+ background-image: linear-gradient(left, #333333, #444444);
background-image: url(../../../sfCaribouPlugin/images/search.png);
background-repeat: no-repeat;
background-position: 50% 50%;
@@ -2308,6 +2280,12 @@
background-repeat: no-repeat;
background-position: 50% 50%;
}
+#header > div > #second-level > div .search form .advanced-search {
+ float: right;
+ clear: left;
+ font-size: 11px;
+ line-height: 18px;
+}
#header ul {
display: block;
float: left;
@@ -2328,7 +2306,7 @@
#header ul li a {
display: block;
float: none;
- padding: 10px 10px 11px;
+ padding: 5px 10px 6px;
line-height: 19px;
text-decoration: none;
color: #bfbfbf;
@@ -2370,7 +2348,7 @@
display: none;
position: absolute;
z-index: 1;
- top: 40px;
+ top: 30px;
min-width: 160px;
max-width: 220px;
margin-left: 0px;
@@ -2410,34 +2388,30 @@
color: #fff;
}
/*
- *
- *
+ * Headers
*/
h1 {
- font-size: 18px;
color: #bfbfbf;
font-weight: normal;
}
-h1.label {
- font-size: 30px;
- color: #404040;
- margin-top: -28px;
- font-weight: bold;
+h1.small {
+ font-size: 18px;
+ line-height: 18px;
+ margin-bottom: 20px;
}
-.page > h1 {
- font-size: 30px;
+h1.label {
color: #404040;
+ margin-top: -18px;
font-weight: bold;
}
/*
* Actions
- *
*/
.actions {
background: #f5f5f5;
margin-top: 18px;
margin-bottom: 18px;
- padding: 17px 20px 18px 150px;
+ padding: 10px;
border-top: 1px solid #ddd;
-webkit-border-radius: 0 0 3px 3px;
-moz-border-radius: 0 0 3px 3px;
@@ -2505,7 +2479,7 @@
background-image: -webkit-linear-gradient(top, #049cdb, #0064cd);
background-image: -o-linear-gradient(top, #049cdb, #0064cd);
background-image: linear-gradient(top, #049cdb, #0064cd);
- color: #fff;
+ color: White;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
border-color: #0064cd #0064cd #003f81;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
@@ -2693,6 +2667,22 @@
.actions input[type=submit]:hover, .actions button[type=submit]:hover {
color: #fff;
}
+.actions .delete {
+ background-color: #c43c35;
+ background-repeat: repeat-x;
+ background-image: -khtml-gradient(linear, left top, left bottom,
from(#ee5f5b), to(#c43c35));
+ background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
+ background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35);
+ background-image: -webkit-gradient(linear, left top, left bottom,
color-stop(0%, #ee5f5b), color-stop(100%, #c43c35));
+ background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
+ background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
+ background-image: linear-gradient(top, #ee5f5b, #c43c35);
+ text-shadow: 0 0 0;
+ color: White;
+}
+.actions .delete:hover {
+ color: #fff;
+}
.actions h2 {
border: 0 !important;
}
@@ -2748,6 +2738,8 @@
-webkit-transition: 0.1s linear all;
-moz-transition: 0.1s linear all;
transition: 0.1s linear all;
+ padding-left: 7px;
+ padding-right: 7px;
}
.actions a.danger,
.actions a.danger:hover,
@@ -2930,22 +2922,40 @@
display: inline;
}
/*
- *
- *
+ * View pages
*/
-body.index #content .section {
- margin-bottom: 18px;
+body.index #content .section .section {
+ margin-top: 18px;
+}
+body.index #content .section .editLink {
+ position: absolute;
+ top: 5px;
+ right: 0px;
+ width: 24px;
+ height: 24px;
+ text-indent: -10000em;
+ border: 1px solid #e6e6e6;
+ background: white url(../../../../images/pencil.png) no-repeat 50% 50%;
+}
+body.index #content .section .editLink h2 {
+ display: inline;
+ border: 0;
+}
+body.index #content .section .editLink:hover {
+ background-color: #eee;
}
-body.index #content .section h2 {
+body.index #content .section > h2, body.index #content .section > a > h2,
body.index #content .section > span > h2 {
border-bottom: 1px solid #e6e6e6;
- color: #9d261d;
- font-size: 14px;
+ color: #bfbfbf;
+ font-weight: normal;
+ font-size: 18px;
line-height: 18px;
+ padding-left: 4px;
}
-body.index #content .section .field {
+body.index #content .section > .field {
overflow: hidden;
}
-body.index #content .section .field > h3 {
+body.index #content .section > .field > h3 {
float: left;
font-size: inherit;
padding: 2px 1%;
@@ -2959,26 +2969,34 @@
border-right: 1px solid #e6e6e6;
line-height: 20px;
}
-body.index #content .section .field > div {
+body.index #content .section > .field > div {
margin-left: 30%;
padding: 2px 4px;
+ line-height: 20px;
+}
+body.index #content .section > .field > div h3 {
+ font-size: inherit;
+ line-height: 18px;
+ margin-left: -4px;
+ margin-right: -4px;
+ padding-left: 4px;
}
/*
* Message boxes
* Based in [email protected]
*/
.messages {
- background-color: #eedc94;
+ background-color: #ffffff;
background-repeat: repeat-x;
- background-image: -khtml-gradient(linear, left top, left bottom,
from(#fceec1), to(#eedc94));
- background-image: -moz-linear-gradient(top, #fceec1, #eedc94);
- background-image: -ms-linear-gradient(top, #fceec1, #eedc94);
- background-image: -webkit-gradient(linear, left top, left bottom,
color-stop(0%, #fceec1), color-stop(100%, #eedc94));
- background-image: -webkit-linear-gradient(top, #fceec1, #eedc94);
- background-image: -o-linear-gradient(top, #fceec1, #eedc94);
- background-image: linear-gradient(top, #fceec1, #eedc94);
+ background-image: -khtml-gradient(linear, left top, left bottom,
from(#eeeeee), to(#ffffff));
+ background-image: -moz-linear-gradient(top, #eeeeee, #ffffff);
+ background-image: -ms-linear-gradient(top, #eeeeee, #ffffff);
+ background-image: -webkit-gradient(linear, left top, left bottom,
color-stop(0%, #eeeeee), color-stop(100%, #ffffff));
+ background-image: -webkit-linear-gradient(top, #eeeeee, #ffffff);
+ background-image: -o-linear-gradient(top, #eeeeee, #ffffff);
+ background-image: linear-gradient(top, #eeeeee, #ffffff);
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
- border-color: #eedc94 #eedc94 #e4c652;
+ border-color: #ffffff #ffffff #d9d9d9;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
margin-bottom: 18px;
padding: 7px 14px;
@@ -3026,46 +3044,56 @@
width: 640px;
}
/*
- *
- *
+ * Forms
*/
-form .admin-info {
- border-top: 1px solid #999;
- background-color: Blue;
+form textarea,
+form select,
+form input[type="text"],
+form input[type="password"],
+form .yui-ac-input {
+ width: 100%;
+ box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ -webkit-box-sizing: border-box;
+}
+form select,
+form input[type="text"],
+form input[type="password"],
+form .yui-ac-input {
+ height: 26px;
+ line-height: 26px;
}
-form .admin-info .form-item {
- margin-bottom: 0;
+form textarea {
+ resize: none;
}
-form .form-required {
- color: #9d261d;
- font-weight: bold;
+form input.readOnly {
+ background-image: url(../../../../images/lock.png);
+ background-position: 99% 50%;
+ background-repeat: no-repeat;
+ padding-right: 20px;
}
-form .field {
- zoom: 1;
- margin-bottom: 18px;
- content: normal;
+form .section {
+ margin-top: 28px;
}
-form .field:before, form .field:after {
- display: table;
- content: "";
+form .section:first-child {
+ margin-top: 0px !important;
}
-form .field:after {
- clear: both;
+form .section, form .field {
+ margin-bottom: 8px;
}
-form .field > h3 {
- padding-top: 6px;
- font-size: 13px;
- line-height: 18px;
- float: left;
- width: 130px;
- text-align: right;
- color: #404040;
+form .section h3, form .field h3 {
+ font-size: inherit;
+ line-height: inherit;
+ font-weight: normal;
+ margin-bottom: 4px;
}
-form .field > div {
- float: left;
+form ul.multiInput, form div.yui-ac > ul {
+ margin-top: 9px;
+}
+form ul.multiInput li, form div.yui-ac > ul li {
+ margin-bottom: 9px;
}
form .form-item {
- position: relative;
zoom: 1;
margin-bottom: 18px;
content: normal;
@@ -3077,56 +3105,79 @@
form .form-item:after {
clear: both;
}
-form .form-item input, form .form-item select {
- margin-left: 20px;
- width: 370px;
-}
-form .form-item input.readOnly {
- background-image: url(../../../../images/lock.png);
- background-position: 99% 50%;
- background-repeat: no-repeat;
- padding-right: 20px;
- width: 354px;
+form .form-item > label {
+ float: none;
+ display: block;
+ width: auto;
+ text-align: left;
+ margin-bottom: 6px;
}
-form .form-item .resizable-textarea {
- margin-left: 130px;
+form .form-item > label > .form-required {
+ color: #9d261d;
+ font-weight: bold;
}
-form .form-item textarea {
- resize: none;
+form .form-item table {
+ margin-bottom: 0;
}
-form .form-item textarea, form .form-item .grippie {
- margin-left: 20px;
- width: 410px;
+/*
+ * YUI dialog forms
+ */
+.yui-dialog {
+ width: 520px;
}
-form .form-item .messages {
- position: absolute;
- bottom: -18px;
- font-size: 10px;
- left: 160px;
- width: 390px;
- padding: 0;
- margin: 0;
- border: 0;
- background-color: transparent;
+.yui-dialog fieldset {
+ padding: 1em;
}
-form .form-item .messages.error li {
- color: #9d261d;
+.yui-dialog .form-item {
+ margin-bottom: 8px !important;
+ clear: left;
+ margin-top: 0px;
}
-form .form-item .messages .close {
- display: none;
+.yui-dialog .form-item > label {
+ display: block;
+ width: auto;
+ clear: both;
}
-form .form-item .messages ul {
- margin: 0;
- padding: 0;
+.yui-dialog .form-item > label input[type=checkbox] {
+ margin-right: 4px;
}
-form .form-item .messages ul li {
- list-style-type: none;
+.yui-dialog .form-item.form-item-startDate, .yui-dialog
.form-item.form-item-endDate {
+ width: 49%;
+ margin-right: 1%;
+ float: left;
+ display: inline;
+ clear: none;
+}
+/*
+ * Tables
+ */
+table {
+ border: 1px solid #d6d6d6;
+ border-bottom: 0;
+}
+table caption {
+ border: 1px solid #d6d6d6;
+ line-height: 18px;
+ font-weight: bold;
+ background-color: #eeeeee;
+ background-repeat: repeat-x;
+ background-image: -khtml-gradient(linear, left top, left bottom,
from(#dddddd), to(#eeeeee));
+ background-image: -moz-linear-gradient(top, #dddddd, #eeeeee);
+ background-image: -ms-linear-gradient(top, #dddddd, #eeeeee);
+ background-image: -webkit-gradient(linear, left top, left bottom,
color-stop(0%, #dddddd), color-stop(100%, #eeeeee));
+ background-image: -webkit-linear-gradient(top, #dddddd, #eeeeee);
+ background-image: -o-linear-gradient(top, #dddddd, #eeeeee);
+ background-image: linear-gradient(top, #dddddd, #eeeeee);
+ padding-left: 2px;
+}
+#content tbody tr:hover {
+ background: #ffe;
}
/*
* Tabs
*/
.tabs {
- margin-left: -20px;
+ margin-top: -20px !important;
padding-right: 20px;
}
.tabs ul.clearfix:before, .tabs ul.clearfix:after {
@@ -3135,40 +3186,52 @@
/*
* Treeview
*/
+#treeView {
+ margin-left: 10px;
+ margin-right: 10px;
+ padding-bottom: 10px;
+}
#treeView table, #treeView th, #treeView td {
margin: 0;
padding: 0;
border: 0;
}
+#treeView .ygtvlabel {
+ border: 1px solid White;
+ padding: 3px;
+}
+#treeView .ygtvlabel:hover {
+ color: #0069d6;
+ background-color: White;
+ border: 1px solid #e6e6e6;
+}
+#treeView a.currentTextNode {
+ font-weight: bold;
+ background-color: whiteSmoke;
+ padding-top: 3px;
+ padding-bottom: 3px;
+}
/*
* Autocomplete
*/
-html.js div.form-item > input.yui-ac-input {
- width: 390px;
- margin-left: 150px;
+html.js input.yui-ac-input {
+ padding: 4px;
+ font-size: 13px;
+ line-height: 26px;
+ height: 26px;
+ color: #808080;
+ border: 1px solid #ccc;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ border-radius: 3px;
}
html.js input.form-autocomplete {
background-image:
url(../../../sfDrupalPlugin/vendor/drupal/misc/throbber.gif);
background-repeat: no-repeat;
- background-position: 100% 2px;
- /* LTR */
-
- width: 390px;
- margin-bottom: 18px;
+ background-position: 99% 6px;
}
html.js input.throbbing {
- background-position: 100% -18px;
- /* LTR */
-
-}
-.yui-ac {
- background-color: Yellow;
-}
-.yui-ac ul {
- margin-left: 150px;
-}
-.yui-ac ul input {
- margin: 0;
+ background-position: 99% -14px;
}
/*
* Resizable textarea
@@ -3189,8 +3252,8 @@
* Fieldset
*/
fieldset {
- margin: 1em 0;
- padding: 1em;
+ margin: 1em 0 1em 0;
+ padding: 1em 0;
border-top: 1px solid #e6e6e6;
}
fieldset legend {
@@ -3215,6 +3278,13 @@
display: block;
overflow: hidden;
}
+html.js fieldset.collapsed legend {
+ background-image:
url(../../../sfDrupalPlugin/vendor/drupal/themes/garland/images/menu-collapsed.gif)
!important;
+}
+html.js fieldset.collapsible legend {
+ padding-left: 28px;
+ background: transparent
url(../../../sfDrupalPlugin/vendor/drupal/themes/garland/images/menu-expanded.gif)
no-repeat 10px 50%;
+}
html.js fieldset.collapsible legend a {
display: inline;
}
@@ -3224,19 +3294,16 @@
color: #999;
margin-left: 0.5em;
}
-html.js fieldset.collapsible .fieldset-wrapper {
- overflow: auto;
- /* Avoid jumping around due to margins collapsing into collapsible fieldset
border */
-
-}
/*
* Password strength indicator
*/
+.password-parent label, .password-parent input {
+ width: 50% !important;
+}
.password-parent > #password-strength {
- width: 17em;
- float: left;
- position: absolute;
- left: 560px;
+ width: 180px;
+ float: right;
+ margin: 20px 120px 0 0;
}
.password-parent > #password-strength > .password-strength-title {
display: inline;
@@ -3254,12 +3321,8 @@
width: 0%;
background-color: #47C965;
}
-.confirm-parent > div.password-confirm {
- visibility: hidden;
- float: left;
- position: absolute;
- top: 8px;
- left: 560px;
+.confirm-parent label, .confirm-parent input {
+ width: 50% !important;
}
.confirm-parent > div.password-confirm > .ok {
color: #46a546;
@@ -3267,38 +3330,561 @@
.confirm-parent > div.password-confirm > .error {
color: #9d261d;
}
+/*
+ * Sidebar
+ */
+.sidebar {
+ border-color: #666;
+}
+.sidebar h2, .sidebar h3 {
+ height: auto;
+ overflow: visible;
+ position: static;
+ border-bottom: 1px solid #e6e6e6;
+ margin: 0 0 10px 0;
+ padding: 0 0 0 8px;
+ font-size: 18px;
+ line-height: 24px;
+}
+.sidebar ul {
+ margin-left: 30px;
+}
+.sidebar .field, .sidebar > .section > .section {
+ margin-bottom: 10px;
+}
+.sidebar .search input[name="query"] {
+ background-color: #fff;
+ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+ font-size: 14px;
+ font-weight: normal;
+ line-height: 1;
+ width: 218px;
+ padding: 6px 9px;
+ color: #808080;
+ border: 1px solid #bfbfbf;
+ -webkit-border-radius: 4px;
+ -moz-border-radius: 4px;
+ border-radius: 4px;
+ -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0px rgba(255,
255, 255, 0.25);
+ -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0px rgba(255,
255, 255, 0.25);
+ box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0px rgba(255, 255,
255, 0.25);
+ -webkit-transition: none;
+ -moz-transition: none;
+ transition: none;
+ display: block;
+ float: left;
+}
+.sidebar .search input[name="query"]:-moz-placeholder {
+ color: #e6e6e6;
+}
+.sidebar .search input[name="query"]::-webkit-input-placeholder {
+ color: #e6e6e6;
+}
+.sidebar .search input[name="query"]:hover {
+ background-color: #f0f0f0;
+}
+.sidebar .search input[name="query"]:focus, .sidebar .search
input[name="query"].focused {
+ outline: none;
+ background-color: #f0f0f0;
+ color: #404040;
+}
+.sidebar .search input[type=submit] {
+ margin: 0 0 0 10px;
+ padding: 0 20px;
+ border: 1px solid #444;
+ background-color: #444444;
+ background-repeat: repeat-x;
+ background-image: -khtml-gradient(linear, left top, right top,
from(#333333), to(#444444));
+ background-image: -moz-linear-gradient(left, #333333, #444444);
+ background-image: -ms-linear-gradient(left, #333333, #444444);
+ background-image: -webkit-gradient(linear, left top, right top,
color-stop(0%, #333333), color-stop(100%, #444444));
+ background-image: -webkit-linear-gradient(left, #333333, #444444);
+ background-image: -o-linear-gradient(left, #333333, #444444);
+ background-image: linear-gradient(left, #333333, #444444);
+ background-image: url(../../../sfCaribouPlugin/images/search.png);
+ background-repeat: no-repeat;
+ background-position: 50% 50%;
+ -webkit-border-radius: 4px;
+ -moz-border-radius: 4px;
+ border-radius: 4px;
+ font-size: 0px;
+ height: 30px;
+ width: 26px;
+}
+.sidebar .search input[type=submit]:hover {
+ background-color: #3078eb;
+ background-repeat: repeat-x;
+ background-image: -khtml-gradient(linear, left top, right top,
from(#3480fe), to(#3078eb));
+ background-image: -moz-linear-gradient(left, #3480fe, #3078eb);
+ background-image: -ms-linear-gradient(left, #3480fe, #3078eb);
+ background-image: -webkit-gradient(linear, left top, right top,
color-stop(0%, #3480fe), color-stop(100%, #3078eb));
+ background-image: -webkit-linear-gradient(left, #3480fe, #3078eb);
+ background-image: -o-linear-gradient(left, #3480fe, #3078eb);
+ background-image: linear-gradient(left, #3480fe, #3078eb);
+ background-image: url(../../../sfCaribouPlugin/images/search.png);
+ background-repeat: no-repeat;
+ background-position: 50% 50%;
+}
+/*
+ * Update check
+ */
+#update-check {
+ float: right;
+ position: relative;
+ padding: 0;
+ margin: 0;
+ border: 0;
+ width: 40px;
+ height: 30px;
+ border-left: 1px solid #ddd;
+ background: transparent url('../../../../images/bell_error.png') no-repeat
center center;
+ cursor: pointer;
+ -webkit-border-radius: 0px;
+ -moz-border-radius: 0px;
+ border-radius: 0px;
+}
+#update-check span {
+ position: absolute;
+ display: none;
+ border: 0;
+ padding: 0;
+ top: 0px;
+ right: 41px;
+ width: 280px;
+ height: 36px;
+ line-height: 36px;
+ background-image: none;
+ background-color: #666;
+ border-left: 1px solid #ddd;
+ text-align: center;
+ color: #eee;
+ font-size: 14px;
+ z-index: 20;
+ -webkit-border-radius: 0 0 4px 4px;
+ -moz-border-radius: 0 0 4px 4px;
+ border-radius: 0 0 4px 4px;
+ -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
+ -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
+}
+#update-check span > a {
+ color: #deac33;
+ text-decoration: underline;
+}
+#update-check:hover > span {
+ display: block;
+}
+/*
+ * Contact information
+ */
+.vcard > h3, .vcard > .agent {
+ font-weight: bold;
+ color: #404040;
+ line-height: 18px;
+}
+.vcard .field > h3 {
+ display: none !important;
+}
+/*
+ * Search bar
+ */
+#content .search {
+ border: 1px solid #ddd;
+ -webkit-border-radius: 4px;
+ -moz-border-radius: 4px;
+ border-radius: 4px;
+ background-color: whiteSmoke;
+ margin-top: 18px;
+ padding-top: 18px;
+ padding-left: 18px;
+}
+#content .search input[name="query"], #content .search input[name="subquery"] {
+ background-color: #fff;
+ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+ font-size: 14px;
+ font-weight: normal;
+ line-height: 1;
+ width: 480px;
+ padding: 6px 9px;
+ color: #808080;
+ border: 1px solid #bfbfbf;
+ -webkit-border-radius: 4px;
+ -moz-border-radius: 4px;
+ border-radius: 4px;
+ -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0px rgba(255,
255, 255, 0.25);
+ -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0px rgba(255,
255, 255, 0.25);
+ box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0px rgba(255, 255,
255, 0.25);
+ -webkit-transition: none;
+ -moz-transition: none;
+ transition: none;
+ display: block;
+ float: left;
+}
+#content .search input[name="query"]:-moz-placeholder, #content .search
input[name="subquery"]:-moz-placeholder {
+ color: #e6e6e6;
+}
+#content .search input[name="query"]::-webkit-input-placeholder, #content
.search input[name="subquery"]::-webkit-input-placeholder {
+ color: #e6e6e6;
+}
+#content .search input[name="query"]:hover, #content .search
input[name="subquery"]:hover {
+ background-color: #f0f0f0;
+}
+#content .search input[name="query"]:focus,
+#content .search input[name="subquery"]:focus,
+#content .search input[name="query"].focused,
+#content .search input[name="subquery"].focused {
+ outline: none;
+ background-color: #f0f0f0;
+ color: #404040;
+}
+#content .search input[type=submit] {
+ margin: 0 0 0 10px;
+ padding: 0 20px;
+ border: 1px solid #444;
+ background-color: #444444;
+ background-repeat: repeat-x;
+ background-image: -khtml-gradient(linear, left top, right top,
from(#333333), to(#444444));
+ background-image: -moz-linear-gradient(left, #333333, #444444);
+ background-image: -ms-linear-gradient(left, #333333, #444444);
+ background-image: -webkit-gradient(linear, left top, right top,
color-stop(0%, #333333), color-stop(100%, #444444));
+ background-image: -webkit-linear-gradient(left, #333333, #444444);
+ background-image: -o-linear-gradient(left, #333333, #444444);
+ background-image: linear-gradient(left, #333333, #444444);
+ background-image: url(../../../sfCaribouPlugin/images/search.png);
+ background-repeat: no-repeat;
+ background-position: 50% 50%;
+ -webkit-border-radius: 4px;
+ -moz-border-radius: 4px;
+ border-radius: 4px;
+ font-size: 0px;
+ height: 30px;
+ width: 26px;
+}
+#content .search input[type=submit]:hover {
+ background-color: #3078eb;
+ background-repeat: repeat-x;
+ background-image: -khtml-gradient(linear, left top, right top,
from(#3480fe), to(#3078eb));
+ background-image: -moz-linear-gradient(left, #3480fe, #3078eb);
+ background-image: -ms-linear-gradient(left, #3480fe, #3078eb);
+ background-image: -webkit-gradient(linear, left top, right top,
color-stop(0%, #3480fe), color-stop(100%, #3078eb));
+ background-image: -webkit-linear-gradient(left, #3480fe, #3078eb);
+ background-image: -o-linear-gradient(left, #3480fe, #3078eb);
+ background-image: linear-gradient(left, #3480fe, #3078eb);
+ background-image: url(../../../sfCaribouPlugin/images/search.png);
+ background-repeat: no-repeat;
+ background-position: 50% 50%;
+}
+/*
+ * sfPluginAdminPlugin
+ */
+.sfPluginAdminPlugin #content table img {
+ float: right;
+ margin-right: 8px;
+ margin-left: 8px;
+}
+.sfPluginAdminPlugin #content table h2 {
+ font-size: 18px;
+ line-height: 18px;
+ margin-bottom: 8px;
+}
+.sfPluginAdminPlugin #content table input {
+ width: auto !important;
+}
+/*
+ * Login page
+ */
+body.login #content > .section {
+ width: 460px;
+ margin: 40px auto 0 auto;
+ border: 1px solid #ccc;
+ -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
+ -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
+ -webkit-border-radius: 5px;
+ -moz-border-radius: 5px;
+ border-radius: 5px;
+}
+body.login #content > .section > .messages {
+ margin: 0 20px 10px 20px;
+}
+body.login #content > .section > h1 {
+ margin-bottom: 20px;
+ padding: 4px 20px;
+ border-bottom: 1px solid #ddd;
+ background-color: #f4f4f4;
+ background-repeat: repeat-x;
+ background-image: -khtml-gradient(linear, left top, left bottom,
from(#ffffff), to(#f4f4f4));
+ background-image: -moz-linear-gradient(top, #ffffff, #f4f4f4);
+ background-image: -ms-linear-gradient(top, #ffffff, #f4f4f4);
+ background-image: -webkit-gradient(linear, left top, left bottom,
color-stop(0%, #ffffff), color-stop(100%, #f4f4f4));
+ background-image: -webkit-linear-gradient(top, #ffffff, #f4f4f4);
+ background-image: -o-linear-gradient(top, #ffffff, #f4f4f4);
+ background-image: linear-gradient(top, #ffffff, #f4f4f4);
+}
+body.login #content > .section > form {
+ margin: 0;
+}
+body.login #content > .section > form div.error {
+ width: 400px;
+}
+body.login #content > .section > form > fieldset {
+ border: 0;
+ padding: 0;
+ margin: 0;
+}
+body.login #content > .section > form > fieldset > .form-item {
+ width: 430px;
+ padding: 0 1em;
+}
+body.login #content > .section > form > fieldset > .form-item .messages {
+ margin: 4px 0 6px 0;
+}
+body.login #content > .section > form > fieldset > .form-item input {
+ font-size: 20px;
+ line-height: 36px;
+ height: 36px;
+}
+body.login #content > .section > form > fieldset > .actions {
+ margin: 40px 0 0 0;
+}
+/*
+ * Tooltips
+ */
+div.description {
+ position: absolute;
+ top: 18px;
+ left: -299px;
+ width: 260px;
+ background-color: #ffffff;
+ background-repeat: repeat-x;
+ background-image: -khtml-gradient(linear, left top, right top,
from(#ddeeff), to(#ffffff));
+ background-image: -moz-linear-gradient(left, #ddeeff, #ffffff);
+ background-image: -ms-linear-gradient(left, #ddeeff, #ffffff);
+ background-image: -webkit-gradient(linear, left top, right top,
color-stop(0%, #ddeeff), color-stop(100%, #ffffff));
+ background-image: -webkit-linear-gradient(left, #ddeeff, #ffffff);
+ background-image: -o-linear-gradient(left, #ddeeff, #ffffff);
+ background-image: linear-gradient(left, #ddeeff, #ffffff);
+ padding: 10px;
+ line-height: 1.3em;
+ -webkit-border-radius: 4px 0 0 4px;
+ -moz-border-radius: 4px 0 0 4px;
+ border-radius: 4px 0 0 4px;
+ border: 1px solid #e6e6e6;
+ border-right: 0;
+ -webkit-box-shadow: -3px 3px 4px rgba(50, 50, 50, 0.1);
+ -moz-box-shadow: -3px 3px 4px rgba(50, 50, 50, 0.1);
+ box-shadow: -3px 3px 4px rgba(50, 50, 50, 0.1);
+ z-index: 10750;
+}
+div.description-dialog {
+ left: -250px;
+ width: 200px;
+ border-right-size: 1px;
+ -webkit-border-radius: 4px;
+ -moz-border-radius: 4px;
+ border-radius: 4px;
+ background-image: none;
+ background-color: #def;
+ -webkit-box-shadow: -3px 3px 4px rgba(50, 50, 50, 0.4);
+ -moz-box-shadow: -3px 3px 4px rgba(50, 50, 50, 0.4);
+ box-shadow: -3px 3px 4px rgba(50, 50, 50, 0.4);
+ z-index: 10750;
+}
+div.description-overlay {
+ position: absolute;
+ top: -10px;
+ left: 0px;
+ right: 0px;
+ bottom: 0px;
+ z-index: 10500;
+ background-color: #fff;
+ filter: alpha(opacity=90);
+ -khtml-opacity: 0.9;
+ -moz-opacity: 0.9;
+ opacity: 0.9;
+}
+/*
+ * Error404,
+ */
+body.error404 #content > .section > .section, body.secure #content > .section
> .section {
+ width: 460px;
+ margin: 40px auto 0 auto;
+ padding-bottom: 20px;
+ border: 1px solid #ccc;
+ -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
+ -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
+ -webkit-border-radius: 5px;
+ -moz-border-radius: 5px;
+ border-radius: 5px;
+ position: relative;
+}
+body.error404 #content > .section > .section h2.capitalize, body.secure
#content > .section > .section h2.capitalize {
+ margin-bottom: 20px;
+ padding: 4px 20px 4px 50px;
+ border-bottom: 1px solid #ddd;
+ background-color: #f4f4f4;
+ background-repeat: repeat-x;
+ background-image: -khtml-gradient(linear, left top, left bottom,
from(#ffffff), to(#f4f4f4));
+ background-image: -moz-linear-gradient(top, #ffffff, #f4f4f4);
+ background-image: -ms-linear-gradient(top, #ffffff, #f4f4f4);
+ background-image: -webkit-gradient(linear, left top, left bottom,
color-stop(0%, #ffffff), color-stop(100%, #f4f4f4));
+ background-image: -webkit-linear-gradient(top, #ffffff, #f4f4f4);
+ background-image: -o-linear-gradient(top, #ffffff, #f4f4f4);
+ background-image: linear-gradient(top, #ffffff, #f4f4f4);
+}
+body.error404 #content > .section > .section img:first-child, body.secure
#content > .section > .section img:first-child {
+ position: absolute;
+ top: 8px;
+ left: 8px;
+}
+body.secure #content > .section > .section h2 {
+ margin-bottom: 20px;
+ padding: 4px 20px 4px 50px;
+ border-bottom: 1px solid #ddd;
+ background-color: #f4f4f4;
+ background-repeat: repeat-x;
+ background-image: -khtml-gradient(linear, left top, left bottom,
from(#ffffff), to(#f4f4f4));
+ background-image: -moz-linear-gradient(top, #ffffff, #f4f4f4);
+ background-image: -ms-linear-gradient(top, #ffffff, #f4f4f4);
+ background-image: -webkit-gradient(linear, left top, left bottom,
color-stop(0%, #ffffff), color-stop(100%, #f4f4f4));
+ background-image: -webkit-linear-gradient(top, #ffffff, #f4f4f4);
+ background-image: -o-linear-gradient(top, #ffffff, #f4f4f4);
+ background-image: linear-gradient(top, #ffffff, #f4f4f4);
+ line-height: 28px;
+}
+/*
+ * Description updates
+ */
+body.descriptionUpdates div.table-control {
+ border: 1px solid #d6d6d6;
+ background-color: #fff;
+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px
rgba(0, 0, 0, 0.05);
+ -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0,
0, 0, 0.05);
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0,
0.05);
+}
+body.descriptionUpdates div.table-control ul li label {
+ float: none;
+}
+body.descriptionUpdates div.table-control .section {
+ margin-top: 8px;
+}
+body.descriptionUpdates div.table-control .actions {
+ margin: 0 -10px -3px -10px;
+}
+/*
+ * Lists
+ */
+ul.inline {
+ margin: 0;
+ padding: 0;
+}
+ul.inline li {
+ background: none;
+ margin: 0;
+ padding: 0 1em 0 0;
+ display: inline;
+}
+ul.inline li input {
+ margin: 0 4px 0 0;
+}
+/*
+ * Pagination
+ */
+.itemsPerPage ul {
+ float: left;
+ margin-right: 6px;
+}
+.itemsPerPage ul li {
+ display: inline;
+}
+.itemsPerPage ul li:after {
+ content: ' |';
+}
+.itemsPerPage ul li:last-child:after {
+ content: '';
+}
+/*
+ * Search results
+ */
+.search-results {
+ border: 0;
+}
+.search-results.odd, .search-results.even {
+ background-color: White;
+}
+.search-results > a > img {
+ float: right;
+ margin-bottom: 10px;
+ margin-left: 10px;
+ -webkit-box-shadow: 0px 0px 4px #555555;
+ -moz-box-shadow: 0px 0px 4px #555555;
+ box-shadow: 0px 0px 4px #555555;
+ background-color: White;
+}
+.search-results h2 {
+ font-size: 16px;
+ line-height: 24px;
+ border-bottom: 1px solid #d6d6d6;
+ padding: 0 4px;
+}
+.search-results h2 span {
+ color: #bfbfbf;
+}
+.search-results .field {
+ margin-left: 10px;
+}
+.search-results .field h3 {
+ font-size: 13px;
+ line-height: 24px;
+}
+.search-results .field ul {
+ margin-bottom: 0px;
+}
+.search-results .field > div {
+ margin-left: 10px;
+}
+/*
+ * Imageflow
+ */
+.imageflow .scrollbar {
+ margin-top: 4px;
+}
+.imageflow .scrollbar .slider {
+ background-image: url(../../../../vendor/imageflow/slider_dark.png);
+}
+/*
+ * z-index tree
+ * --------------------------------------------------
+ * imageflow 10000, 10001, 10002... 2, 3, 4, 5...
+ * yui dialog 20000
+ * autocomplete 20100, 20099...
+ * sidebar overlay 10500
+ * tooltips 10750
+ * header 11000
+ */
+#header {
+ z-index: 11000;
+}
+/*
+ * ...
+ */
.nowrap {
white-space: nowrap;
}
-/**
- * For anything you want to hide on page load when JS is enabled, so
- * that you can use the JS to control visibility and avoid flicker.
- */
html.js .js-hide {
display: none;
}
-/**
- * Hide elements from all users.
- *
- * Used for elements which should not be immediately displayed to any user. An
- * example would be a collapsible fieldset that will be expanded with a click
- * from a user. The effect of this class can be toggled with the jQuery show()
- * and hide() functions.
- */
.element-hidden {
display: none;
}
-/**
- * Hide elements visually, but keep them available for screen-readers.
- *
- * Used for information required for screen-reader users to understand and use
- * the site where visual display is undesirable. Information provided in this
- * manner should be kept concise, to avoid unnecessary burden on the user. Must
- * not be used for focusable elements (such as links and form elements) as this
- * causes issues for keyboard only or voice recognition users.
- */
.element-invisible {
height: 0;
overflow: hidden;
position: absolute;
}
+.element-visible {
+ height: auto;
+ overflow: visible;
+ position: static;
+}
--
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.
