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">
@ -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>