mirror of
https://github.com/GrammaticalFramework/gf-core.git
synced 2026-04-09 21:19:31 -06:00
183 lines
2.6 KiB
CSS
183 lines
2.6 KiB
CSS
/*
|
|
GF RGL Browser
|
|
John J. Camiller, 2012
|
|
*/
|
|
|
|
body {
|
|
background-color: white;
|
|
margin:0;
|
|
}
|
|
|
|
h1,h2,h3,h4 {
|
|
font-family: sans-serif;
|
|
color: #303030;
|
|
text-shadow: rgba(0,0,0,0.25) 2px 2px 5px;
|
|
}
|
|
|
|
.scroll-y {
|
|
overflow-y:auto;
|
|
}
|
|
|
|
header {
|
|
background:#f2f2f2;
|
|
padding:10px;
|
|
}
|
|
header img {
|
|
height:2em;
|
|
vertical-align:bottom;
|
|
}
|
|
header h1 {
|
|
margin:0 1em 0 0;
|
|
font-size:1em;
|
|
display: inline-block;
|
|
}
|
|
header .tab {
|
|
font-size: 90%;
|
|
}
|
|
div[role='main'] {
|
|
overflow:hidden;
|
|
width:100%;
|
|
height:100%;
|
|
font: 13px sans-serif;
|
|
}
|
|
|
|
.pane {
|
|
display:block;
|
|
height:100%;
|
|
}
|
|
.pane.left {
|
|
width:170px;
|
|
float:left;
|
|
background:#f2f2f2;
|
|
}
|
|
.pane.right {
|
|
margin-left:170px;
|
|
padding:5px 0 0 10px;
|
|
|
|
border-width:1px 0 0 1px;
|
|
border-style:solid;
|
|
border-color:#ddd;
|
|
}
|
|
#language_select {
|
|
width:100%;
|
|
}
|
|
#modules a {
|
|
display: block;
|
|
text-decoration: none;
|
|
margin: 2px 5px;
|
|
}
|
|
#modules a:hover {
|
|
text-decoration:underline;
|
|
}
|
|
|
|
#tabbar {
|
|
border-bottom: 1px dotted #ccc;
|
|
padding-bottom: 5px;
|
|
}
|
|
#module_name {
|
|
font-weight: bold;
|
|
margin-right: 2em;
|
|
}
|
|
.tab {
|
|
cursor:pointer;
|
|
padding:0.5em 0.5em;
|
|
margin-right:0.5em;
|
|
display:inline-block;
|
|
text-transform:capitalize;
|
|
text-decoration:none;
|
|
font-family:sans-serif;
|
|
font-weight:bold;
|
|
background: #aaa;
|
|
color: white;
|
|
border-radius: 0.5em;
|
|
line-height: 1;
|
|
}
|
|
.tab:hover {
|
|
background: #666;
|
|
}
|
|
|
|
#loading {
|
|
position: fixed;
|
|
top: 10px;
|
|
left: 46%;
|
|
white-space: nowrap;
|
|
padding: 0.5em 1em;
|
|
border: 1px solid #F0C36D;
|
|
background: #F9EDBE;
|
|
color: #333;
|
|
vertical-align: top;
|
|
font: bold 13px sans-serif;
|
|
}
|
|
.scope {
|
|
}
|
|
.code {
|
|
}
|
|
.help {
|
|
}
|
|
input#search {
|
|
font-family:monospace;
|
|
width:25em;
|
|
padding:0.25em;
|
|
background:#eee;
|
|
}
|
|
|
|
.panel {
|
|
padding:10px 5px;
|
|
}
|
|
|
|
#scope_controls {
|
|
border-bottom: 1px solid #CCC;
|
|
padding-bottom: 0.5em;
|
|
}
|
|
#scope_list {
|
|
font: 12px monospace;
|
|
width:100%;
|
|
margin-top:1em;
|
|
border-collapse: collapse;
|
|
}
|
|
#scope_list tr:hover {
|
|
background:#f9f9f9;
|
|
}
|
|
#scope_list tr.indir {
|
|
font-style:italic;
|
|
}
|
|
#scope_list tr.local td:nth-child(2) {
|
|
font-weight:bold;
|
|
}
|
|
#scope_list th {
|
|
text-align:left;
|
|
}
|
|
#scope_list th, #scope_list td {
|
|
padding:0.4em;
|
|
border-style: solid;
|
|
border-width: 0 0 1px 0;
|
|
border-color: #eee;
|
|
background:none;
|
|
white-space:nowrap;
|
|
}
|
|
#scope_list td:nth-child(6) {
|
|
white-space:normal;
|
|
}
|
|
#code pre {
|
|
margin:0;
|
|
color:#000;
|
|
overflow:auto;
|
|
font: 12px monospace;
|
|
}
|
|
#code ol.linenums {
|
|
color: #aaa;
|
|
margin: 0;
|
|
}
|
|
dt {
|
|
font-weight:bold;
|
|
}
|
|
footer {
|
|
padding:3px 6px;
|
|
color:#333;
|
|
font-size:13px;
|
|
text-align:right;
|
|
position:fixed;
|
|
top:0;
|
|
right:0;
|
|
}
|