Commit 13858d75 authored by Kostas Papadimitriou's avatar Kostas Papadimitriou
Browse files

Applied grnet theme for user pages

parent a196eb7e
# Copyright 2011 GRNET S.A. All rights reserved.
#
#
# Redistribution and use in source and binary forms, with or
# without modification, are permitted provided that the following
# conditions are met:
#
#
# 1. Redistributions of source code must retain the above
# copyright notice, this list of conditions and the following
# disclaimer.
#
#
# 2. Redistributions in binary form must reproduce the above
# copyright notice, this list of conditions and the following
# disclaimer in the documentation and/or other materials
# provided with the distribution.
#
#
# THIS SOFTWARE IS PROVIDED BY GRNET S.A. ``AS IS'' AND ANY EXPRESS
# OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
# WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
......@@ -25,7 +25,7 @@
# LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN
# ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE
# POSSIBILITY OF SUCH DAMAGE.
#
#
# The views and conclusions contained in the software and
# documentation are those of the authors and should not be
# interpreted as representing official policies, either expressed
......@@ -44,4 +44,10 @@ def code(request):
def invitations(request):
return {'invitations_enabled' :settings.INVITATIONS_ENABLED}
\ No newline at end of file
def media(request):
return {'IM_MEDIA_URL' : getattr(settings, 'IM_MEDIA_URL', '/static/im/')}
def current_url(request):
from django.core.urlresolvers import resolve
return {'CURRENT_URL' : request.get_full_path()}
/*!
* Bootstrap @VERSION
*
* Copyright 2011 Twitter, Inc
* Licensed under the Apache License v2.0
* http://www.apache.org/licenses/LICENSE-2.0
*
* Designed and built with all the love in the world @twitter by @mdo and @fat.
* Date: @DATE
*/
/* Reset.less
* Props to Eric Meyer (meyerweb.com) for his CSS reset file. We're using an adapted version here that cuts out some of the reset HTML elements we will never need here (i.e., dfn, samp, etc).
* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
html, body {
margin: 0;
padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
cite,
code,
del,
dfn,
em,
img,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dd,
dl,
dt,
li,
ol,
ul,
fieldset,
form,
label,
legend,
button,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
margin: 0;
padding: 0;
border: 0;
font-weight: normal;
font-style: normal;
font-size: 100%;
line-height: 1;
font-family: inherit;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
ol, ul {
list-style: none;
}
q:before,
q:after,
blockquote:before,
blockquote:after {
content: "";
}
html {
overflow-y: scroll;
font-size: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
a:focus {
outline: thin dotted;
}
a:hover, a:active {
outline: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
display: block;
}
audio, canvas, video {
display: inline-block;
*display: inline;
*zoom: 1;
}
audio:not([controls]) {
display: none;
}
sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
border: 0;
-ms-interpolation-mode: bicubic;
}
button,
input,
select,
textarea {
font-size: 100%;
margin: 0;
vertical-align: baseline;
*vertical-align: middle;
}
button, input {
line-height: normal;
*overflow: visible;
}
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
cursor: pointer;
-webkit-appearance: button;
}
input[type="search"] {
-webkit-appearance: textfield;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
textarea {
overflow: auto;
vertical-align: top;
}
/* Variables.less
* Variables to customize the look and feel of Bootstrap
* ----------------------------------------------------- */
/* Mixins.less
* Snippets of reusable CSS to develop faster and keep code readable
* ----------------------------------------------------------------- */
.makeRow {
zoom: 1;
margin-left: -22px;
}
.makeRow:before, .makeRow:after {
display: table;
content: "";
zoom: 1;
}
.makeRow:after {
clear: both;
}
.button {
font-family: 'Antic', sans-serif;
font-size: 14px;
font-weight: normal;
line-height: 22px;
letter-spacing: 1px;
background-color: #3582ac;
color: #ffffff;
border: none;
padding: 0.8em 22px;
font-size: 1em;
}
.button:hover {
background-color: #f89a1c;
}
/*addon to style django forms rendered with as_p filter*/
body {
font-family: 'Antic', sans-serif;
font-size: 14px;
font-weight: normal;
line-height: 22px;
letter-spacing: 1px;
}
section a,
p a,
form a,
.section a {
color: #000000;
text-decoration: none;
border-bottom: 1px solid #f89a1c;
}
section a:hover,
p a:hover,
form a:hover,
.section a:hover {
color: #f89a1c;
}
section a.noborder,
p a.noborder,
form a.noborder,
.section a.noborder {
border: none;
}
a.action {
color: #f89a1c;
border-bottom: none;
}
a img {
border-bottom: none;
}
.content-border {
border-right: 1px solid #808080;
border-left: 1px solid #808080;
}
.hidden {
display: none !important;
}
.container, .topbar, .footer {
width: 796px;
margin-left: auto;
margin-right: auto;
zoom: 1;
border-right: 1px solid #808080;
border-left: 1px solid #808080;
padding: 0 82px;
}
.container:before,
.topbar:before,
.footer:before,
.container:after,
.topbar:after,
.footer:after {
display: table;
content: "";
zoom: 1;
}
.container:after, .topbar:after, .footer:after {
clear: both;
}
.container {
padding-bottom: 82px;
}
.topbar {
background-color: #cfcdc7;
padding-top: 11px;
padding-bottom: 11px;
}
.header {
position: relative;
height: 44px;
margin-top: 88px;
margin-bottom: 66px;
}
.header h1 {
color: #cfcdc7;
display: inline;
font-size: 2.3em;
border-bottom: 1px solid #cfcdc7;
padding-bottom: 3px;
}
.mainlogo img {
margin-left: -10px;
}
.footer {
border-bottom: 1px solid #808080;
border-top: 1px solid #a6a6a6;
padding-top: 22px;
padding-bottom: 22px;
}
ul.inline {
zoom: 1;
}
ul.inline:before, ul.inline:after {
display: table;
content: "";
zoom: 1;
}
ul.inline:after {
clear: both;
}
ul.inline li {
display: block;
float: left;
margin-right: 1em;
}
.mainnav.quicknav {
position: absolute;
right: 0;
top: 1em;
margin: 0;
}
.mainnav.quicknav li {
margin-right: 0;
margin-left: 1em;
}
.mainnav {
font-size: 1.2em;
margin-top: 44px;
height: 22px;
}
.mainnav li.active a {
border-bottom: 1px solid #f89a1c;
color: #f89a1c;
}
.mainnav a {
color: #000000;
text-decoration: none;
}
.mainnav a:hover {
border-bottom: 1px solid #f89a1c;
}
.mainnav a.active, .mainnav a:active {
border-bottom: 1px solid #f89a1c;
color: #f89a1c;
}
.page {
zoom: 1;
margin-left: -22px;
margin-top: 132px;
font-size: 1.1em;
}
.page:before, .page:after {
display: table;
content: "";
zoom: 1;
}
.page:after {
clear: both;
}
.maincol {
display: inline;
float: left;
margin-left: 22px;
width: 388px;
}
.maincol.full {
display: inline;
float: left;
margin-left: 22px;
width: 798px;
}
.appbar {
height: 30px;
background-color: #3582ac;
}
.rightcol {
margin-left: 511px;
width: 306px;
}
.rightcol input[type=text], .rightcol input[type=password] {
width: 273px;
}
#forms .input {
font-family: 'Antic', sans-serif;
font-size: 14px;
font-weight: normal;
line-height: 22px;
letter-spacing: 1px;
border: 1px solid #808080;
margin-bottom: -1px;
padding: 0.8em;
padding-left: 1.5em;
}
.altcol {
background-color: #c3c3b9 !important;
}
.altcol:hover {
background-color: #f89a1c !important;
}
.section {
margin-bottom: 2em;
}
.section .left, .section .right {
width: 50%;
float: left;
}
.section.imagelist {
margin-top: 2em;
zoom: 1;
}
.section.imagelist:before, .section.imagelist:after {
display: table;
content: "";
zoom: 1;
}
.section.imagelist:after {
clear: both;
}
.section.imagelist img {
float: left;
margin-right: 4em;
vertical-align: middle;
}
input[readonly=true] {
background-color: #ddd;
}
form.withlabels label {
width: 224px;
display: block;
float: left;
padding-top: 1em;
}
form.withlabels input[type=text], form.withlabels input[type=password] {
width: 224px;
}
form.login {
margin-bottom: 3em;
}
form h2 {
color: #000000;
margin-bottom: 22px;
font-size: 1.1em;
}
form h2 span {
padding-bottom: 3px;
}
form .form-row {
position: relative;
}
form .form-row.submit {
margin-top: 22px;
}
form .form-row .extra-link {
color: #808080;
text-decoration: none;
border: none;
font-size: 0.8em;
margin-top: 1.3em;
float: right;
}
form.innerlabels label {
position: absolute;
top: 1em;
left: 1.5em;
color: #aaa;
}
form.innerlabels p {
position: relative;
}
form input.text, form input[type="text"], form input[type="password"] {
font-family: 'Antic', sans-serif;
font-size: 14px;
font-weight: normal;
line-height: 22px;
letter-spacing: 1px;
border: 1px solid #808080;
margin-bottom: -1px;
padding: 0.8em;
padding-left: 1.5em;
}
form input.submit, form input[type="submit"] {
font-family: 'Antic', sans-serif;
font-size: 14px;
font-weight: normal;
line-height: 22px;
letter-spacing: 1px;
background-color: #3582ac;
color: #ffffff;
border: none;
padding: 0.8em 22px;
font-size: 1em;
}
form input.submit:hover, form input[type="submit"]:hover {
background-color: #f89a1c;
}
form .with-errors input, form .with-errors textarea, form .with-errors select {
color: #9d261d;
}
form .with-errors label {
color: #e4776f;
}
.form-error {
position: absolute;
background-color: #9d261d;
color: #fff;
font-size: 0.8em;
padding: 2px 5px;
border-radius: 5px;
}
.form-errors.all .form-error {
position: relative;
border-radius: 0;
margin-bottom: 1.3em;
padding: 0.5em;
}
div.form-stacked {
margin-bottom: 4em;
}
.section h2 {
font-size: 1.1em;
margin-bottom: 33px;
}
.section p {
line-height: 1.7em;
}
.service-desc {
margin-top: 4em;
}
@import "../less/bootstrap.less";
@import "../less/django_forms.less";
body {
#font.main();
}
// default link styles
section a, p a, form a, .section a {
color: @black;
text-decoration: none;
border-bottom: 1px solid @linkColor;
&:hover {
color: @linkColor;
}
&.noborder {
border: none;
}
}
a.action {
color: @linkColor;
border-bottom: none;
}
a img {
border-bottom: none;
}
// body borders
.content-border {
border-right: 1px solid @mainBorderColor;
border-left: 1px solid @mainBorderColor;
}