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

minor chenges

This commit is contained in:
andmironov 2018-05-10 16:50:55 +03:00
parent 36f38f80a4
commit a3421b46dc
2 changed files with 25 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
css/main.css
View File

@ -833,10 +833,7 @@ select[multiple] {
z-index: 200; }
.positions-item:hover .positions-arrow {
opacity: 1; }
.positions-item:hover .positions-arrow svg path {
fill: #4360DF; }
background-color: rgba(67, 96, 223, 0.14); }
.positions-item:hover {
z-index: 998; }
@ -850,13 +847,19 @@ select[multiple] {
padding: 24px 64px 24px 24px; }
.positions-arrow {
display: block;
position: absolute;
width: 24px;
height: 24px;
right: 16px;
top: 50%;
margin: -12px 0 0 0;
opacity: .6; }
border-radius: 50%;
background-color: rgba(67, 96, 223, 0.1);
background-image: url(../img/link-arrow.svg);
background-size: 24px;
background-position: center;
background-repeat: no-repeat; }
.positions-item h2 {
font-size: 18px;
@ -879,6 +882,7 @@ select[multiple] {
.reward {
padding: 16px 24px;
border-top: 1px solid #E8EBED;
border-radius: 0 0 12px 12px;
display: flex;
align-items: center; }
@ -909,6 +913,9 @@ select[multiple] {
height: auto; } }
@media (max-width: 760px) {
.positions-arrow {
margin: 0;
top: 24px; }
.positions-item-top {
padding-right: 48px; }
.reward-description {

26
index.html
View File

@ -6,14 +6,14 @@
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/png" href="./img/logo-16.png?v=0.0.99" sizes="16x16" />
<link rel="icon" type="image/png" href="./img/logo-32.png?v=0.0.99" sizes="32x32" />
<link rel="icon" type="image/png" href="./img/logo-16.png?v=0.1.00" sizes="16x16" />
<link rel="icon" type="image/png" href="./img/logo-32.png?v=0.1.00" sizes="32x32" />
<link rel="apple-touch-icon" sizes="76x76" href="./img/apple-touch-icon-76.png?v=0.0.99">
<link rel="apple-touch-icon" sizes="120x120" href="./img/apple-touch-icon-120.png?v=0.0.99">
<link rel="apple-touch-icon" sizes="152x152" href="./img/apple-touch-icon-152.png?v=0.0.99">
<link rel="apple-touch-icon" sizes="180x180" href="./img/apple-touch-icon-180.png?v=0.0.99">
<link rel="apple-touch-icon" href="./img/apple-touch-icon-1024.png?v=0.0.99">
<link rel="apple-touch-icon" sizes="76x76" href="./img/apple-touch-icon-76.png?v=0.1.00">
<link rel="apple-touch-icon" sizes="120x120" href="./img/apple-touch-icon-120.png?v=0.1.00">
<link rel="apple-touch-icon" sizes="152x152" href="./img/apple-touch-icon-152.png?v=0.1.00">
<link rel="apple-touch-icon" sizes="180x180" href="./img/apple-touch-icon-180.png?v=0.1.00">
<link rel="apple-touch-icon" href="./img/apple-touch-icon-1024.png?v=0.1.00">
<title>Status Design</title>
<meta name="description" content="We’re the Status Design team, and we're helping to create the tools that'll lead to a more open and equitable Internet for us all">
@ -37,7 +37,7 @@
<meta name="twitter:creator" content="@ethstatus" />
<link rel="stylesheet" href="./css/main.css?v=0.0.99">
<link rel="stylesheet" href="./css/main.css?v=0.1.00">
</head>
<body>
@ -438,7 +438,7 @@
<div class="positions-item">
<div class="positions-item-inner">
<div class="positions-item-top">
<div class="positions-arrow"><svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M16.065 12.087a1 1 0 0 1-.288.62l-7.068 7.067a.999.999 0 1 1-1.414-1.414l6.377-6.377-6.377-6.376A.999.999 0 1 1 8.71 4.192l7.068 7.068a1 1 0 0 1 .288.827z" fill="#8D99A4" fill-rule="evenodd"/></svg></div>
<div class="positions-arrow"></div>
<h2>UI/UX Designer <span>&times;2</span> </h2>
<p>As a UI/UX designer, you’ll tackle complex and exciting problems, transforming them into elegant, easy-to-use, and user-centered solutions.</p>
</div>
@ -451,7 +451,7 @@
<div class="positions-item">
<div class="positions-item-inner">
<div class="positions-item-top">
<div class="positions-arrow"><svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M16.065 12.087a1 1 0 0 1-.288.62l-7.068 7.067a.999.999 0 1 1-1.414-1.414l6.377-6.377-6.377-6.376A.999.999 0 1 1 8.71 4.192l7.068 7.068a1 1 0 0 1 .288.827z" fill="#8D99A4" fill-rule="evenodd"/></svg></div>
<div class="positions-arrow"></div>
<h2>Web Designer</h2>
<p>By joining us as a Web Designer, you’ll help craft the way that people interact with blockchain technology.</p>
</div>
@ -464,7 +464,7 @@
<div class="positions-item">
<div class="positions-item-inner">
<div class="positions-item-top">
<div class="positions-arrow"><svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M16.065 12.087a1 1 0 0 1-.288.62l-7.068 7.067a.999.999 0 1 1-1.414-1.414l6.377-6.377-6.377-6.376A.999.999 0 1 1 8.71 4.192l7.068 7.068a1 1 0 0 1 .288.827z" fill="#8D99A4" fill-rule="evenodd"/></svg></div>
<div class="positions-arrow"></div>
<h2>Brand Design Lead</h2>
<p>We’re looking for someone who’s excited by the impact that blockchains will have on society and is eager to help tell the Status story.</p>
</div>
@ -477,7 +477,7 @@
<div class="positions-item">
<div class="positions-item-inner">
<div class="positions-item-top">
<div class="positions-arrow"><svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M16.065 12.087a1 1 0 0 1-.288.62l-7.068 7.067a.999.999 0 1 1-1.414-1.414l6.377-6.377-6.377-6.376A.999.999 0 1 1 8.71 4.192l7.068 7.068a1 1 0 0 1 .288.827z" fill="#8D99A4" fill-rule="evenodd"/></svg></div>
<div class="positions-arrow"></div>
<h2>Brand Designer</h2>
<p>As Brand Designer, you’ll help visualize the the incredible potential of Status through the brand’s visual language.</p>
</div>
@ -581,7 +581,7 @@
</div>
</div>
<script src="./js/bundle.js?v=0.0.99"></script>
<script src="./js/bundle.js?v=0.1.00"></script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-79146816-1"></script>