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 * Responsive layout for the control panel
*/ */
@media screen and (max-width:350px) { @media screen and (max-width:479px) {
#tarteaucitronRoot #tarteaucitron #tarteaucitronInfo { #tarteaucitron #tarteaucitronInfo {
background-image: none; background-image: none;
font-size: 16px !important;
padding-right: 0; padding-right: 0;
text-align: center; 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 { #tarteaucitron .tarteaucitronLine .tarteaucitronName {
width: 90% !important; width: 90% !important;
} }
#tarteaucitron .tarteaucitronLine .tarteaucitronAsk { #tarteaucitron .tarteaucitronLine .tarteaucitronAsk {
float: left !important; float: left !important;
margin: 10px 15px 5px; margin: 10px 15px 5px;
} }
} }
@media screen and (max-width:890px) { @media screen and (max-width:767px) {
#tarteaucitron { #tarteaucitron {
border: 0 !important; border: 0 !important;
bottom: 0 !important; bottom: 0 !important;
@ -39,12 +29,21 @@
top: 0 !important; top: 0 !important;
width: 100% !important; width: 100% !important;
} }
#tarteaucitron #tarteaucitronClosePanel { #tarteaucitron #tarteaucitronClosePanel {
display: block !important; 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 * Common value
*/ */