views-admin.garland.css

/**
 * The .garland.css file is intended to contain styles that override declarations
 * in the Garland theme.
 */

/* @group Attachment details tabs
 *
 * The tabs that switch between sections
 */

.views-displays .region-content .secondary,
.views-displays .region-content .secondary {
  padding-bottom: 0;
  padding-left: 0;
}

.views-displays .secondary .action-list {
  left: 1px;
  top: 20px;
}

.views-displays .secondary .action-list li,
.views-displays .secondary a {
  border-color: #e9e9e9;
}

.views-displays .secondary a {
  font-size: 12px;
  padding: 2px 7px;
}

.views-displays ul.secondary li a:hover,
.views-displays ul.secondary li.active a {
  border: 1px solid transparent;
  padding: 2px 7px;
}

.views-displays .secondary > li a {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.views-displays .secondary > li.open a {
  background-image: none;
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  border-radius: 5px 5px 0 0;
}

.views-displays .secondary .open > a:hover {
  border-color: #e9e9e9 #e9e9e9 #f1f1f1 #e9e9e9;
  border-width: 1px 1px 1px 1px;
  color: #0071b3;
}

.views-displays .secondary input.form-submit {
  font-size: 11px;
}

/* @end */

/* @group Attachment buckets
 *
 * These are the individual "buckets," or boxes, inside the display settings area
 */

.views-ui-display-tab-bucket h3 {
  font-weight: bold;
}

/* @end */

/* @group Modal dialog box
 *
 * The contents of the popup dialog on the views edit form.
 */

.views-filterable-options .form-type-checkbox {
  margin: 0;
}

.views-filterable-options .even .form-type-checkbox {
  background-color: #f9f9f9;
}

.views-ui-dialog .ui-dialog-titlebar-close,
.views-ui-dialog #views-ajax-title,
.views-ui-dialog .views-override,
.views-ui-dialog .form-buttons {
  background-color: #f6f6f6;
}

/* @end */

/* @group CTools */

/* @group Buttons */

.ctools-button-processed {
  background-image: -moz-linear-gradient(
  -90deg,
  #fff 0px,
  #f9f9f9 100%
  );
  background-image: -webkit-gradient(
  linear,
  left top,
  left bottom,
  color-stop(0.0, rgba(255, 255, 255, 1.0)),
  color-stop(1.0, rgba(249, 249, 249, 1.0))
  );
  background-image: -webkit-linear-gradient(
  -90deg,
  #fff 0px,
  #f9f9f9 100%
  );
  background-image: linear-gradient(
  -90deg,
  #fff 0px,
  #f9f9f9 100%
  );
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding-bottom: 1px;
  padding-top: 1px;
}

.ctools-button-processed:hover {
  background-image: -moz-linear-gradient(
  -90deg,
  #fff 0px,
  #f1f1f1 100%
  );
  background-image: -webkit-gradient(
  linear,
  left top,
  left bottom,
  color-stop(0.0, rgba(255, 255, 255, 1.0)),
  color-stop(1.0, rgba(241, 241, 241, 1.0))
  );
  background-image: -webkit-linear-gradient(
  -90deg,
  #fff 0px,
  #f1f1f1 100%
  );
  background-image: linear-gradient(
  -90deg,
  #fff 0px,
  #f1f1f1 100%
  );
}

.ctools-button-processed ol li,
.ctools-button-processed ul li {
  margin: 0;
  padding-bottom: 0;
}

.views-ui-display-tab-actions .ctools-button-processed input {
  margin-right: 0;
}

.ctools-content ul.actions {
  padding-bottom: 0;
}

.ctools-dropbutton-processed.open:hover {
  background-image: -moz-linear-gradient(
  -90deg,
  #fff 0px,
  #f9f9f9 100%
  );
  background-image: -webkit-gradient(
  linear,
  left top,
  left bottom,
  color-stop(0.0, rgba(255, 255, 255, 1.0)),
  color-stop(1.0, rgba(249, 249, 249, 1.0))
  );
  background-image: -webkit-linear-gradient(
  -90deg,
  #fff 0px,
  #f9f9f9 100%
  );
  background-image: linear-gradient(
  -90deg,
  #fff 0px,
  #f9f9f9 100%
  );
}

.ctools-dropbutton-processed.open {
  -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.25);
  -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.25);
  box-shadow: 1px 1px 2px rgba(0,0,0,0.25);
}

.ctools-twisty {
  top: 0.6667em;
}

.ctools-dropbutton-processed.open .ctools-twisty {
  top: 0.3333em;
}

/* @end */

/* @group Dependent */

