views_fluid_grid.base.css

views_fluid_grid.base.css

/* Fluid grid container. Hm, ei n2i efekti omavat.*/
div.views-fluid-grid {
overflow: ellipsis;
}

/* View title, label of grouping field. Minu lisand!*/
div.views-fluid-grid h1 h2 h3 h4 h5 h6 p {
margin-top: 0.2em; margin-bottom: 0.1em;}
div.views-fluid-grid h1 {
font-size: 120%;}
div.views-fluid-grid h2 {
font-size: 115%;}
div.views-fluid-grid h3 {
font-size: 110%;}
div.views-fluid-grid h4 {
font-size: 105%;}

/* Fluid grid is based on an HTML list. */
ul.views-fluid-grid-list {
margin: 0;
padding: 0;
}

/* Default item style. */
li.views-fluid-grid-item {
/* width and height properties are defined at views_fluid_grid.size.css. */
padding: 10px;
overflow: hidden; /* Proovisin selle asemel ellipsis, aga ei t66ta... */
list-style-type: none;
/* background-image: none; */
vertical-align: top;
color: #283648; /* 444 vahetasin 2ra */
background: #f2f4f7 /* url(../uudis_fill.png) 0 100% repeat-x; kui ma tegin selle heledaks, k2x inetux; oli: background-color: #f0f0f0*/
border: 1px solid #ddd; /* aaa vahetasin ära! */
}

/**
* List items use inline block style.
* Works in all modern browsers (except IE7 and lower).
*/
li.views-fluid-grid-inline {
/* inline-block does not work when applied to block elements in IE7 and lower. */
display: inline-block;
}

/**
* Targeting IE7.
* 1) html > body selector hides declaration from IE6 and lower.
* 2) Asterisk Hack exploits a bug in IE7 and lower.
*/
html > body li.views-fluid-grid-inline {
*display: inline;
*zoom: 1;
}

/**
* Targeting IE4-6 (excluding MacIE5).
*
* 1) Commented Backslash Hack hides declaration from MacIE5.
* 2) * html selector exploits a bug in IE4-6.
* 3) Enforce hasLayout using display inline and zoom applied to block elements.
* \*/
* html li.views-fluid-grid-inline {
display: inline;
zoom: 1;
}
/* Ends Commented Backslash Hack. */

Anonymous (not verified) Mon, 11/05/2012 - 20:20