App-docsisious
view release on metacpan or search on metacpan
script/docsisious view on Meta::CPAN
body, html {
margin: 0;
padding: 0;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 1.4em;
}
a {
color: #4C79B3;
}
h1, h1 a {
color: #4C79B3;
text-decoration: none;
}
h1 {
margin: 0.8em 0;
padding: 0;
font-size: 2em;
}
h1 a:hover {
text-decoration: underline;
}
label {
display: block;
margin: 0.8em 0 0.25em 0;
}
button, textarea, input {
font-size: 14px;
font-family: "Lucida Console", monospace;
}
input {
padding: 0.5em 0.6em;
border: 1px solid #ccc;
box-shadow: inset 1px 1px 3px #ddd;
width: 100%;
max-width: 40em;
}
textarea {
background: #fafafa;
width: 100%;
height: 400px;
padding: 1em;
border: 0;
outline: 0;
resize: none;
border-top: 1px solid #4C79B3;
border-bottom: 1px solid #4C79B3;
margin-bottom: 1em;
line-height: 1.4em;
}
.btn {
color: #fff;
background-color: #4C79B3;
border-color: #263E5D;
padding: 0.5em 0.9em;
margin: 0 1px;
font-weight: normal;
text-align: center;
white-space: nowrap;
vertical-align: middle;
cursor: pointer;
border: 2px solid transparent;
border-radius: 0.2em;
text-decoration: none;
}
.btn:hover {
background-color: #6791C7;
}
.error {
padding: 1em;
border-top: 1em solid #fff;
background: #FF935B;
clear: both;
}
.icon {
font-size: 18px;
}
.wrapper {
max-width: 70em;
margin: 0 auto;
}
#header { padding: 3em 1em 2em 1em; overflow: hidden; }
#header h1 { float: right; margin: 0; padding-top: 0.3em; }
#header .btn { float: left; }
#settings { display: none; clear: both; padding-top: 1em; }
#help { display: none; clear: both; padding-top: 1em; }
@media (max-width: 40em) {
#header { padding-top: 0.1em; }
#header h1 { padding-bottom: 0.5em; float: none; }
}
@@ layouts/default.html.ep
<!DOCTYPE html>
<html>
<head>
<title>DOCSIS config file editor</title>
<meta charset="utf-8">
%= stylesheet "/css/docsis/$VERSION.css"
</head>
<body>
<div class="wrapper">
%= content
%= javascript "/js/docsis/$VERSION.js"
</div>
</body>
</html>
@@ editor.html.ep
%= form_for "save", enctype => "multipart/form-data", begin
<div id="header">
<div id="title_box"> </div>
<h1><%= link_to 'DOCSIS config file editor', 'editor' %></h1>
<button class="btn" name="save" value="1" title="Save for later."><i class="icon flaticon-save28"></i></button>
<button class="btn settings" type="button" title="Settings."><i class="icon flaticon-gear39"></i></a>
<button class="btn" name="download" value="1" title="Download binary config."><i class="icon flaticon-download164"></i></a>
<button class="btn upload" type="button" title="Upload binary config."><i class="icon flaticon-uploading18"></i></button>
<button class="btn help" type="button" title="Help and about."><i class="icon flaticon-question58"></i></button>
% if ($error) {
<div class="error"><%= $error %></div>
% }
<div id="help">
<p>
This web application is an online <a href="http://en.wikipedia.com/wiki/DOCSIS">DOCSIS</a>
( run in 0.499 second using v1.01-cache-2.11-cpan-39bf76dae61 )