css-styles

some minor changes on markup and css
This commit is contained in:
Antonela 2018-01-18 18:29:18 +05:30
parent 5c27ded7c0
commit 818fc2cbfb
4 changed files with 27 additions and 12 deletions

View File

@ -8,6 +8,7 @@
* Base structure
*/
/* Move down content because we have a fixed navbar that is 3.5rem tall */
.page {
padding-top: 3.5rem; }
@ -21,6 +22,21 @@
.content-scroll {
position: relative; }
/*
* Document - We will move it to a new css
*/
.question{
padding: 1rem 0;
}
.navbar{
padding: 1rem !important;
}
.form-wide input {
padding: 10px !important;
}
.sidebar{
top: 0px !important;
}
/*
* Typography
*/

View File

@ -5,9 +5,9 @@ body:
<div id="topics" data-children=".item">
<div class="item">
<h3 class="text-primary">
<a data-toggle="collapse" data-parent="#topics" href="#faq" role="button" aria-expanded="true" aria-controls="faq">
<h6 class="text-muted" data-toggle="collapse" data-parent="#topics" href="#faq" role="button" aria-expanded="true" aria-controls="faq">
Most Frequently Asked Questions
</a>
</h6>
</h3>
<div id="faq" class="collapse show" role="tabpanel">
<div id="faqAccordion" data-children=".question">
@ -67,7 +67,7 @@ body:
</h4>
<div id="question5" class="collapse show" role="tabpanel">
<p class="mb-3">
Generally speaking, we don't recommend using a VPN with Tor unless you're an advanced user who knows how to configure both in a way that doesn't compromise your privacy. Learn more about combining Tor + VPN.
Generally speaking, we don't recommend using a VPN with Tor unless you're an advanced user who knows how to configure both in a way that doesn't compromise your privacy. Learn more about combining Tor + VPN.
</p>
</div>
</div>
@ -213,7 +213,7 @@ If you are unable to connect to an onion service, please see [#IcannotreachX.oni
</h4>
<div id="question16" class="collapse show" role="tabpanel">
<p class="mb-3">
Most antivirus or malware protection allows the user to "whitelist" certain processes that would otherwise be blocked. Please open your antivirus or malware protection software and look in the settings for a "whitelist" or something similar. Next, exclude the following processes:
Most antivirus or malware protection allows the user to "whitelist" certain processes that would otherwise be blocked. Please open your antivirus or malware protection software and look in the settings for a "whitelist" or something similar. Next, exclude the following processes:
</p>
<p class="mb-3">
<ul>For Windows
@ -225,7 +225,7 @@ If you are unable to connect to an onion service, please see [#IcannotreachX.oni
<li>TorBrowser</li>
<li>tor.real</li>
<li>obfs4proxy (if you use bridges)</li>
</ul>
</ul>
</p>
<p class="mb-3">
Finally, restart Tor Browser.
@ -375,7 +375,7 @@ If you are unable to connect to an onion service, please see [#IcannotreachX.oni
Using Tor Browser can sometimes be slower than other browsers. The Tor network has over a million daily users, and just over 6000 relays to route all of their traffic, and the load on each server can sometimes cause latency. You can help improve the speed of the network by running your own relay, or encouraging others to do so. That said, Tor is much faster than it used to be and you may not actually notice any change in speed from other browsers.
</p>
</div>
</div>
</div>
</div>
</div>
</div>
@ -385,4 +385,3 @@ If you are unable to connect to an onion service, please see [#IcannotreachX.oni
---
_template: jumbotron.html

View File

@ -3,7 +3,7 @@
<div class="page">
<div class="jumbotron jumbotron-fluid bg-primary text-white">
<div class="container-fluid text-center">
<h1 class="display-3 no-border font-weight-light">How can we help?</h1>
<h1 class="display-4 no-border font-weight-light pt-3 pb-4">How can we help?</h1>
<div class="row">
<form class="form-inline form-wide justify-content-md-center">
<div class="col-4">
@ -21,7 +21,7 @@
<div class="container-fluid">
<div class="row">
{% include 'sidenav.html' %}
<main role="main" class="col-sm-9 ml-sm-auto col-md-10 pt-3">
<main role="main" class="col-sm-9 ml-sm-auto col-md-9 mr-5 pt-3">
{{ this.body }}
</main>
</div>

View File

@ -6,11 +6,11 @@
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse justify-content-md-center" id="navbarSupportedContent">
<div class="collapse navbar-collapse justify-content-md-center pt-2" id="navbarSupportedContent">
<ul class="navbar-nav">
{% for id, item in bag('menu', this.alt).items() %}
<li{% if this.is_child_of(item.path) %} class="nav-item active" {% else %} class="nav-item"{% endif %}>
<a class="display-6 font-weight-light nav-link" href="{{ item.path|url }}">{{ item.label }}
<a class="nav-link" href="{{ item.path|url }}">{{ item.label }}
{% if this.is_child_of(item.path) %}
<span class="sr-only">(current)</span>
{% endif %}
@ -19,5 +19,5 @@
{% endfor %}
</ul>
</div>
<a class="btn-lg text-primary btn-outline-dark bg-white btn-light pull-right">Download Tor Browser</a>
<a class="btn text-primary bg-white btn-light pull-right mt-2"><i class="glyphicon-glyphicon-arrow-down"></i>Download Tor Browser</a>
</nav>