Commit 245e2f2c authored by Anton Petrov's avatar Anton Petrov
Browse files

Styling changes

parent 50e7d00c
/*------------------------------------------------------------------
Master Stylesheet for the RNAcentral Portal
[Table of contents]
1. Body and main layout
2. Masthead
3. Footer
4. General styles
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
[1. Body and main layout]
*/
body {
background: #fff url("../img/pale_grey_slight_texture.jpg") top left repeat;
}
.container {
background: #fff;
}
.label {
margin-left: 5px;
}
pre {
background : white;
}
.ebi-img {
height: 40px;
width: 140px;
.container-main {
min-height: 500px;
padding-top: 10px;
}
.bbsrc-img {
height: 50px;
width: 140px;
/*------------------------------------------------------------------
[2. Masthead]
*/
.rnacentral-masthead {
background: rgb(193,221,233); /* Old browsers */
background: -moz-linear-gradient(left, rgba(193,221,233,1) 30%, rgba(161,200,217,1) 49%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(30%,rgba(193,221,233,1)), color-stop(49%,rgba(161,200,217,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(193,221,233,1) 30%,rgba(161,200,217,1) 49%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(193,221,233,1) 30%,rgba(161,200,217,1) 49%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, rgba(193,221,233,1) 30%,rgba(161,200,217,1) 49%); /* IE10+ */
background: linear-gradient(to right, rgba(193,221,233,1) 30%,rgba(161,200,217,1) 49%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c1dde9', endColorstr='#a1c8d9',GradientType=1 ); /* IE6-9 */
}
a, a:hover, a:visited, a:link {
text-decoration: none;
border-bottom: none;
.rnacentral-masthead-menu {
background-color: #3F7D97;
padding: 0px;
}
th {
color: black;
.rnacentral-masthead-menu .nav>li>a {
border-right: 1px dotted white;
padding-right: 5px;
padding-left: 5px;
}
/* Define the basic colour your rnacentral masthead */
.rnacentral-masthead {
background-color: #B9CED1;
.rnacentral-masthead-menu .nav>li a:hover,
.rnacentral-masthead-menu .nav>li a:focus,
.rnacentral-masthead-menu .nav>li a:active
{
color: white;
}
/* Colour the faux-underline for rnacentral menu items */
.rnacentral-masthead2 {
background-color: #8F9B9D;
.navbar {
margin-bottom: 0px;
}
/*.rnacentral-masthead2 ul li a:hover,
.rnacentral-masthead2 ul li a:focus,
.rnacentral-masthead2 ul li a:active {
border-bottom: 3px solid #819FA3;
}*/
.navbar-default .navbar-nav>li>a, .navbar-default .navbar-nav>li>a>b {
color: white;
.navbar-default {
background-color: transparent;
}
.navbar-default .navbar-nav>.dropdown>a .caret {
border-top-color: white;
border-bottom-color: white;
.navbar-right {
padding-right: 0px;
}
.navbar-default {
background-color: transparent;
.navbar-default .navbar-nav>li>a,
.navbar-default .navbar-nav>li>a>b {
color: #C9C9C9;
}
.navbar {
margin-bottom: 0px;
.navbar-default .navbar-nav>.dropdown>a .caret
{
border-top-color: #C9C9C9;
border-bottom-color: #C9C9C9;
}
#local-footer {
display: none;
.navbar-default .navbar-nav>.dropdown>a:hover .caret,
.navbar-default .navbar-nav>.dropdown>a:focus .caret
{
border-top-color: white;
border-bottom-color: white;
}
.rnacentral-header-logo {
margin-top: 15px;
width: 300px;
}
div#local-search form fieldset, form#local-search fieldset {
max-width: 1000px;
}
......@@ -67,36 +101,61 @@ div#local-search form fieldset, form#local-search fieldset {
margin-top: 5px;
}
form input {
margin: 0px;
/*------------------------------------------------------------------
[3. Footer]
*/
#local-footer {
display: none;
}
.ebi-img {
height: 40px;
width: 140px;
}
.bbsrc-img {
height: 50px;
width: 140px;
}
/*------------------------------------------------------------------
[4. General styles]
*/
.label {
margin-left: 5px;
}
pre {
font-family: monospace;
background : white;
font-family: monospace;
}
.glyphicon {
margin-right: 5px;
a, a:hover, a:visited, a:link {
border-bottom: none;
text-decoration: none;
}
div.alert {
border: inherit;
th {
color: black;
}
.rnacentral-masthead2 .nav>li>a {
padding-right: 5px;
padding-left: 5px;
border-right: 1px dotted white;
.glyphicon {
margin-right: 5px;
}
.rnacentral-masthead2 {
padding: 0px;
div.alert {
border: inherit;
}
.navbar-right {
padding-right: 0px;
form input {
margin: 0px;
}
.max-height-500 {
max-height: 500px;
overflow: auto;
}
.container-main {
min-height: 500px;
max-height: 500px;
overflow: auto;
}
ul.breadcrumb.rnacentral-api {
margin-top: 10px;
}
\ No newline at end of file
margin-top: 10px;
}
......@@ -8,8 +8,6 @@ Contact Us
<div class="row">
<br>
<div class="col-md-8">
<h2>Contact us</h2>
<form action="/contact/" method="post" role="form">{% csrf_token %}
......
......@@ -4,8 +4,6 @@
<div class="row">
<br>
<div class="col-md-8">
<h2>About RNAcentral</h2>
<p>
......
......@@ -6,8 +6,7 @@ Coming soon
{% block content %}
<br>
<h1>Coming soon</h1>
<h2>Coming soon</h2>
<div class="alert alert-warning">
The page is under development.
</div>
......
......@@ -4,10 +4,8 @@
<div class="row">
<br>
<div class="col-md-12">
<h1>Help</h1>
<h2>Help</h2>
<div class="alert alert-warning">
The page is under development.
......
......@@ -33,7 +33,7 @@
</div>
<div class="container rnacentral-masthead2">
<div class="container rnacentral-masthead-menu">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="icon-bar"></span>
......
......@@ -31,9 +31,11 @@ RNAcentral
</div>
</div>
<div class="alert alert-info">
<strong>Example pages:</strong> <a href="/rna/UPI0000000001">UPI0000000001</a>, <a href="/rna/UPI0000227674">UPI0000227674</a>, <a href="/rna/UPI00005AF4D0">UPI00005AF4D0</a>,
<a href="/rna/UPI00003ECB7D">UPI00003ECB7D</a>.
<div class="panel panel-default">
<div class="panel-body">
<strong>Examples:</strong> <a href="/rna/UPI0000000001">UPI0000000001</a>, <a href="/rna/UPI0000227674">UPI0000227674</a>, <a href="/rna/UPI00005AF4D0">UPI00005AF4D0</a>,
<a href="/rna/UPI00003ECB7D">UPI00003ECB7D</a>.
</div>
</div>
</div>
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment