Gazelle/static/styles/tiles/style.css

62 lines
919 B
CSS
Raw Normal View History

2013-09-09 08:00:52 +00:00
.tiles_container {
2014-01-18 08:01:25 +00:00
position: relative;
2013-09-08 08:00:57 +00:00
}
/**
* Grid container
*/
2014-01-18 08:01:25 +00:00
.tiles {
list-style-type: none;
position: relative; /** Needed to ensure items are laid out relative to this container **/
margin: 0;
padding: 0;
2013-09-08 08:00:57 +00:00
}
/**
* Grid items
*/
2014-01-18 08:01:25 +00:00
.tiles li {
background-color: #ffffff;
border: 1px solid #dedede;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
display: none; /** Hide items initially to avoid a flicker effect **/
cursor: pointer;
padding: 4px;
2013-09-08 08:00:57 +00:00
}
2013-09-09 08:00:52 +00:00
.tiles li.inactive {
2014-01-18 08:01:25 +00:00
visibility: hidden;
opacity: 0;
2013-09-08 08:00:57 +00:00
}
2013-09-09 08:00:52 +00:00
.tiles li img {
2014-01-18 08:01:25 +00:00
display: block;
2013-09-08 08:00:57 +00:00
}
2013-09-09 08:00:52 +00:00
.large_tile {
2014-01-18 08:01:25 +00:00
max-width: 252px;
2013-09-09 08:00:52 +00:00
}
2013-09-08 08:00:57 +00:00
/**
* Grid item text
*/
2014-01-18 08:01:25 +00:00
.tiles li p {
color: #666;
font-size: 12px;
margin: 7px 0 0 7px;
2013-09-08 08:00:57 +00:00
}
/**
* Placerholder css
*/
2014-01-18 08:01:25 +00:00
.wookmark-placeholder {
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
background-color: #eee;
border: 1px solid #dedede;
z-index: -1;
}