yann300
7 years ago
committed by
GitHub
commit
cf19ec7d3f
@ -1,322 +0,0 @@ |
||||
#files .file { |
||||
padding: 0 0.6em; |
||||
box-sizing: border-box; |
||||
background-color: hsla(229, 100%, 97%, 1); /* backgroundBlue in style-guide.js */ |
||||
cursor: pointer; |
||||
border-right: 0.5em solid white; |
||||
position: relative; |
||||
display: table-cell; |
||||
text-align: center; |
||||
vertical-align: middle; |
||||
color: hsla(0, 0%, 40%, 1); /* grey in style-guide.js */ |
||||
} |
||||
|
||||
#files .file.active { |
||||
color: black; |
||||
font-weight: bold; |
||||
border-bottom: 0 none; |
||||
padding-right: 2em; |
||||
} |
||||
#files .file .remove { |
||||
position: absolute; |
||||
right: 0; |
||||
top: 0; |
||||
height: 1.25em; |
||||
width: 1.25em; |
||||
line-height: 1em; |
||||
color: hsla(0, 82%, 82%, 1); /* red in style-guide.js */ |
||||
display: none; |
||||
margin: 0.4em; |
||||
text-align: center; |
||||
} |
||||
|
||||
#files .file input { |
||||
background-color: transparent; |
||||
border: 0 none; |
||||
border-bottom: 1px dotted black; |
||||
line-height: 1em; |
||||
margin: 0.5em 0; |
||||
} |
||||
|
||||
#files .file.active .remove { |
||||
display: inline-block; |
||||
} |
||||
|
||||
#righthand-panel { |
||||
top: 0; |
||||
right: 0; |
||||
bottom: 0; |
||||
box-sizing: border-box; |
||||
overflow: hidden; |
||||
} |
||||
|
||||
#righthand-panel { |
||||
display: flex; |
||||
flex-direction: column; |
||||
} |
||||
|
||||
#righthand-panel #solIcon { |
||||
float: right; |
||||
height: 90%; |
||||
background-color: white; |
||||
padding-right: 5%; |
||||
padding-left: 5%; |
||||
} |
||||
|
||||
#righthand-panel #menu { |
||||
border-bottom: 3px solid hsla(229, 100%, 97%, 1); /* backgroundBlue in style-guide.js*/ |
||||
height: 2em; |
||||
font-size: 1em; |
||||
margin-top: 0.5em; |
||||
box-sizing: content-box; |
||||
display: flex; |
||||
} |
||||
|
||||
#righthand-panel #options { |
||||
list-style: none; |
||||
margin: 0; |
||||
padding: 0; |
||||
display: flex; |
||||
justify-content: space-between; |
||||
} |
||||
|
||||
#righthand-panel #options li.active { |
||||
background-color: hsla(229, 100%, 97%, 1); /* backgroundBlue in style-guide.js*/; |
||||
} |
||||
|
||||
#righthand-panel #options li a { |
||||
color: inherit; |
||||
} |
||||
|
||||
#righthand-panel #optionViews { |
||||
background-color: hsla(229, 100%, 97%, 1); /* backgroundBlue in style-guide.js*/; |
||||
overflow: scroll; |
||||
height: 100%; |
||||
} |
||||
|
||||
#righthand-panel #optionViews > div { |
||||
display: none; |
||||
} |
||||
|
||||
#righthand-panel #optionViews.txView #txView { |
||||
display: block; |
||||
} |
||||
|
||||
#righthand-panel #optionViews.settingsView #settingsView { |
||||
display: block; |
||||
} |
||||
|
||||
#righthand-panel #optionViews.publishView #publishView { |
||||
display: block; |
||||
} |
||||
|
||||
#righthand-panel #optionViews.compileView #compileTabView { |
||||
display: block; |
||||
} |
||||
|
||||
#righthand-panel #optionViews.runView #runTabView { |
||||
display: block; |
||||
} |
||||
|
||||
#righthand-panel #optionViews.debugView #debugView { |
||||
display: block; |
||||
} |
||||
|
||||
#righthand-panel #optionViews.verificationView #verificationView { |
||||
display: block; |
||||
} |
||||
|
||||
#righthand-panel #optionViews.staticanalysisView #staticanalysisView { |
||||
display: block; |
||||
} |
||||
|
||||
#header #optionViews.supportView #supportView { |
||||
display: block; |
||||
} |
||||
|
||||
#header #optionViews.txView input, |
||||
#header #optionViews.txView select { |
||||
max-width: 13em; |
||||
padding: 0.3em; |
||||
box-sizing: border-box; |
||||
border: 1px solid hsl(0, 0%, 0%); /* black in style-guide.js */ |
||||
border-radius: 3px; |
||||
} |
||||
|
||||
#righthand-panel #optionViews .pre { |
||||
word-wrap: break-word; |
||||
background-color: hsl(0, 0%, 100%); /* white in style-guide.js */ |
||||
border-radius: 3px; |
||||
display: inline-block; |
||||
padding: 0 0.6em; |
||||
} |
||||
|
||||
#righthand-panel #optionViews .hide { |
||||
display: none; |
||||
} |
||||
|
||||
#righthand-panel .info { |
||||
min-height: 6em; |
||||
padding: 0.25em 0; |
||||
padding-left: 6em; |
||||
} |
||||
|
||||
#settingsView button { |
||||
background-color: hsla(229, 75%, 87%, .5); /* lightBlue in style-guide.js*/ |
||||
font-size: 12px; |
||||
padding: 0.25em; |
||||
margin: 3em 1em .5em 0; |
||||
color: black; |
||||
border:0 none; |
||||
border-radius: 3px; |
||||
width: 8em; |
||||
cursor: pointer; |
||||
} |
||||
|
||||
#header .origin { |
||||
display: block; |
||||
word-wrap: break-word; |
||||
padding: 1.5em; |
||||
font-weight: bold; |
||||
} |
||||
|
||||
#output .udapp { |
||||
border: 0 none; |
||||
box-shadow: none; |
||||
border-bottom: 3px solid hsla(229, 100%, 97%, 1); /* backgroundBlue in style-guide.js*/; |
||||
} |
||||
|
||||
.crow { |
||||
overflow: auto; |
||||
display: block; |
||||
clear: both; |
||||
margin: .5em .5em 0 .5em; |
||||
padding: .5em; |
||||
font-weight: bold; |
||||
} |
||||
|
||||
.crow #txorigin { |
||||
margin-left: 0.5em; |
||||
text-decoration: none; |
||||
background-color: hsla(229, 75%, 87%, .5); /* lightBlue in style-guide.js*/ |
||||
cursor: pointer; |
||||
font-size: 12px; |
||||
color: black; |
||||
border-radius: 3px; |
||||
border: 0 none; |
||||
} |
||||
|
||||
.contractDetails button { |
||||
background-color: transparent; |
||||
border: 0 none; |
||||
padding: 0; |
||||
display: inline-block; |
||||
text-decoration: underline; |
||||
color: blue; |
||||
cursor: pointer; |
||||
width: auto; |
||||
min-width: 4em; |
||||
margin-bottom: 1em; |
||||
} |
||||
|
||||
.sol.success, |
||||
.sol.error, |
||||
.sol.warning { |
||||
word-wrap: break-word; |
||||
cursor: pointer; |
||||
position: relative; |
||||
margin: 0.5em 0 1em 0; |
||||
border-radius: 5px; |
||||
line-height: 20px; |
||||
padding: 8px 15px; |
||||
} |
||||
|
||||
.sol.success pre, |
||||
.sol.error pre, |
||||
.sol.warning pre { |
||||
background-color: transparent; |
||||
margin: 0; |
||||
font-size: 12px; |
||||
border: 0 none; |
||||
padding: 0; |
||||
border-radius: 0; |
||||
} |
||||
|
||||
.sol.success .close, |
||||
.sol.error .close, |
||||
.sol.warning .close { |
||||
font-weight: bold; |
||||
position: absolute; |
||||
color: hsl(0, 0%, 0%); /* black in style-guide.js */ |
||||
top: 0; |
||||
right: 0; |
||||
padding: 0.5em; |
||||
} |
||||
|
||||
.sol.error { |
||||
background-color: hsla(0, 82%, 82%, 0.1); |
||||
border: .2em dotted hsla(0, 82%, 82%, 1); /* red in style-guide.js */ |
||||
} |
||||
|
||||
.sol.warning { |
||||
background-color: hsla(59, 56%, 78%, 0.5); |
||||
border: .2em dotted hsla(44, 100%, 50%, 1); /* orange in style-guide.js */ |
||||
} |
||||
|
||||
.sol.success { |
||||
background-color: hsla(141, 58%, 95%, 1); |
||||
border: .2em dotted hsla(141, 40%, 48%, 1); |
||||
} |
||||
|
||||
#ghostbar { |
||||
width: 1px; |
||||
background-color: hsla(0, 82%, 82%, 1); /* orange in style-guide.js */ |
||||
opacity: 0.5; |
||||
position: absolute; |
||||
cursor: col-resize; |
||||
z-index: 9999; |
||||
top: 0; |
||||
bottom: 0; |
||||
} |
||||
|
||||
input[readonly] { |
||||
display: block; |
||||
width: 100%; |
||||
height: 7px; |
||||
padding: .8em; |
||||
} |
||||
|
||||
input[type="file"] { |
||||
display: none; |
||||
} |
||||
|
||||
.highlightreference { |
||||
position:absolute; |
||||
z-index:20; |
||||
background-color: lightgrey; |
||||
opacity: 0.7 |
||||
} |
||||
|
||||
.highlightreferenceline { |
||||
position:absolute; |
||||
z-index:20; |
||||
background-color: hsla(229, 75%, 87%, .5); /* lightBlue in style-guide.js*/ |
||||
opacity: 0.7 |
||||
} |
||||
|
||||
.highlightcode { |
||||
position:absolute; |
||||
z-index:20; |
||||
background-color:hsla(0, 82%, 82%, 1); /* red in style-guide.js */ |
||||
} |
||||
|
||||
.highlightcode_fullLine { |
||||
position:absolute; |
||||
z-index:20; |
||||
background-color: hsla(0, 82%, 82%, .5); /* lightRed in style-guide.js */ |
||||
opacity: 0.5; |
||||
} |
||||
|
||||
.ace_gutter-cell.ace_breakpoint{ |
||||
background-color: hsla(0, 82%, 82%, 1); /* red in style-guide.js */ |
||||
} |
||||
@ -1,281 +0,0 @@ |
||||
/*@import url(https://fonts.googleapis.com/css?family=Lato:300italic,700italic,300,700);*/ |
||||
|
||||
body { |
||||
padding: 50px; |
||||
font: 14px/1.5 Lato, "Helvetica Neue", Helvetica, Arial, sans-serif; |
||||
color: #777; |
||||
font-weight: 300; |
||||
overflow: hidden; |
||||
} |
||||
|
||||
h1, h2, h3, h4, h5, h6 { |
||||
margin: 20px 0 10px; |
||||
} |
||||
|
||||
p, ul, ol, table, pre, dl { |
||||
margin: 0 0 20px; |
||||
} |
||||
|
||||
h1, h2, h3 { |
||||
line-height: 1.1; |
||||
} |
||||
|
||||
h1 { |
||||
font-size: 28px; |
||||
} |
||||
|
||||
h2 { |
||||
color: #393939; |
||||
} |
||||
|
||||
a { |
||||
color: #39c; |
||||
font-weight: 400; |
||||
text-decoration: none; |
||||
} |
||||
|
||||
a:hover { |
||||
color: #069; |
||||
} |
||||
|
||||
a small { |
||||
font-size: 11px; |
||||
color: #777; |
||||
margin-top: -0.6em; |
||||
display: block; |
||||
} |
||||
|
||||
a:hover small { |
||||
color: #777; |
||||
} |
||||
|
||||
.wrapper { |
||||
width: 860px; |
||||
margin: 0 auto; |
||||
} |
||||
|
||||
blockquote { |
||||
border-left: 1px solid #e5e5e5; |
||||
margin: 0; |
||||
padding: 0 0 0 20px; |
||||
font-style: italic; |
||||
} |
||||
|
||||
code, pre { |
||||
color: #333; |
||||
font-size: 11px; |
||||
} |
||||
|
||||
pre { |
||||
font: 14px/1.5 Lato, "Helvetica Neue", Helvetica, Arial, sans-serif; |
||||
font-size: 12px; |
||||
padding: 8px 15px; |
||||
background: #f8f8f8; |
||||
border-radius: 5px; |
||||
border: 1px solid #e5e5e5; |
||||
overflow-x: auto; |
||||
} |
||||
|
||||
table { |
||||
width: 100%; |
||||
border-collapse: collapse; |
||||
} |
||||
|
||||
th, td { |
||||
text-align: left; |
||||
padding: 5px 10px; |
||||
border-bottom: 1px solid #e5e5e5; |
||||
} |
||||
|
||||
dt { |
||||
color: #444; |
||||
font-weight: 700; |
||||
} |
||||
|
||||
th { |
||||
color: #444; |
||||
} |
||||
|
||||
img { |
||||
max-width: 100%; |
||||
} |
||||
|
||||
header { |
||||
width: 270px; |
||||
float: left; |
||||
position: fixed; |
||||
} |
||||
|
||||
header ul { |
||||
list-style: none; |
||||
height: 40px; |
||||
padding: 0; |
||||
background: #eee; |
||||
background: -moz-linear-gradient(top, #f8f8f8 0%, #dddddd 100%); |
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8f8f8), color-stop(100%, #dddddd)); |
||||
background: -webkit-linear-gradient(top, #f8f8f8 0%, #dddddd 100%); |
||||
background: -o-linear-gradient(top, #f8f8f8 0%, #dddddd 100%); |
||||
background: -ms-linear-gradient(top, #f8f8f8 0%, #dddddd 100%); |
||||
background: linear-gradient(top, #f8f8f8 0%, #dddddd 100%); |
||||
border-radius: 5px; |
||||
border: 1px solid #d2d2d2; |
||||
box-shadow: inset #fff 0 1px 0, inset rgba(0, 0, 0, 0.03) 0 -1px 0; |
||||
width: 270px; |
||||
} |
||||
|
||||
header li { |
||||
width: 89px; |
||||
float: left; |
||||
border-right: 1px solid #d2d2d2; |
||||
height: 40px; |
||||
} |
||||
|
||||
header li:first-child a { |
||||
border-radius: 5px 0 0 5px; |
||||
} |
||||
|
||||
header li:last-child a { |
||||
border-radius: 0 5px 5px 0; |
||||
} |
||||
|
||||
header ul a { |
||||
line-height: 1; |
||||
font-size: 11px; |
||||
color: #999; |
||||
display: block; |
||||
text-align: center; |
||||
padding-top: 6px; |
||||
height: 34px; |
||||
} |
||||
|
||||
header ul a:hover { |
||||
color: #999; |
||||
background: -moz-linear-gradient(top, #fff 0%, #ddd 100%); |
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #ddd)); |
||||
background: -webkit-linear-gradient(top, #fff 0%, #ddd 100%); |
||||
background: -o-linear-gradient(top, #fff 0%, #ddd 100%); |
||||
background: -ms-linear-gradient(top, #fff 0%, #ddd 100%); |
||||
background: linear-gradient(top, #fff 0%, #ddd 100%); |
||||
} |
||||
|
||||
header ul a:active { |
||||
-webkit-box-shadow: inset 0 2px 2px 0 #ddd; |
||||
-moz-box-shadow: inset 0 2px 2px 0 #ddd; |
||||
box-shadow: inset 0 2px 2px 0 #ddd; |
||||
} |
||||
|
||||
strong { |
||||
color: #222; |
||||
font-weight: 700; |
||||
} |
||||
|
||||
header ul li + li { |
||||
width: 88px; |
||||
border-left: 1px solid #fff; |
||||
} |
||||
|
||||
header ul li + li + li { |
||||
border-right: none; |
||||
width: 89px; |
||||
} |
||||
|
||||
header ul a strong { |
||||
font-size: 14px; |
||||
display: block; |
||||
color: #222; |
||||
} |
||||
|
||||
section { |
||||
width: 500px; |
||||
float: right; |
||||
padding-bottom: 50px; |
||||
} |
||||
|
||||
small { |
||||
font-size: 11px; |
||||
} |
||||
|
||||
hr { |
||||
border: 0; |
||||
background: #e5e5e5; |
||||
height: 1px; |
||||
margin: 0 0 20px; |
||||
} |
||||
|
||||
footer { |
||||
width: 270px; |
||||
float: left; |
||||
position: fixed; |
||||
bottom: 50px; |
||||
} |
||||
|
||||
@media print, screen and (max-width: 960px) { |
||||
|
||||
div.wrapper { |
||||
width: auto; |
||||
margin: 0; |
||||
} |
||||
|
||||
header, section, footer { |
||||
float: none; |
||||
position: static; |
||||
width: auto; |
||||
} |
||||
|
||||
header { |
||||
padding-right:320px; |
||||
} |
||||
|
||||
section { |
||||
border: 1px solid #e5e5e5; |
||||
border-width: 1px 0; |
||||
padding: 20px 0; |
||||
margin: 0 0 20px; |
||||
} |
||||
|
||||
header a small { |
||||
display: inline; |
||||
} |
||||
|
||||
header ul { |
||||
position: absolute; |
||||
right: 50px; |
||||
top: 52px; |
||||
} |
||||
} |
||||
|
||||
@media print, screen and (max-width: 720px) { |
||||
body { |
||||
word-wrap: break-word; |
||||
} |
||||
|
||||
header { |
||||
padding: 0; |
||||
} |
||||
|
||||
header ul, header p.view { |
||||
position: static; |
||||
} |
||||
|
||||
pre, code { |
||||
word-wrap: normal; |
||||
} |
||||
} |
||||
|
||||
@media print, screen and (max-width: 480px) { |
||||
body { |
||||
padding: 15px; |
||||
} |
||||
|
||||
header ul { |
||||
display: none; |
||||
} |
||||
} |
||||
|
||||
@media print { |
||||
body { |
||||
padding: 0.4in; |
||||
font-size: 12pt; |
||||
color: #444; |
||||
} |
||||
} |
||||
Loading…
Reference in new issue