Skip to content
This repository has been archived by the owner on Nov 25, 2020. It is now read-only.

Commit

Permalink
More styling on welcome page. DL links are optional.
Browse files Browse the repository at this point in the history
  • Loading branch information
@cdujeu
cdujeu committed Mar 23, 2016
1 parent 106961e commit 22249ce
Show file tree
Hide file tree
Showing 3 changed files with 210 additions and 181 deletions.
165 changes: 81 additions & 84 deletions core/src/plugins/access.ajxp_home/res/home.css
View file
Expand Up @@ -252,32 +252,34 @@
}
#home_account_pane #ws_legend {
text-align: center;
font-size: 28px;
font-size: 34px;
color: white;
margin: 20px;
line-height: 55px;
transition: opacity ease 0.4s;
}
#home_account_pane #ws_legend .repoInfoBadge {
display: inline-block;
font-size: 23px;
font-size: 24px;
min-width: 210px;
max-width: 230px;
max-width: 210px;
line-height: 30px;
border: 1px solid rgba(255, 255, 255, 0.53);
background-color: rgba(0, 0, 0, 0.16);
border-radius: 6px;
margin: 16px;
border-radius: 3px;
margin: 26px 8px;
min-height: 106px;
vertical-align: top;
padding: 13px 8px;
padding: 10px 6px;
text-align: left;
}
#home_account_pane #ws_legend .repoInfoTitle {
text-transform: uppercase;
font-size: 18px;
text-align: center;
margin-bottom: 9px;
font-weight: 500;
text-transform: none;
font-size: 16px;
text-align: left;
margin-bottom: 5px;
padding: 0 12px;
color: rgba(255, 255, 255, 0.76);
}
#home_account_pane #ws_legend .repoInfoBadge span[class^="icon-"] {
display: block;
Expand All @@ -287,20 +289,22 @@
opacity: 0.9;
}
#home_account_pane #ws_legend > small {
font-size: 13px;
line-height: 1em;
font-size: 16px;
line-height: 1.4em;
display: block;
}
#home_account_pane #ws_legend > small.show_description {
line-height: 1.9em;
display: block;
}
#home_account_pane #ws_legend a {
font-size: 0.5em;
}
#home_account_pane #ws_legend.empty_ws_legend {
opacity: 0;
}
#home_account_pane #ws_legend .enter_save_choice {
opacity: 0.7;
font-size: 13px;
margin-top: 10px;
}
#home_account_pane #list_cont {
overflow-y: auto;
}
Expand Down Expand Up @@ -414,6 +418,7 @@
div#tutorial_dl_apps_pane {
width: 100%;
position: absolute;
margin-top: 10px;
}
div#tutorial_dl_apps_pane a {
text-decoration: none;
Expand All @@ -422,6 +427,13 @@ div#tutorial_dl_apps_pane a {
div#tutorial_dl_apps_pane > div > div {
text-align: center;
font-weight: 500;
white-space: nowrap;
}
div#tutorial_dl_apps_pane div.dl_blocks_sep {
float: left;
height: 90px;
border-right: 2px solid white;
margin: 0 10px;
}
div#tutorial_dl_apps_pane div#dl_pydio_cont {
width: 750px;
Expand All @@ -433,88 +445,73 @@ div#tutorial_dl_apps_pane div#dl_pydio_for {
margin: 44px 18px;
font-size: 21px;
}
div#tutorial_dl_apps_pane div#dl_pydio_win,
div#tutorial_dl_apps_pane div#dl_pydio_mac,
div#tutorial_dl_apps_pane div#dl_pydio_ios,
div#tutorial_dl_apps_pane div#dl_pydio_android {
width: 81px;
width: 90px;
float: left;
padding-top: 8px;
position: relative;
}
div#tutorial_dl_apps_pane div#dl_pydio_win a.icon-laptop,
div#tutorial_dl_apps_pane div#dl_pydio_mac a.icon-laptop,
div#tutorial_dl_apps_pane div#dl_pydio_ios a.icon-laptop,
div#tutorial_dl_apps_pane div#dl_pydio_android a.icon-laptop,
div#tutorial_dl_apps_pane div#dl_pydio_win a.icon-desktop,
div#tutorial_dl_apps_pane div#dl_pydio_mac a.icon-desktop,
div#tutorial_dl_apps_pane div#dl_pydio_ios a.icon-desktop,
div#tutorial_dl_apps_pane div#dl_pydio_android a.icon-desktop,
div#tutorial_dl_apps_pane div#dl_pydio_win a.icon-tablet,
div#tutorial_dl_apps_pane div#dl_pydio_mac a.icon-tablet,
div#tutorial_dl_apps_pane div#dl_pydio_ios a.icon-tablet,
div#tutorial_dl_apps_pane div#dl_pydio_android a.icon-tablet,
div#tutorial_dl_apps_pane div#dl_pydio_win a.icon-mobile-phone,
div#tutorial_dl_apps_pane div#dl_pydio_mac a.icon-mobile-phone,
div#tutorial_dl_apps_pane div#dl_pydio_ios a.icon-mobile-phone,
div#tutorial_dl_apps_pane div#dl_pydio_android a.icon-mobile-phone {
font-size: 96px;
}
font-size: 70px;
}
div#tutorial_dl_apps_pane div#dl_pydio_win a.icon-windows,
div#tutorial_dl_apps_pane div#dl_pydio_mac a.icon-windows,
div#tutorial_dl_apps_pane div#dl_pydio_ios a.icon-windows,
div#tutorial_dl_apps_pane div#dl_pydio_android a.icon-windows,
div#tutorial_dl_apps_pane div#dl_pydio_win a.icon-apple,
div#tutorial_dl_apps_pane div#dl_pydio_mac a.icon-apple,
div#tutorial_dl_apps_pane div#dl_pydio_ios a.icon-apple,
div#tutorial_dl_apps_pane div#dl_pydio_android a.icon-apple,
div#tutorial_dl_apps_pane div#dl_pydio_win a.icon-android,
div#tutorial_dl_apps_pane div#dl_pydio_mac a.icon-android,
div#tutorial_dl_apps_pane div#dl_pydio_ios a.icon-android,
div#tutorial_dl_apps_pane div#dl_pydio_android a.icon-android {
font-size: 30px;
position: relative;
top: -26px;
left: -32px;
color: #56be56;
}
div#tutorial_dl_apps_pane div#dl_pydio_android div {
font-size: 11px;
top: -15px;
position: relative;
left: -13px;
}
div#tutorial_dl_apps_pane div#dl_pydio_ios {
width: 91px;
float: left;
}
div#tutorial_dl_apps_pane div#dl_pydio_ios a.icon-tablet {
font-size: 96px;
}
div#tutorial_dl_apps_pane div#dl_pydio_ios a.icon-apple {
font-size: 26px;
position: relative;
top: -33px;
left: -40px;
font-size: 22px;
position: absolute;
left: 0 ;
top: 26px;
color: white;
text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.4);
width: 90px;
}
div#tutorial_dl_apps_pane div#dl_pydio_ios div {
font-size: 11px;
top: -15px;
position: relative;
left: -4px;
}
div#tutorial_dl_apps_pane div#dl_pydio_mac {
width: 110px;
float: left;
padding-top: 14px;
div#tutorial_dl_apps_pane div#dl_pydio_win div,
div#tutorial_dl_apps_pane div#dl_pydio_mac div,
div#tutorial_dl_apps_pane div#dl_pydio_ios div,
div#tutorial_dl_apps_pane div#dl_pydio_android div {
font-size: 12px;
bottom: -10px;
width: 90px;
text-align: center;
position: absolute;
}
div#tutorial_dl_apps_pane div#dl_pydio_mac a.icon-desktop {
font-size: 74px;
font-size: 65px;
}
div#tutorial_dl_apps_pane div#dl_pydio_mac a.icon-apple {
font-size: 26px;
position: relative;
top: -30px;
left: -51px;
color: #949494;
top: 18px;
}
div#tutorial_dl_apps_pane div#dl_pydio_mac div {
font-size: 11px;
top: -6px;
position: relative;
left: -6px;
}
div#tutorial_dl_apps_pane div#dl_pydio_win {
width: 100px;
float: left;
padding-top: 8px;
bottom: -14px;
}
div#tutorial_dl_apps_pane div#dl_pydio_win a.icon-laptop {
font-size: 87px;
}
div#tutorial_dl_apps_pane div#dl_pydio_win a.icon-windows {
font-size: 26px;
position: relative;
top: -66px;
left: 0;
color: #387aad;
}
div#tutorial_dl_apps_pane div#dl_pydio_win div {
font-size: 11px;
top: -40px;
position: relative;
left: 8px;
div#tutorial_dl_apps_pane div#dl_pydio_android a.icon-android {
top: 30px;
}
@media only screen and (max-width: 980px) {
#notifications_center div.notif_event_container {
Expand Down

0 comments on commit 22249ce

Please sign in to comment.