de.citec.scie.web.static.style.scie.css Maven / Gradle / Ivy

Go to download

Show more of this group Show more artifacts with this name
Show all versions of webservice Show documentation

Module providing the webservice interface based on the Jetty embedded webserver and the FreeMarker template engine. Defines a simple format for providing textual annotations and produced output in HTML or JSON. This module has no dependencies to the other SCIE modules (except for the PDF text extractor) or the UIMA framework and thus can be used in any context, where text is annotated by an algorithm and should be presented to an end user.

The newest version!

/*
 * SCIE -- Spinal Cord Injury Ontology Extraction
 * Copyright (C) 2013, 2014
 * Raphael Dickfelder, Jan Göpfert, Benjamin Paaßen, Andreas Stöckel
 * 
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU Affero General Public License as
 * published by the Free Software Foundation, either version 3 of the
 * License, or (at your option) any later version.
 * 
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU Affero General Public License for more details.
 * 
 * You should have received a copy of the GNU Affero General Public License
 * along with this program.  If not, see .
 */

@font-face {
	font-family: 'Ubuntu';
	font-style: normal;
	font-weight: 400;
	src: local('Ubuntu'), url(../assets/ubuntu_normal_400.woff) format('woff');
}

@font-face {
	font-family: 'Ubuntu';
	font-style: normal;
	font-weight: 700;
	src: local('Ubuntu Bold'), local('Ubuntu-Bold'), url(../assets/ubuntu_normal_700.woff) format('woff');
}

@font-face {
	font-family: 'Ubuntu';
	font-style: italic;
	font-weight: 400;
	src: local('Ubuntu Italic'), local('Ubuntu-Italic'), url(../assets/ubuntu_italic_400.woff) format('woff');
}

@font-face {
	font-family: 'Ubuntu';
	font-style: italic;
	font-weight: 700;
	src: local('Ubuntu Bold Italic'), local('Ubuntu-BoldItalic'), url(../assets/ubuntu_italic_700.woff) format('woff');
}

html, body {
	font-family: "Ubuntu", sans;
	font-size: 11pt;
	padding: 0;
	margin: 0;
	line-height: 2;
	width: 100%;
	height: 100%;
	background-color: #fdfdfd	;
}

header {
	background-color: #3465a4;
	padding: 0 1em;
	text-align: center;
	color: white;
	position: fixed;
	z-index: 1;
	width: 100%;
	line-height: 1.5;
}

.container {
	min-height: 100%;
	position: relative;
}

header ul {
	margin: 1em 0 0 0;
	padding: 0;
	display: block;
}

header nav a {
	display: inline-block;
	text-align: center;
	text-decoration: none;
	margin: 0 1em;
	padding: 1.5em;
	width: 10em;
	background-color: #204a87;
	color: white;
	cursor: pointer;
}

header nav a:hover {
	background-color: #729fcf;
}

header nav a.inactive {
	background-color: #888a85;
	color: #babdb6;
	cursor: default;
}

header nav a.active {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAQCAYAAAB3AH1ZAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAsSwAALEsBpT2WqQAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAACLSURBVEiJxc7bDYAgEETR0TYwsSzLkXKwK0zsA78gGnnsLg+ngLlnUsZCumtbNQAsx6mlH3NlfAewe8gwwCPuJ0awAZF4FYIFyMTFCDKAEBchSABGnI0oAgRxFiILqIiTEUlAgzgJEQU0jBcRH0CHeBbxAnSMJxEBMCAeRyhj4ZzTbvy0MhZ/xQPiBmfNOyosUR0bAAAAAElFTkSuQmCC);
	background-position: center bottom;
	background-repeat: no-repeat;
}

header nav a em {
	font-style: normal;
	font-weight: bold;
	display: block;
}

main {
	display: block;
	margin: 0;
	padding: 0;
}

footer {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 1em;
	color: white;
	background-color: #3465a4;
	text-shadow: -1px -1px 0 #204a87;
}

footer p.links {
	padding: 0;
	margin: 0;
	float: right;
}

footer a {
	color: white;
	padding-left: 1em;
}

footer a:visited {
	color: #f3f3f3;
}

div.box {
	margin: 0 auto;
	width: 50em;
}

footer div.box p {
	font-size: 90%;
}

main div.box {
	padding: 4em 1em 1em 1em;
	padding-bottom: 14em;
	text-align: justify;
	-moz-hyphens: auto;
	hyphens: auto;
}

main h1 {
	color: #204a87;
	margin: 2em 0 0.5em 0;
}

main h2 {
	font-weight: bold;
	font-style: normal;
	font-size: 110%;
	display: block;
	color: #204a87;
	margin: 2em 0 0.5em 0;
}

main h3 {
	font-weight: bold;
	font-style: normal;
	font-size: 100%;
	display: block;
	color: #204a87;
}


main p {
	margin: 0.5em 0;
	color: #555753;
}

main p.logos {
	margin: 2em 0 3em 0;
	text-align: center;
}

main p.logos img {
	height: 72px;
	padding-right: 3em;
}

main a {
	color: #3465a4;
}

main a:hover {
	color: #729fcf;
}

main a:visited {
	color: #75507b;
}

main a:visited:hover {
	color: #ad7fa8;
}

main p.submit {
	text-align: right;
}

main p.fields {
	padding: 1em;
	background-color: #f3f3f3;
	color: black;
}

main li {
	color: #555753;
}

form span.error {
	float: right;
	color: #a40000;
	font-style: italic;
	font-weight: bold;
	padding: 0;
	margin: 0;
}

span.filename {
	font-family: monospace;
}

/* http://stackoverflow.com/questions/10877/how-can-you-customize-the-numbers-in-an-ordered-list */

ol.bibliography {
    counter-reset: item;
    margin-left: 0;
    padding-left: 0;
}

ol.bibliography li {
    display: block;
    margin-bottom: .5em;
    margin-left: 2em;
}

ol.bibliography li:before {
    display: inline-block;
    content: "[" counter(item) "]";
    counter-increment: item;
    width: 2em;
    margin-left: -2em;
}

pre, code {
	color: #204a87;
	background-color: #f3f3f3;
	text-shadow: 1px 1px white;
	padding: 0.2em;
}

ul li {
	margin-top: 1em;
}

a.expand, a.expand:link, a.expand:visited {
	font-weight: bold;
	color: #204a87;
	text-decoration: none;
	display: block;
}

a.expand:hover {
	color: #729fcf;
}

a.expand.closed::before {
	content: "\25B8";
	padding-right: 0.5em;
}

a.expand.opened::before {
	content: "\25BE";
	padding-right: 0.5em;
}

div.group {
	background-color: #f3f3f3;
	padding: 1em;
}

div.group p {
	color: black;
}