Skip to content

Commit

Permalink
Fix semantic display issues
Browse files Browse the repository at this point in the history
  • Loading branch information
@fpigerre
fpigerre committed Sep 18, 2015
1 parent 9c5c93f commit e9eba14
Show file tree
Hide file tree
Showing 10 changed files with 379 additions and 376 deletions.
2 changes: 1 addition & 1 deletion _includes/exceptions/none.html
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
<div class="ui segment">
<div class="ui raised padded segment">
<h3 class="ui header">
No Site Restrictions Listed
</h3>
Expand Down
20 changes: 9 additions & 11 deletions _includes/note-header.html
View file
Original file line number Diff line number Diff line change
@@ -1,15 +1,13 @@
<div class="ui fixed transparent inverted teal main menu">
<div class="menu">
<div class="right menu">
<a href="{{ site.repo }}" class="item">
<i class="github icon"></i>
Contribute
</a>
</div>
<div class="ui teal inverted menu">
<a href="/" class="item">
<i class="home icon"></i>
Home
</a>

<a href="/" class="item">
<i class="home icon"></i>
Home
<div class="right menu">
<a href="{{ site.repo }}" class="item">
<i class="github alternate icon"></i>
Contribute
</a>
</div>
</div>
Expand Down
109 changes: 66 additions & 43 deletions css/base.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,49 +4,56 @@ img { border: none; }
ul { list-style: none; }
a { color: #009FDA; text-decoration: none; }


body {
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #505050;
line-height: 22px;
background: none;
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #505050;
line-height: 22px;
background: none;
}

p {
margin: 1em 0;
margin: 1em 0;
}

.sidenav {
position: fixed;
position: fixed;
}

.ui.fixed.menu {
display: block;
display: block;
}

.ui.fixed.menu .item {
display: inline-block;
display: inline-block;
}

.ui.fixed.menu .right.menu {
float: right;
}

.ui.grid.container {
width: 70% !important;
float: right;
}

.footer {
text-align: center;
text-align: center;
}

.ui.center.aligned.header {
display: block;
margin: 150px auto 40px auto;
display: block;
margin: 100px auto 40px auto;
}

.ui.menu .item:before {
display: none;
display: none;
}

.ui.segment.teal {
border: 1px none;
border-radius: 0;
box-shadow: none;
}

.ui.raised.segment {
margin: auto;
text-align: center;
width: 80%;
}

.ui.table tr.negative,
Expand All @@ -58,90 +65,106 @@ p {
}

.ui.table td.icon {
text-align: center;
text-align: center;
}

td i.icon{
td i.icon {
margin: 0;
}

td span.progress,
td span.exception,
td a.exception {
float: right;
float: right;
}

td a {
/*color: #505050;*/
/*color: #505050;*/
}

.ui.table td.twitter {
text-align: center;
text-align: center;
}

.ui.table td.twitter a {
font-size: 0.8rem;
text-transform: uppercase;
}

td img.icon {
float: left;
border-radius: 50%;
padding: 4px 4px;
-webkit-box-shadow: 0 0 0 .1em rgba(0,0,0,.1) inset;
box-shadow: 0 0 0 .1em rgba(0,0,0,.1) inset;
line-height: 1;
margin-right: 8px;
background-color: white;
height: 32px;
float: left;
border-radius: 50%;
padding: 4px 4px;
-webkit-box-shadow: 0 0 0 .1em rgba(0, 0, 0, .1) inset;
box-shadow: 0 0 0 .1em rgba(0, 0, 0, .1) inset;
line-height: 1;
margin-right: 8px;
background-color: white;
height: 32px;
}

.ui.table tr.positive td,
.ui.table td.positive {
background-color: #DFF0D8 !important;
background-color: #DFF0D8 !important;
}

.ui.celled.table tr.positive:hover td,
.ui.celled.table tr:hover td.positive,
.ui.table tr.positive:hover td,
.ui.table td:hover.positive,
.ui.table th:hover.positive {
background-color: #DFF0D8 !important;
background-color: #DFF0D8 !important;
}

.ui.table tr.negative td,
.ui.table td.negative {
background-color: #F2DEDE !important;
background-color: #F2DEDE !important;
}

.ui.celled.table tr.negative:hover td,
.ui.celled.table tr:hover td.negative,
.ui.table tr.negative:hover td,
.ui.table td:hover.negative,
.ui.table th:hover.negative {
background-color: #F2DEDE !important;
background-color: #F2DEDE !important;
}

.ui.divider {
margin: 2em 0;
margin: 2em 0;
}

@media (min-width: 767px) {
.menu {
padding: 0 10%;
padding: 0 10%;
}

.ui.segment.teal {
margin: 0 5%;
}
}

@media (min-width: 1199px) {
.ui.grid.container {
width: 70% !important;
}
}

@media only screen and (max-width: 1199px) {
.ui.menu.desktop {
display: block;
display: block;
}

.ui.menu.mobile {
display: none;
display: none;
}
}


@media only screen and (min-width: 480px) and (max-width: 767px), screen and (max-width: 479px) {
.ui.menu.desktop {
display: none;
display: none;
}

.ui.menu.mobile {
display: block;
display: block;
}
}
132 changes: 65 additions & 67 deletions notes/chase.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,73 +4,71 @@

{% include note-header.html %}

<div class="main container">
<div class="ui grid">
<div class="column">
<div class="banner ui icon header">
<i class="circular mobile icon"></i>
<h2>Two Factor Auth (2FA)</h2>
</div>
<div class="ui segment teal">
<h2 class="ui header">
Chase
<div class="sub header">Info regarding Chase 2FA.</div>
</h2>
<p>
Chase 2FA is always enabled.
</p>
<div class="ui center aligned icon header">
<i class="circular mobile icon"></i>

<p>
When you login to your account on a new device using the
desktop website, mobile website, or app, you will be
prompted to receive a code through a call or message to any
registered phone number or email on your account.
</p>
<h2>Two Factor Auth (2FA)</h2>
</div>

<p>
These phone numbers and emails are the ones registered on
your main online account, NOT the ones registered for Chase
QuickPay or banking over text message.
<p>
</div><!-- Section -->
<div class="ui segment teal">
<h2 class="ui header">
Chase
<div class="sub header">Info regarding Chase 2FA.</div>
</h2>
<p>
Chase 2FA is always enabled.
</p>

<div class="ui segment teal">
<h2 class="ui header">
How to Change the Registered Contact Info on Your Account
</h2>
<div class="ui info message">
<div class="header">
Note on Security
</div>
<p>
For your security, this guide will not have a clickable
link to the Chase website. This helps make sure you
are at the real Chase website and not at a phishing
website.
</p>
</div>
<ol class="ui list">
<li>
Go to the main Chase website (chase.com).
</li>
<li>
At the top of the page, click "Customer Center".
</li>
<li>
Under "My Information", click "Change mailing address,
phone and/or email".
</li>
<li>
Follow the instructions at the top of the page to
change your registered information.
</li>
<li>
The next time you login to the Chase website or app on
an unrecognized device, you will be prompted for a code
sent to one of your registered devices.
</li>
</ol>
</div><!-- Section -->
</div><!-- Column -->
</div><!-- UI Grid -->
</div><!-- Main Container -->
<p>
When you login to your account on a new device using the
desktop website, mobile website, or app, you will be
prompted to receive a code through a call or message to any
registered phone number or email on your account.
</p>

<p>
These phone numbers and emails are the ones registered on
your main online account, NOT the ones registered for Chase
QuickPay or banking over text message.

<p>
</div>

<div class="ui segment teal">
<h2 class="ui header">
How to Change the Registered Contact Info on Your Account
</h2>

<div class="ui info message">
<div class="header">
Note on Security
</div>
<p>
For your security, this guide will not have a clickable
link to the Chase website. This helps make sure you
are at the real Chase website and not at a phishing
website.
</p>
</div>
<ol class="ui list">
<li>
Go to the main Chase website (chase.com).
</li>
<li>
At the top of the page, click "Customer Center".
</li>
<li>
Under "My Information", click "Change mailing address,
phone and/or email".
</li>
<li>
Follow the instructions at the top of the page to
change your registered information.
</li>
<li>
The next time you login to the Chase website or app on
an unrecognized device, you will be prompted for a code
sent to one of your registered devices.
</li>
</ol>
</div>
Loading

0 comments on commit e9eba14

Please sign in to comment.