polynux
/
tarteauxmyrtilles
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix #8 (@media query more bootstrap compliant)

This commit is contained in:
Amauri CHAMPEAUX 2014-12-04 17:36:41 +01:00
parent 73262937b9
commit 33498249de
1 changed files with 15 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
css/tarteaucitron.css
View File

@ -1,35 +1,25 @@
/***
* Responsive layout for the control panel
*/
@media screen and (max-width:350px) {
#tarteaucitronRoot #tarteaucitron #tarteaucitronInfo {
@media screen and (max-width:479px) {
#tarteaucitron #tarteaucitronInfo {
background-image: none;
font-size: 16px !important;
padding-right: 0;
text-align: center;
}
}
@media screen and (max-width:400px) {
#tarteaucitronRoot #tarteaucitron #tarteaucitronInfo {
font-size: 14px !important;
}
}
@media screen and (max-width:470px) {
#tarteaucitron #tarteaucitronInfo {
font-size: 16px !important;
}
#tarteaucitron .tarteaucitronLine .tarteaucitronName {
width: 90% !important;
}
#tarteaucitron .tarteaucitronLine .tarteaucitronAsk {
float: left !important;
margin: 10px 15px 5px;
}
}
@media screen and (max-width:890px) {
@media screen and (max-width:767px) {
#tarteaucitron {
border: 0 !important;
bottom: 0 !important;
@ -39,12 +29,21 @@
top: 0 !important;
width: 100% !important;
}
#tarteaucitron #tarteaucitronClosePanel {
display: block !important;
}
}
@media screen and (min-width:768px) and (max-width:991px) {
#tarteaucitron {
border: 0 !important;
margin: 0 5%;
max-height: 80% !important;
width: 90% !important;
}
}
/***
* Common value
*/