.dependent-options,
.form-checkboxes.dependent-options,
.form-radios.dependent-options,
.form-checkboxes .form-item.dependent-options,
.form-radios .form-item.dependent-options {
  margin-left: 25px;
}

/* @end */

/* @group Collapsible */

.ctools-toggle {
  margin-top: 0.5em;
}

.ctools-toggle,
.views-display-settings .ctools-toggle {
  color: #494949;
}

.ctools-toggle.ctools-toggle-collapsed {
  margin-top: 0.25em;
}

.views-display-column > .ctools-toggle {
  margin-top: 14px;
}

.views-display-column > .ctools-toggle.ctools-toggle-collapsed {
  margin-top: 12px;
}

.views-ui-display-tab-actions .ctools-button input {
  color: #027ac6;
  font-size: 12px;
}

.views-ui-display-tab-actions .ctools-button input:hover,
.views-ui-display-tab-actions .ctools-button input:focus {
  color: #0062a0;
}

/* @end */

/* @end */

File

css/views-admin.garland.css

View source 
  1. /**

  2.  * The .garland.css file is intended to contain styles that override declarations

  3.  * in the Garland theme.

  4.  */

  5. 

  6. /* @group Attachment details tabs

  7.  *

  8.  * The tabs that switch between sections

  9.  */

  10. 

  11. .views-displays .region-content .secondary,

  12. .views-displays .region-content .secondary {

  13.   padding-bottom: 0;

  14.   padding-left: 0;

  15. }

  16. 

  17. .views-displays .secondary .action-list {

  18.   left: 1px;

  19.   top: 20px;

  20. }

  21. 

  22. .views-displays .secondary .action-list li,

  23. .views-displays .secondary a {

  24.   border-color: #e9e9e9;

  25. }

  26. 

  27. .views-displays .secondary a {

  28.   font-size: 12px;

  29.   padding: 2px 7px;

  30. }

  31. 

  32. .views-displays ul.secondary li a:hover,

  33. .views-displays ul.secondary li.active a {

  34.   border: 1px solid transparent;

  35.   padding: 2px 7px;

  36. }

  37. 

  38. .views-displays .secondary > li a {

  39.   -moz-border-radius: 5px;

  40.   -webkit-border-radius: 5px;

  41.   border-radius: 5px;

  42. }

  43. 

  44. .views-displays .secondary > li.open a {

  45.   background-image: none;

  46.   -moz-border-radius: 5px 5px 0 0;

  47.   -webkit-border-bottom-left-radius: 0;

  48.   -webkit-border-bottom-right-radius: 0;

  49.   -webkit-border-top-left-radius: 5px;

  50.   -webkit-border-top-right-radius: 5px;

  51.   border-radius: 5px 5px 0 0;

  52. }

  53. 

  54. .views-displays .secondary .open > a:hover {

  55.   border-color: #e9e9e9 #e9e9e9 #f1f1f1 #e9e9e9;

  56.   border-width: 1px 1px 1px 1px;

  57.   color: #0071b3;

  58. }

  59. 

  60. .views-displays .secondary input.form-submit {

  61.   font-size: 11px;

  62. }

  63. 

  64. /* @end */

  65. 

  66. /* @group Attachment buckets

  67.  *

  68.  * These are the individual "buckets," or boxes, inside the display settings area

  69.  */

  70. 

  71. .views-ui-display-tab-bucket h3 {

  72.   font-weight: bold;

  73. }

  74. 

  75. /* @end */

  76. 

  77. /* @group Modal dialog box

  78.  *

  79.  * The contents of the popup dialog on the views edit form.

  80.  */

  81. 

  82. .views-filterable-options .form-type-checkbox {

  83.   margin: 0;

  84. }

  85. 

  86. .views-filterable-options .even .form-type-checkbox {

  87.   background-color: #f9f9f9;

  88. }

  89. 

  90. .views-ui-dialog .ui-dialog-titlebar-close,

  91. .views-ui-dialog #views-ajax-title,

  92. .views-ui-dialog .views-override,

  93. .views-ui-dialog .form-buttons {

  94.   background-color: #f6f6f6;

  95. }

  96. 

  97. /* @end */

  98. 

  99. /* @group CTools */

  100. 

  101. /* @group Buttons */

  102. 

  103. .ctools-button-processed {

  104.   background-image: -moz-linear-gradient(

  105.   -90deg,

  106.   #fff 0px,

  107.   #f9f9f9 100%

  108.   );

  109.   background-image: -webkit-gradient(

  110.   linear,

  111.   left top,

  112.   left bottom,

  113.   color-stop(0.0, rgba(255, 255, 255, 1.0)),

  114.   color-stop(1.0, rgba(249, 249, 249, 1.0))

  115.   );

  116.   background-image: -webkit-linear-gradient(

  117.   -90deg,

  118.   #fff 0px,

  119.   #f9f9f9 100%

  120.   );

  121.   background-image: linear-gradient(

  122.   -90deg,

  123.   #fff 0px,

  124.   #f9f9f9 100%

  125.   );

  126.   -moz-border-radius: 5px;

  127.   -webkit-border-radius: 5px;

  128.   border-radius: 5px;

  129.   padding-bottom: 1px;

  130.   padding-top: 1px;

  131. }

  132. 

  133. .ctools-button-processed:hover {

  134.   background-image: -moz-linear-gradient(

  135.   -90deg,

  136.   #fff 0px,

  137.   #f1f1f1 100%

  138.   );

  139.   background-image: -webkit-gradient(

  140.   linear,

  141.   left top,

  142.   left bottom,

  143.   color-stop(0.0, rgba(255, 255, 255, 1.0)),

  144.   color-stop(1.0, rgba(241, 241, 241, 1.0))

  145.   );

  146.   background-image: -webkit-linear-gradient(

  147.   -90deg,

  148.   #fff 0px,

  149.   #f1f1f1 100%

  150.   );

  151.   background-image: linear-gradient(

  152.   -90deg,

  153.   #fff 0px,

  154.   #f1f1f1 100%

  155.   );

  156. }

  157. 

  158. .ctools-button-processed ol li,

  159. .ctools-button-processed ul li {

  160.   margin: 0;

  161.   padding-bottom: 0;

  162. }

  163. 

  164. .views-ui-display-tab-actions .ctools-button-processed input {

  165.   margin-right: 0;

  166. }

  167. 

  168. .ctools-content ul.actions {

  169.   padding-bottom: 0;

  170. }

  171. 

  172. .ctools-dropbutton-processed.open:hover {

  173.   background-image: -moz-linear-gradient(

  174.   -90deg,

  175.   #fff 0px,

  176.   #f9f9f9 100%

  177.   );

  178.   background-image: -webkit-gradient(

  179.   linear,

  180.   left top,

  181.   left bottom,

  182.   color-stop(0.0, rgba(255, 255, 255, 1.0)),

  183.   color-stop(1.0, rgba(249, 249, 249, 1.0))

  184.   );

  185.   background-image: -webkit-linear-gradient(

  186.   -90deg,

  187.   #fff 0px,

  188.   #f9f9f9 100%

  189.   );

  190.   background-image: linear-gradient(

  191.   -90deg,

  192.   #fff 0px,

  193.   #f9f9f9 100%

  194.   );

  195. }

  196. 

  197. .ctools-dropbutton-processed.open {

  198.   -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.25);

  199.   -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.25);

  200.   box-shadow: 1px 1px 2px rgba(0,0,0,0.25);

  201. }

  202. 

  203. .ctools-twisty {

  204.   top: 0.6667em;

  205. }

  206. 

  207. .ctools-dropbutton-processed.open .ctools-twisty {

  208.   top: 0.3333em;

  209. }

  210. 

  211. /* @end */

  212. 

  213. /* @group Dependent */

  214. 

  215. .dependent-options,

  216. .form-checkboxes.dependent-options,

  217. .form-radios.dependent-options,

  218. .form-checkboxes .form-item.dependent-options,

  219. .form-radios .form-item.dependent-options {

  220.   margin-left: 25px;

  221. }

  222. 

  223. /* @end */

  224. 

  225. /* @group Collapsible */

  226. 

  227. .ctools-toggle {

  228.   margin-top: 0.5em;

  229. }

  230. 

  231. .ctools-toggle,

  232. .views-display-settings .ctools-toggle {

  233.   color: #494949;

  234. }

  235. 

  236. .ctools-toggle.ctools-toggle-collapsed {

  237.   margin-top: 0.25em;

  238. }

  239. 

  240. .views-display-column > .ctools-toggle {

  241.   margin-top: 14px;

  242. }

  243. 

  244. .views-display-column > .ctools-toggle.ctools-toggle-collapsed {

  245.   margin-top: 12px;

  246. }

  247. 

  248. .views-ui-display-tab-actions .ctools-button input {

  249.   color: #027ac6;

  250.   font-size: 12px;

  251. }

  252. 

  253. .views-ui-display-tab-actions .ctools-button input:hover,

  254. .views-ui-display-tab-actions .ctools-button input:focus {

  255.   color: #0062a0;

  256. }

  257. 

  258. /* @end */

  259. 

  260. /* @end */