lychee/assets/scss/mediaquery.scss
2014-08-26 16:47:12 +02:00

69 lines
1.1 KiB
SCSS

/**
* @name mediaquery.css
* @author Tobias Reich
* @copyright 2014 by Tobias Reich
*/
@media only screen and (max-width: 900px) {
#title {
margin: 0px 20% !important;
width: 40% !important;
}
#title.view {
margin: 0px 20% !important;
width: 60% !important;
}
#title span {
display: none !important;
}
}
@media only screen and (max-width: 640px) {
#title {
display: none !important;
}
#title.view {
display: block !important;
width: 70% !important;
margin: 0px 20% 0px 10% !important;
}
#button_move {
display: none !important;
}
#button_archive {
display: none !important;
}
.center {
top: 0px !important;
left: 0px !important;
}
.album, .photo {
margin: 40px 0px 0px 50px !important;
}
#imageview .arrow_wrapper {
display: none !important;
}
.message {
position: fixed !important;
width: 100% !important;
height: 100% !important;
margin: 1px 0px 0px 0px !important;
border-radius: 0px !important;
/* Animation */
animation: moveUp .3s !important;
}
.upload_message {
margin-top: 0px !important;
margin-left: 0px !important;
width: 100% !important;
}
}