mirror/php-e107
1
0
Fork 0
mirror of https://github.com/e107inc/e107.git synced 2025-08-06 14:46:56 +02:00
Code Issues Releases Wiki Activity

Merge pull request #1147 from mcpeace-maw/patch-17

Browse Source 
Issue #1138 - Bootstrap3 responsive infopanel icons.
This commit is contained in:
Cameron
2015-07-16 10:31:22 -07:00
parent a305f8f320 3ef9913827
commit 544be6258f
1 changed files with 30 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
e107_themes/bootstrap3/admin_style.css
View File

@@ -44,11 +44,39 @@ body { padding-top: 75px; }
.tab-border { border-left: 1px solid #ddd; }
.tab-content { overflow: visible }
.core-mainpanel-block { text-align:center; width:140px; float:left; height:100px; display:block; padding:1px; margin: 0; }
/* .core-mainpanel-block { text-align:center; width:140px; float:left; height:100px; display:block; padding:1px; margin: 0; } */
.core-mainpanel-block { text-align:center; width:20%; float:left; height:80px; display:block; padding:1px 5px; margin: 0px 0px 10px 0px; }
.core-mainpanel-link-text { text-decoration: none; display:block; }
a.core-mainpanel-link-icon { height:100px; width: 141px; padding-top:20px; }
/* a.core-mainpanel-link-icon { height:100px; width: 141px; padding-top:20px; } */
a.core-mainpanel-link-icon { height:80px; width: 100%; padding-top:20px; }
a.core-mainpanel-link-icon:hover { text-decoration: none; filter: none; }
@media (max-width: 1700px){
.core-mainpanel-block { width:25%; }
}
@media (max-width: 1500px){
.core-mainpanel-block { width:33.3333%; }
}
@media (max-width: 1200px){
.core-mainpanel-block { width:50%; }
}
@media (max-width: 992px){
.core-mainpanel-block { width:20%; }
}
@media (max-width: 768px){
.core-mainpanel-block { width:25%; }
}
@media (max-width: 668px){
.core-mainpanel-block { width:33.3333%; }
}
@media (max-width: 500px){
.core-mainpanel-block { width:50%; }
}
@media (max-width: 380px){
.core-mainpanel-block { width:100%; }
}
table input.form-control, table textarea.form-control, table select.form-control {
width: 206px;
}