From 4d32494a80f2a07584806ad3400f0b2713e1315c Mon Sep 17 00:00:00 2001 From: Bibek Date: Mon, 31 Mar 2014 11:18:40 +0200 Subject: [PATCH] CSS file for the DBpedia demo web interface --- style.css | 123 ++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 123 insertions(+) create mode 100644 style.css diff --git a/style.css b/style.css new file mode 100644 index 0000000..8d415a6 --- /dev/null +++ b/style.css @@ -0,0 +1,123 @@ +@import + url(http://fonts.googleapis.com/css?family=Libre+Baskerville:400,700,400italic) + ; + +@import url(http://fonts.googleapis.com/css?family=Open+Sans:700); + +body,html,p,form,h1,h2,h3,ul,li { + margin: 0px; + padding: 0px; +} + +body,html { + text-align: center; + background-color: #FFF; + width: 100%; + height: 100%; +} + +div,header { + color: #333; + text-align: center; + font-family: 'Libre Baskerville', serif; + text-shadow: 1px 1px 1px #FFF; +} + +#col1 { + float: left; + text-align: center; + margin: 0px auto; + background-color: #FFF; + color: #333; + font-family: 'Libre Baskerville', serif; + text-shadow: 1px 1px 1px #FFF; + padding-left: 0.5in; +} + +#col2 { + float: center; + margin: 0px auto; + height: 100%; +} + +.clear-both { + clear: both; +} + +.mxp { + font-family: 'Open Sans', serif; + text-transform: uppercase; +} + +#sub-title { + overflow: hidden; + clear: both; +} + +.clear { + clear: both; +} + +.bottom { + padding-bottom: 20px; +} + +header { + width: 90%; + margin: 0px auto; + padding: 50px 0 20px 0; +} + +a { + text-decoration: none; + color: #111; +} + +.botton { + padding: 20px; + display: block; + color: #999; +} + +#button { + width: 70%; + margin: 0px auto; +} + +#messagelist { + text-align: center; + margin: 0px auto; +} + +#messagelist li { + list-style: none; + border-bottom: 1px solid #CCC; + padding: 16px 0; +} + +.PercentageBar { + background-color: #808080; + position: relative; + font-size: small; + width: 100px; + margin: 1px; +} + +.PercentageBar DIV { + height: 20px; + line-height: 20px; +} + +.PercentageBar .percent { + position: absolute; + background-color: #800000; + left: 0px top: 0px; + z-index: 0; +} + +.PercentageBar .caption { + position: relative; + text-align: center; + color: #FFFFFF; + z-index: 1; +} \ No newline at end of file