status-im
/
status-site-legacy
mirror of https://github.com/status-im/status-site-legacy.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

Merge pull request #1 from status-im/switch-sides 

Switch sides
This commit is contained in:
Jarrad 2016-06-20 20:13:11 +02:00 committed by GitHub
parent c091e290fd fe3f10bb7d
commit 2b4716bd09
3 changed files with 78 additions and 94 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
src/css/main.css
View File

@ -445,8 +445,9 @@ input[type=email] {
float: none; }
.section-heading-odd {
float: right;
float: none;
margin: 0 auto;
margin-left: 50px;
width: 360px;
vertical-align: middle;
text-align: center; }
@ -943,7 +944,7 @@ footer {
.phone-odd {
position: relative;
top: 73px;
float: left; }
float: right; }
.header-wrapper {
position: relative;
@ -1162,13 +1163,7 @@ body input:required:valid, body textarea:required:valid {
/* ALWAYS END */
/*========== Desktop First Method ========== */
/* Large Devices, Wide Screens */
@media only screen and (max-width: 1200px) {
/* */ }
/* Medium Devices, Desktops */
@media only screen and (max-width: 992px) {
/* */ }
/* Small Devices, Tablets */
@media only screen and (max-width: 768px) {
/*Disable Animation on Mobile Devices */
@ -1185,30 +1180,10 @@ body input:required:valid, body textarea:required:valid {
animation: none !important; } }
/* Extra Small Devices, Phones */
@media only screen and (max-width: 480px) {
/* */ }
/* Custom, iPhone Retina */
@media only screen and (max-width: 320px) {
/* */ }
/*========== Mobile First Method ========== */
/* Custom, iPhone Retina */
@media only screen and (min-width: 320px) {
/* */ }
/* Extra Small Devices, Phones */
@media only screen and (min-width: 480px) {
/* */ }
/* Small Devices, Tablets */
@media only screen and (min-width: 768px) {
/* */ }
/* Medium Devices, Desktops */
@media only screen and (min-width: 992px) {
/* */ }
/* Large Devices, Wide Screens */
@media only screen and (min-width: 1200px) {
/* */ }

136
src/index.html
View File

@ -88,7 +88,7 @@
</div>
</div>
</div>
<!--
<!--
<div class="table-row">
<div class="block block-white">
<div class="block1-icon">
@ -122,6 +122,16 @@
<section class="section-table section-white">
<div class="table-center">
<div class="table-wrapper">
<div class="table-right table-bottom">
<div class="phone-even">
<div class="phone-image phone-big no-float">
<div class="phone-inner-image phone-big-image-2">
</div>
</div>
</div>
</div>
<div class="table-left">
<div class="section-heading-even">
<h2>Status is a Browser</h2>
@ -156,14 +166,7 @@
</div>
</div>
</div>
<div class="table-right table-bottom">
<div class="phone-even">
<div class="phone-image phone-big">
<div class="phone-inner-image phone-big-image-2">
</div>
</div>
</div>
</div>
</div>
</div>
@ -179,6 +182,55 @@
<section class="section-table">
<div class="table-center">
<div class="table-wrapper">
<div class="table-two-third">
<div class="section-heading-odd">
<h2>Status is a Messenger</h2>
<p>Have more meaningful conversations, with the ability to send payments, smart contracts, and more, directly from within chats.<br><br></p>
<div class="tags">
<div class="tag tag-status">
<div class="setstatus-pink">
<span>!setStatus</span>
</div>
<p>Away</p>
</div>
<div class="tag tag-transaction">
<div class="transaction-green">
<span>!transaction</span>
</div>
<p>346 <span>ETH</span> </p>
</div>
<div class="tag tag-name">
<div class="name-brown">
<span>!name</span>
</div>
<p>Alex Petrov</p>
</div>
<div class="tag tag-password">
<div class="password-blue">
<span>!keypairPassword</span>
</div>
<div class="icon-lock"></div>
<p>********</p>
</div>
<div class="tag tag-location">
<div class="location-purple">
<span>!location</span>
</div>
<p>Two Bar Mountain,
<br>Maricopa County,
<br>AZ, US</p>
<div class="location-map"></div>
</div>
</div>
</div>
</div>
<div class="table-one-third table-bottom">
<div class="phone-odd">
<div class="phone-image phone-big">
@ -188,53 +240,6 @@
</div>
</div>
<div class="table-two-third">
<div class="section-heading-odd">
<h2>Status is a Messenger</h2>
<p>Have more meaningful conversations, with the ability to send payments, smart contracts, and more, directly from within chats.<br><br></p>
<div class="tags">
<div class="tag tag-status">
<div class="setstatus-pink">
<span>!setStatus</span>
</div>
<p>Away</p>
</div>
<div class="tag tag-transaction">
<div class="transaction-green">
<span>!transaction</span>
</div>
<p>346 <span>ETH</span> </p>
</div>
<div class="tag tag-name">
<div class="name-brown">
<span>!name</span>
</div>
<p>Alex Petrov</p>
</div>
<div class="tag tag-password">
<div class="password-blue">
<span>!keypairPassword</span>
</div>
<div class="icon-lock"></div>
<p>********</p>
</div>
<div class="tag tag-location">
<div class="location-purple">
<span>!location</span>
</div>
<p>Two Bar Mountain,
<br>Maricopa County,
<br>AZ, US</p>
<div class="location-map"></div>
</div>
</div>
</div>
</div>
</div>
</div>
@ -250,6 +255,16 @@
<section class="section-table section-white">
<div class="table-center">
<div class="table-wrapper">
<div class="table-right table-bottom">
<div class="phone-even">
<div class="phone-image phone-big no-float">
<div class="phone-inner-image phone-big-image-2">
</div>
</div>
</div>
</div>
<div class="table-left">
<div class="section-heading-even">
<h2>Status is a Community</h2>
@ -285,14 +300,7 @@
</div>
</div>
</div>
<div class="table-right table-bottom">
<div class="phone-even">
<div class="phone-image phone-big">
<div class="phone-inner-image phone-big-image-2">
</div>
</div>
</div>
</div>
</div>
</div>

5
src/sass/index.scss
View File

@ -443,8 +443,9 @@ input[type=email] {
}
.section-heading-odd {
float: right;
float: none;
margin: 0 auto;
margin-left: 50px;
width: 360px;
vertical-align: middle;
text-align: center;
@ -979,7 +980,7 @@ footer {
.phone-odd {
position: relative;
top: 73px;
float: left;
float: right;
}
.header-wrapper {