mirror/yacreader
1
0
Fork 0
mirror of https://github.com/YACReader/yacreader synced 2025-06-04 01:28:55 -04:00
Code Issues Actions Packages Projects Releases Wiki Activity

adaptative server browsing ui for iPhone (all screen sizes)

Browse Source
This commit is contained in:
Luis Ángel San Martín 2015-04-14 12:34:22 +02:00
parent c8ccaf7267
commit ebeddbe73b
1 changed files with 10 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
release/server/docroot/css/styles_iphone.css
View File

@ -5,11 +5,10 @@ body{
/* libraries */ /* libraries */
#contentLibraries{ #contentLibraries{
width: 300px;
border: 1px solid #C6C6C6; border: 1px solid #C6C6C6;
background-color: white; background-color: white;
margin-left: auto; margin-left: 20px;
margin-right: auto; margin-right: 20px;
margin-top: 9px; margin-top: 9px;
} }
@ -62,7 +61,7 @@ body{
#contentLibraries .library-indicator #contentLibraries .library-indicator
{ {
float: left; float: right;
background-color: white; background-color: white;
height: 8px; height: 8px;
padding: 16px 16px 15px 16px; padding: 16px 16px 15px 16px;
@ -181,10 +180,10 @@ body{
#itemContainer li #itemContainer li
{ {
width: 300px;
height: 120px; height: 120px;
border: 1px solid #E2E2E2; border: 1px solid #E2E2E2;
margin: 9px auto 0px auto; margin: 9px 10px 0px 10px;
background-color: white; background-color: white;
overflow: hidden; overflow: hidden;
position: relative; position: relative;
@ -218,22 +217,22 @@ overflow: hidden;
.info .info
{ {
padding: 8px 0px 0px 0px; padding: 8px 0px 0px 0px;
float: left;
position: relative; position: relative;
height: 115px; height: 115px;
width: 212px;
padding-left: 82px;
} }
.buttons .buttons
{ {
position:absolute; position:absolute;
bottom:0px; bottom:0px;
left:0px; left:80px;
right: 0px;
border-top: 1px solid #e2e2e2; border-top: 1px solid #e2e2e2;
padding-top: 3px; padding-top: 3px;
height: 25px; height: 25px;
width: 220px;
font-family: Arial; font-family: Arial;
color: #6e6e6e; color: #6e6e6e;
font-size: 10px; font-size: 10px;
@ -245,7 +244,7 @@ width: 212px;
bottom:24px; bottom:24px;
padding-top: 3px; padding-top: 3px;
height: 25px; height: 25px;
width: 220px; width: 100%;
font-family: Arial; font-family: Arial;
color: #adadad; color: #adadad;
font-size: 10px; font-size: 10px;