gnh1201/seeddms-code
1
0
Fork 0
mirror of https://git.code.sf.net/p/seeddms/code synced 2025-02-06 15:14:58 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

nicer layout of tab bar on small screens

Browse Source
This commit is contained in:
Uwe Steinmann 2013-03-20 11:16:23 +01:00
parent 315470e63a
commit 083ff8aefc
1 changed files with 43 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

43
styles/bootstrap/application.css
View File

@ -3,3 +3,46 @@ body { /* Add top padding for full-width layout */
}
img.mimeicon {
}
@media (max-width: 480px) {
.nav-tabs > li {
float:none;
}
.nav-tabs > li > a {
margin-right: 0;
}
.nav-tabs {
border-bottom: 0;
}
.nav-tabs > li > a {
border: 1px solid #ddd;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.nav-tabs > li:first-child > a {
-webkit-border-top-right-radius: 4px;
border-top-right-radius: 4px;
-webkit-border-top-left-radius: 4px;
border-top-left-radius: 4px;
-moz-border-radius-topright: 4px;
-moz-border-radius-topleft: 4px;
}
.nav-tabs > li:last-child > a {
-webkit-border-bottom-right-radius: 4px;
border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
border-bottom-left-radius: 4px;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-bottomleft: 4px;
}
.nav-tabs > li > a:hover {
z-index: 2;
border-color: #ddd;
}
}