From 9da91f0d5447248ec77576d9dc6d66090790ae67 Mon Sep 17 00:00:00 2001 From: ryderr Date: Fri, 31 Oct 2014 17:06:17 -0400 Subject: stylez --- public/assets/stylesheets/app.css | 18 +++++++++++++----- 1 file changed, 13 insertions(+), 5 deletions(-) (limited to 'public') diff --git a/public/assets/stylesheets/app.css b/public/assets/stylesheets/app.css index ce0c1cc..ab867a4 100755 --- a/public/assets/stylesheets/app.css +++ b/public/assets/stylesheets/app.css @@ -327,6 +327,7 @@ h5 { text-align: left; border-top: 1px solid; padding:10% 0; + margin-bottom:20px; } .projectList.about .item{ @@ -2691,10 +2692,7 @@ a[data-role="forgot-password"] { height: 180px; width: 50%; } - .profilepage .bio h2 { - font-weight: 300; - font-size: 30px; - } + .profilePic { width: 50%; height: 180px; @@ -2704,6 +2702,10 @@ a[data-role="forgot-password"] { font-weight: 500; font-size: 17px; } + .page .projectList label { + font-weight:600; + border:0; + } .projectList.about { text-align: center; padding: 0px 0; @@ -2737,7 +2739,7 @@ a[data-role="forgot-password"] { padding: 18px 0; } .footer a, .footer span { - margin: 9px; + margin: 4px; } #keyhint { display:none; @@ -2749,6 +2751,12 @@ a[data-role="forgot-password"] { .projectList .room { width: 100%; height: 280px; + margin: 0; + } + .mediaDrawer form h2 { + margin-bottom: 26px; + width: 100%; + text-align: left; } .aboutRoom { width: 170px; -- cgit v1.2.3-70-g09d2 From d8f0fc6831c37be90d8dcdce3dd080fee55e908d Mon Sep 17 00:00:00 2001 From: ryderr Date: Fri, 31 Oct 2014 17:42:29 -0400 Subject: more mobile ish --- public/assets/stylesheets/app.css | 29 +++++++++++++++++++++++++---- 1 file changed, 25 insertions(+), 4 deletions(-) (limited to 'public') diff --git a/public/assets/stylesheets/app.css b/public/assets/stylesheets/app.css index ab867a4..6e42050 100755 --- a/public/assets/stylesheets/app.css +++ b/public/assets/stylesheets/app.css @@ -302,6 +302,7 @@ h5 { .page { text-align:center; + background:#f9f9f9; } .page.profile { @@ -750,6 +751,11 @@ iframe.embed { font-weight: 300; float: left; clear: both; + max-width: 100%; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + display: inline-block; } .profilepage .bio span:last-of-type:after { display: none; } @@ -1154,7 +1160,7 @@ border-left: 1px solid black; } .fixed::-webkit-scrollbar { - width: 3px; + width: 3px; } .fixed::-webkit-scrollbar-track { @@ -2691,6 +2697,8 @@ a[data-role="forgot-password"] { .profilepage .bio { height: 180px; width: 50%; + display: inline-block; + padding-top: 20px; } .profilePic { @@ -2698,9 +2706,19 @@ a[data-role="forgot-password"] { height: 180px; } .profilepage .about h2 { - text-align: center; - font-weight: 500; - font-size: 17px; + display:none; + } + .profilepage .projectList.about:after { + content:"In order to create a room in VValls you need to use a desktop or laptop computer.. Its totally worth though!"; + margin:20px 0 10px 0; + font-size:22px; + display:inline-block; + width:100%; + padding:10px; + line-height: 34px; + } + .bio .holder { + display: inline-block; } .page .projectList label { font-weight:600; @@ -2769,6 +2787,9 @@ a[data-role="forgot-password"] { .aboutRoom h1 a, .aboutRoom h1 { font-size: 16px; } + .footer { + padding:50px 0 120px 0; + } } @media screen and (orientation:portrait) { -- cgit v1.2.3-70-g09d2