Friendica/friendica-github
1
0
Fork 0
mirror of https://github.com/friendica/friendica synced 2024-12-25 02:00:17 +00:00
Code Issues Projects Releases Packages Wiki Activity

Merge pull request #426 from cvogeley/master

Browse source 
Frost-mobile: Add media query in stylesheet for tablets
This commit is contained in:
fermionic 2012-08-05 09:43:24 -07:00
commit fbc0f0e7ca
1 changed files with 3905 additions and 3887 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

44
view/theme/frost-mobile/style.css
View file

@ -156,7 +156,7 @@ nav #banner #logo-text a {
font-size: 40px; font-size: 40px;
font-weight: bold; font-weight: bold;
margin-left: 3px; margin-left: 3px;
color: #000000; color: #000000;
} }
nav #banner #logo-text a:hover { text-decoration: none; } nav #banner #logo-text a:hover { text-decoration: none; }
@ -2399,13 +2399,13 @@ aside input[type='text'] {
} }
.photo-album-image-wrapper .caption { .photo-album-image-wrapper .caption {
display: none; display: none;
width: 100%; width: 100%;
/* position: absolute; */ /* position: absolute; */
bottom: 0px; bottom: 0px;
padding: 0.5em 0.5em 0px 0.5em; padding: 0.5em 0.5em 0px 0.5em;
background-color: rgba(245, 245, 255, 0.8); background-color: rgba(245, 245, 255, 0.8);
border-bottom: 2px solid #CCC; border-bottom: 2px solid #CCC;
margin: 0px; margin: 0px;
} }
.photo-album-image-wrapper a:hover .caption { .photo-album-image-wrapper a:hover .caption {
display:block; display:block;
@ -2433,13 +2433,13 @@ aside input[type='text'] {
-webkit-border-radius: 10px; -webkit-border-radius: 10px;
} }
.photo-top-album-name { .photo-top-album-name {
width: 100%; width: 100%;
min-height: 2em; min-height: 2em;
/* position: absolute; */ /* position: absolute; */
bottom: 0px; bottom: 0px;
padding: 0px 3px; padding: 0px 3px;
padding-top: 0.5em; padding-top: 0.5em;
background-color: rgb(255, 255, 255); background-color: rgb(255, 255, 255);
} }
#photo-top-end { #photo-top-end {
clear: both; clear: both;
@ -3885,3 +3885,21 @@ ul.notifications-menu-popup {
margin-left: 40px; margin-left: 40px;
width: 130px; width: 130px;
} }
@media only screen and (min-device-width: 768px)
and (max-device-width: 1024px)
{
html {
width:700px
}
div.section-wrapper {
width:700px;
margin-left:0px;
}
.wall-item-body {
width:700px;
}
.comment .wall-item-body {
width:650px;
}
}