/**
 * Supplimentary styles for the Seme4 Platform
 */

html { overflow: -moz-scrollbars-vertical; overflow-y: scroll; position: relative; min-height: 100%; }
body { background: #f5f5f5; color: #34495e; font-family: 'Roboto', sans-serif; font-weight: 300; font-size: 14px; padding-bottom: 95px; } 
a { color: #428bca;}

/** emerald sub-heading section */
#header { background-color: #34495e; } 
section#title * { color: white; }
section#title p { margin: 0; }

/** basic typography helpers **/
h1, h2, h3, .navbar-brand, .powered-by { font-family: 'Open Sans', sans-serif; }
.r { text-align: right; }
.c { text-align: center; }
.mono { font-family: monospace; }
.red { color: red; }
.green { color: green; }
.inset { color: rgba(0, 0, 0, 0.5); font-weight: 700; text-shadow: 0 1px 2px rgba(255, 255, 255, 0.898), 0 0 0 rgba(50, 50, 50, 0.898); }
.large { font-size: 3em; }
.highlight { background: #ffa; }
tt { font-family: monospace; font-weight: bold; font-size: 13px; }
hr { border-bottom: 1px solid #aaa; }
dd { margin-bottom: 1.5em; }
dd span { background: #ff9; }

/** percentage width columns (non-responsive) */
body .container .col25  { float: left; width:  25%; }
body .container .col50  { float: left; width:  50%; }
body .container .col75  { float: left; width:  75%; }
body .container .col100 { float: left; width: 100%; }

/** padding containers */
body .container .pad   { padding: 5px; }
body .container .padL  { padding-left:  5px; }
body .container .padR  { padding-right: 5px; }
body .container .padLR { padding: 0 5px; }
body .container .padT  { padding-top: 5px; }
body .container .padB  { padding-bottom: 5px; }
body .container .padTB { padding: 5px 0; }

/** misc layout & formatting tweaks */
form  { margin-bottom: 10px; }
table { margin-bottom: 10px; width: auto; }
table tr td { padding: 5px }
input.paramInput { min-width: 100px; max-width: 20%; } /* used in usage pages */
span.w100 { display: inline-block; width: 100px; margin-right: 1em; } /* used in canned queries */
tr.log_fatal td { color: red; font-weight: bold; } /* used in log viewer */
a#backToTop { color: #ccc; position: fixed; bottom: 10px; right: 20px; opacity: 0; }
a#backToTop:hover { color: #aaa; }
div.alert a.btn { margin: -6px -6px 0 0 }

/** styles for services which feature a sidebar of interesting figures/stats, etc */
div.sidebar div.box { background-color: #F5F5F5; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 3px 3px 3px 3px; margin: 0 0 18px; padding: 27px 17px 17px 17px; }
div.sidebar div.box p { line-height: auto; margin-bottom: 2em; }
div.sidebar div.box p:last-child { margin-bottom: 0; }

/** footer **/
#footer { position: absolute; bottom: 0; height: 95px; width: 100%; margin: 0; color: white; }
#footer .powered-by { float: left; text-transform: uppercase; font-size: 28px; line-height: 20px; margin: 0 15px -5px 0; }
#footer .powered-by span { float: left; font-size: 12px; letter-spacing: 3.75px;  }
#footer a { color: white; }
#footer a:hover { color: #428bca; }
#footer ul.one { margin-top:  8px; }
#footer ul.two { margin-top: -4px; }
#footer ul.formats li span.glyphicon { display: block; text-align: center; margin-top: -5px; font-size: 1.5em; }
#footer ul.formats li span.text { display: block; clear: left; margin-top: 3px; }


/** box with thin grey border. used in service index, etc */
div.box_outline { border: 1px solid #ddd; border-radius: 5px; padding: 20px; margin-bottom: 20px; }
div.box_outline:hover { background: #eee; }
div.box_outline span.glyphicon { margin-right: 5px; }

/** EasyRDF styles */
div.easyRdf > div { margin-bottom: 1em; }
div.easyrdf_graph_wrapper { font-family: sans-serif; border: 1px solid #aaa; border-radius: 5px; padding: 1em; }
div.easyrdf_graph_wrapper a { text-decoration: none; }
div.easyrdf_graph_title { font-weight: bold; }
div.easyrdf_resource_block { background: #eee; border: 1px solid #aaa; border-radius: 5px; padding: 1em; margin: 1em 0 0 0; }
div.easyrdf_subject a.easyrdf_resource_blue { font-weight: bold; }
div.easyrdf_values { margin-left: 1em; }
span.easyrdf_property { color: green; }
span.easyrdf_arrow { font-family: arial; font-size: 150%; }
span.easyrdf_literal_black, a.easyrdf_resource_black { color: black; }
span.easyrdf_literal_datatype, span.easyrdf_literal_lang { color: #808080; }
table.easyrdf_sparql_results { border-collapse: collapse; width: auto; max-width: 100%; }
table.easyrdf_sparql_results th { font-weight: bold; text-align: left; border-bottom: 1px solid #aaa; }
table.easyrdf_sparql_results td { border-top: 1px solid #ddd; padding: 5px 10px; }

/** SVN status & display */
span.svn_unversioned { color: #f80; }
span.svn_out_of_date { color: #36c; }
span.svn_added { color: green; }
span.svn_modified { color: red; }