Commit 4072efe1 authored by Tom Tryfonidis's avatar Tom Tryfonidis Committed by Claude Paroz

Design updates and migration to Deneb theme

parent ed9a582b
This diff is collapsed.
@font-face {
font-family: "Cantarell";
src: local("Cantarell"), local("Cantarell Regular"), url("../fonts/Cantarell-Regular.otf");
}
@font-face {
font-family: "Cantarell";
font-weight: bold;
src: local("Cantarell"), local("Cantarell Bold"), local("Cantarell-Bold"), url("../fonts/Cantarell-Bold.otf");
}
/* LOGIN FORM */
.login{
max-width: 890px;
}
.login #password{
float:left;
}
.login form {
margin-top:1em;
}
.login .form-row {
padding:4px 0;
width:100%;
}
.login .form-row label, .login .submit-row label {
float:left;
width:11em;
padding: 0.4em 0.5em 0 0;
line-height:1.1em;
text-align:right;
font-size:1em;
color:#333;
vertical-align: top;
}
.login .form-row #id_username,#id_password, #id_email{
width:14em;
vertical-align: middle;
}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
/* Custom media queries and Bootstrap overwrite rules for Damned Lies */
.col-centered{
float: none;
margin: 0 auto;
}
.no-padding {
padding: 0 !important;
margin: 0 !important;
}
.no-decoration {
text-decoration: none;
}
.table-responsive {
border: none;
}
@media screen and (max-width: 767px) {
header {
padding-bottom: 40px;
}
h1, #content h1 {
font-size: 23px;
}
h2 {
font-size: 20px;
}
.dropdown-menu.login_popup_form li a {
color: #ffffff;
}
.dropdown-menu.login_popup_form li{
color: #ffffff;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
color: #ffffff;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
color: #ffffff;
}
.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
color: #ffffff;
background-color: #3968a1;
}
.navbar-default .btn-link {
color: #fff;
}
.navbar-default .navbar-header .icons {
margin: 0px 20px !important;
}
}
@media screen and (min-width: 768px) {
.gnome-header .avatar img {
margin-right: 15px;
}
}
@import url("reset.css");
@import url("text.css");
@import url("https://static.gnome.org/css/fonts.css");
/* Base information */
/* ========================================================================== */
......@@ -7,9 +6,6 @@
a {
color: #204a87;
}
a:hover {
color: #3465a4;
}
.left {
float: left;
}
......@@ -22,208 +18,46 @@ a:hover {
.clear {
clear: both;
}
/* GNOME Header */
/* ========================================================================== */
.gnome-header {
margin-bottom: 90px;
}
.gnome-header .avatar {
margin: 10px 0 0;
padding: 0;
border-radius: 50%;
ol {
list-style:decimal;
}
.gnome-header .avatar img {
width: 30px;
height: 30px;
border-radius: 50%;
ul {
list-style:square;
}
.navbar-default .navbar-nav > #userDropdownMenu > a,
.navbar-default .navbar-nav > #userDropdownMenu > a:hover,
.navbar-default .navbar-nav > #userDropdownMenu > a:focus {
background: transparent;
p, dd, .action_box, ul, ol {
margin: 0.4em 0 1em;
}
.gnome-navbar-brand {
height: 50px;
padding: 6px;
float: left;
outline: 0;
margin-left: 7px;
font-weight: 700;
text-transform: uppercase;
font-size: 80%;
color: #ffffff;
text-decoration: none;
opacity: 1;
transition: opacity .2s;
}
.gnome-navbar-brand:hover,
.gnome-navbar-brand:active {
color: #ffffff;
text-decoration: none;
opacity: 7;
}
.gnome-navbar-brand img {
max-height: 35px;
min-height: 35px;
min-width: 35px;
vertical-align: middle !important;
}
/* Main Navigation Menu */
/* Text classes */
/* ========================================================================== */
.navbar-default {
background-color: #4a86cf;
border-color: #3968a1;
}
.navbar-default .navbar-brand {
color: #ffffff;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
color: #ffffff;
}
.navbar-default .navbar-text {
color: #ffffff;
}
.navbar-default .navbar-nav > li {
margin-left: 10px;
}
.navbar-default .navbar-nav > li > a {
color: #ffffff;
text-decoration: none;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
color: #ffffff;
background: rgba(100%, 100%, 100%, 0.2);
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
color: #ffffff;
background-color: #3968a1;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
color: #ffffff;
background-color: #3968a1;
}
.navbar-default .navbar-toggle {
border-color: #3968a1;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
background-color: #3968a1;
}
.navbar-default .navbar-toggle .icon-bar {
background-color: #ffffff;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
border-color: transparent;
}
.navbar-default .navbar-link {
color: #ffffff;
}
.navbar-default .navbar-link:hover {
color: #ffffff;
}
.navbar-default .navbar-header .icons{
display: block;
float: right;
margin: 5px 20px !important;
}
.navbar-default .navbar-header .icons li{
display: inline-block !important;
}
/* User settings */
.login_popup_form {
padding: 15px 15px 5px; /* bottom: 5px */
min-width: 220px;
.highlight {
background: yellow;
}
.navbar-nav>li>.dropdown-menu {
margin-top: 18px;
}
.navbar-nav>li>.dropdown-menu, ul.dropdown-menu {
border-radius: 6px;
}
.navbar-nav>li>.dropdown-menu li {
margin-left: 0px;
.help{
font-size: 12px;
color: #888a85;
}
@media screen and (min-width:750px) {
.dropdown-menu:after {
position: absolute;
top: -11px;
left: 83%;
display: inline-block;
border-right: 11px solid transparent;
border-bottom: 11px solid #ffffff;
border-left: 11px solid transparent;
content:'';
}
.dropdown-menu:before {
position: absolute;
top: -12px;
left: 83%;
display: inline-block;
border-right: 11px solid transparent;
border-bottom: 11px solid #ccc;
border-left: 11px solid transparent;
border-bottom-color: rgba(0, 0, 0, 0.2);
content:'';
}
.more {
cursor: pointer;
white-space: nowrap;
text-decoration: underline;
}
/* Animated "Close" icon on Navbar */
/* ========================================================================== */
.navbar-toggle {
border: none;
background: transparent !important;
}
.navbar-toggle:hover {
background: transparent !important;
}
.navbar-toggle .icon-bar {
width: 22px;
transition: all 0.2s;
}
.navbar-toggle .top-bar {
transform: rotate(45deg);
transform-origin: 10% 10%;
}
.navbar-toggle .middle-bar {
opacity: 0;
}
.navbar-toggle .bottom-bar {
transform: rotate(-45deg);
transform-origin: 10% 90%;
}
.navbar-toggle.collapsed .top-bar {
transform: rotate(0);
}
.navbar-toggle.collapsed .middle-bar {
opacity: 1;
}
.navbar-toggle.collapsed .bottom-bar {
transform: rotate(0);
code {
background: #ececec;
background: rgba(0,0,0,0.1);
padding: 1px;
}
.navbar-form,
.navbar-collapse {
box-shadow: none;
.about_qlinks dt {
font-size: 18px;
color: #CE5C00;
font-weight: normal;
text-align: left;
}
/* Page Title */
/* ========================================================================== */
......@@ -231,27 +65,18 @@ a:hover {
#content h1 {
margin: 10px 0 20px;
border-bottom: 1px solid #d3d7cf;
font-size: 37px;
text-shadow: 0 1px 0 #fff;
line-height: normal;
letter-spacing: -0.04em;
}
#content h1 a {
text-decoration: none;
color: inherit;
color: #4a86cf;
}
#content h1 a:hover {
text-decoration: underline;
}
/* GNOME Container */
/* ========================================================================== */
#gnome_container {
min-height: 400px;
}
/* Separators */
/* ========================================================================== */
......@@ -262,7 +87,6 @@ hr {
height: 0;
margin: 20px 0;
}
hr.top_shadow,
hr.bottom_shadow {
height: 25px;
......@@ -330,11 +154,12 @@ table.stats td.fuzzy {
/* Compact text stats */
pre.stats {
color: #333;
display: inline;
white-space: pre;
font-family: monospace;
font-size: 11px;
background-color: transparent;
border: none;
}
pre.stats .num1 {
color: #4e9a06;
......@@ -373,6 +198,7 @@ div#vertimus_stats pre.stats {
position: relative;
border-radius: 10px;
box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3);
margin-top: 5px;
}
div.graphinline {
width: 100px;
......@@ -385,7 +211,7 @@ div.graphinline {
}
.graph .translated {
background: #73d216;
background: linear-gradient(to top, #73d216, #66bb14);
background: -linear-gradient(to top, #73d216, #66bb14);
}
.graph .fuzzy {
background: #5688c9;
......@@ -446,11 +272,11 @@ div.graphinline {
float: left;
margin-left: -65px;
}
/*
.person_detail {
display: block;
padding-bottom: 20px;
}
}*/
.person_detail .image,
.person_detail .txt {
display: table-cell;
......@@ -460,7 +286,7 @@ div.graphinline {
padding-right: 15px;
}
.person_detail .txt .name {
font-weight: bold;
font-weight: 400;
}
.person_detail .txt .email {
color: #999;
......@@ -553,7 +379,7 @@ table.stats th.headerNoSort {
}
.vertimus_action_head {
border-bottom: solid #ddd 1px;
padding: 0.5em 12px 0;
padding: 0.5em 12px;
}
.vertimus_action_content {
padding: 1em 12px 0;
......@@ -583,20 +409,16 @@ div.face_image img {
}
.right_actions {
float: right;
font-weight: bold;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
border: 1px solid #eee;
border: 1px solid rgba(0,0,0,.15);
padding: 5px 25px 0 0;
background: #7fa7d4;
background: #fff url(../img/html-bg.png) 0 repeat-x;
border-radius: 5px;
box-shadow: inset 0 1px 3px -1px #396da9;
border-radius: 2px;
}
.right_actions ul {
list-style: none;
}
.right_actions a {
text-decoration: none;
color: #333;
}
.right_actions a:hover {
text-decoration: underline;
......@@ -610,12 +432,12 @@ div.docimages {
.diff_header,
.djform {
margin-top: 10px;
padding: 20px;
padding: 5px 20px;
border: 1px solid #ccc;
background: #eeeeee;
background: linear-gradient(to top, #f9f9f9, #ececec);
border-radius: 5px;
border-radius: 2px;
}
.djform textarea {
width: 100%;
......@@ -707,96 +529,87 @@ ul.foot li {
list-style-image: url(../img/foot-16.png);
}
/* Footer */
/* Input Forms */
/* ========================================================================== */
#footer {
clear: left;
background: #000;
color: #919191;
padding: 20px 20px;
padding-top: 40px;
margin-top: 80px;
}
#footer div.links > div > ul > li {
float: left;
margin: 0 40px 10px 5px;
}
#footer .links {
overflow: hidden;
font-size: 14px;
}
#footer .links a,
#footer .links strong {
display: block;
text-decoration: none;
}
#footer .links a:hover,
#footer .links a:focus {
text-decoration: underline;
.form-group input {
width: 100%;
height: 34px;
padding: 6px 12px;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-top-color: rgb(204, 204, 204);
border-right-color: rgb(204, 204, 204);
border-bottom-color: rgb(204, 204, 204);
border-left-color: rgb(204, 204, 204);
border-radius: 2px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
-webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
}
.form-group input:focus {
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
}
#footer ul {
margin: 0;
padding: 0;
list-style: none;
}
#footer ul li {
margin: 0;
padding: 0;
}
#footer ul.menu > li > a {
font-weight: bold;
.form-group input:focus {
-webkit-box-shadow: none;
box-shadow: none;
}
#footer .links > ul > li > a {
/* About page */
/* ========================================================================== */
#about_page .about_qlinks dt {
font-size: 16px;
font-weight: bold;
}
#footer .links a {
color: inherit;
outline: 0;
transition: all .35s;
margin: 6px 0;
}
#footer .links a:hover {
color: #c4c4c4;
/* Custom media queries and Bootstrap overwrite rules for Damned Lies */
/* ========================================================================== */
.col-centered{
float: none;
margin: 0 auto;
}
#footer .links a:active,
#footer .links a:focus {
color: #fff;
.no-padding {
padding: 0 !important;
margin: 0 !important;
}
#footer div.links div a, #footer div.links div strong {
display: block;
.no-decoration {
text-decoration: none;
}
#footer div.links div a:hover, #footer div.links div a:focus {
text-decoration: underline;
}
#footer #footnotes {
margin-top: 20px;
}
#footer #footnotes small {
font-size: 88%;
}
#footer #footnotes a {
color: inherit;
.table-responsive {
border: none;
}
/* Sticky Footer */
.gnome-body {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
min-height: 100vh;
}
.gnome-content {
-webkit-flex:1;
-ms-flex:1;
-webkit-box-flex:1;
flex:1;
/* Classes for responsive views */
/* ========================================================================== */
@media screen and (max-width: 767px) {
h1, #content h1 {
font-size: 23px;
}
h2 {
font-size: 20px;
}
.dropdown-menu.login_popup_form {
color: #ffffff;
}
.navbar-default .navbar-header .icons {
margin: 2px 20px 0;
}
}
@import url("fonts.css");
/* Main Elements */
/* ========================================================================== */
body {
font-family: Cantarell, 'Droid Sans', Ubuntu, 'DejaVu Sans', Arial, sans-serif;
font-size: 14px;
line-height: 1.6;
color: #2e3436;
}
h1, h2, h3, h4, h5, h6, dt {
color: #0489B7;
}
h1 {
font-size: 42px;
font-weight: bold;
}
h2 {
font-size: 25px;
font-weight: bold;
}
h3 {
font-size: 18px;
margin: 0.4em 0 0.5em;
color: #2E3436;
}
h4 {
font-size: 16px;
color: #ce5c00;
}
h5 {
font-size: 14px;
}
h6 {
font-size: 12px;
}
ol {
list-style:decimal;
}
ul {
list-style:square;
}
li {
margin-left:30px;
}
h1,h2,h3,h4,h5,h6,pre,table,address,fieldset {
margin: 0.8em 0 0.4em;
}
p, dd, .action_box, ul, ol {
margin: 0.4em 0 1em;
}
code {
background: #ececec;
background: rgba(0,0,0,0.1);
padding: 1px;
}
a {
text-decoration: underline;
}