mirror_css/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-16 10:34:07 +02:00
Code Issues Releases Wiki Activity

Modified the file to conform to bootstrap standards and fix an IE7 css selector issue

Browse Source 
Signed-off-by: Giuliano Velli <giuliano@giusi.org>
This commit is contained in:
Giuliano Velli
2012-04-24 17:23:14 +02:00
committed by Giuliano Velli
parent 4fbb400754 f5fd5e7523
commit 7762a77c21
1 changed files with 39 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files

77
less/media.less
View File

@@ -1,68 +1,69 @@
// COMMON STYLES // COMMON STYLES
// ------------- // -------------
.media, .media-body { .media,
overflow:hidden; .media-body {
*overflow:visible; overflow: hidden;
zoom:1; *overflow: visible;
zoom: 1;
} }
.media { .media {
margin-bottom: 10px; margin-bottom: 10px;
} }
.media .media { .media .media {
margin-top: 20px; margin-top: 20px;
} }
.media .pull-left { .media .pull-left {
margin-right: 10px; margin-right: 10px;
} }
.media .pull-right { .media .pull-right {
margin-left: 10px; margin-left: 10px;
} }
.media .media-object { .media .media-object {
display: block; display: block;
} }
// Media list // Media list
.medias { .medias {
margin-top: 20px; margin-top: 20px;
margin-left: 0; margin-left: 0;
list-style-type: none; list-style-type: none;
} }
.medias .media { .medias .media {
padding-bottom: 10px; padding-bottom: 10px;
border-bottom: 1px solid rgba(0, 0, 0, .07); border-bottom: 1px solid rgba(0,0,0,.07);
} }
.medias > .media:last-child { .medias > .media.last {
margin: 0; margin: 0;
border-bottom: none; border-bottom: none;
} }
.medias > .media .media { .medias > .media .media {
margin-bottom: 0; margin-bottom: 0;
padding-bottom: 0; padding-bottom: 0;
border-bottom: none; border-bottom: none;
} }
// Media box // Media box
.media-box { .media-box {
margin-bottom: 19px; margin-bottom: 19px;
padding: 10px; padding: 10px;
background-color: #fff; background-color: #fff;
border: 1px solid rgba(0,0,0,.09); border: 1px solid rgba(0,0,0,.09);
.border-radius(4px); .border-radius(4px);
.box-shadow(1px 1px 2px rgba(0, 0, 0, 0.1)); .box-shadow(1px 1px 2px rgba(0,0,0,.1));
} }
@media (max-width: 480px) { @media (max-width: 480px) {
.media .pull-left, .media .pull-left,
.media .pull-right { .media .pull-right {
float: none; float: none;
display: block; display: block;
margin-bottom: 10px; margin-bottom: 10px;
} }
.media .pull-left { .media .pull-left {
margin-right: 0; margin-right: 0; // we stack the components so the indent is not needed anymore
} }
.media .pull-right { .media .pull-right {
margin-left: 0; margin-left: 0; // we stack the components so the indent is not needed anymore
} }
} }