Skip to content

Move stylesheet to external file #6

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
doktorbro wants to merge 1 commit into from
Closed

Move stylesheet to external file #6

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
101 changes: 101 additions & 0 deletions assets/screen.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,101 @@
html {
background: #DDE5D9 url(data:image/gif;base64,R0lGODlhBAAEAIAAANra2v///yH5BAAAAAAALAAAAAAEAAQAAAIFTGB4xlcAOw==) repeat 0 0;
font-family: "Lucida Sans Unicode", "Lucida Sans", verdana, arial, helvetica;
}
body {
border: solid 1px #CED4CA;
background-color: #FFF;
padding: 4px 25px 4px 25px;
margin: 20px 20% 20px 20px;
line-height: 1.75;
}
h1 {
font-size: 36px;
font-weight: normal;
color: #0B5B9D;
vertical-align: top;
margin-bottom: 0px;
}
h2 {
font-size: 28px;
font-weight: normal;
color: #0B5B9D;
vertical-align: top;
margin-bottom: 0px;
margin-top: 24px;
}
h3 {
font-size: 22px;
font-weight: normal;
color: #0B5B9D;
vertical-align: top;
margin-bottom: 0px;
margin-top: 32px;
}
h4 {
font-size: 20px;
font-weight: normal;
color: #0B5B9D;
vertical-align: top;
margin-bottom: 0px;
margin-top: 22px;
}
a {
text-decoration: none;
color: #0B5B9D;
padding: 2px;
}

a:hover {
text-decoration: none;
background-color: #0B5B9D;
color: white;
}
a:active {
text-decoration: none;
background-color: white;
color: black;
}
.set, .note {
background-color: ivory;
padding: 16px;
padding-top: 4px;
padding-bottom: 4px;
padding-right: 32px;
padding-left: 32px;
border: 1px solid #ccc;
margin-left: 2px;
margin-right: 2px;
border-radius: 6px;
}
.note {
background-color: rgb(241, 255, 240);
}
.note p {
margin-top: 8px;
}
code {
background-color: #F8F8F8;
border: 1px solid #ccc;
border-radius: 3px;
padding: 2px 6px;
}
pre {
background-color: #F8F8F8;
border: 1px solid #ccc;
border-radius: 3px;
padding: 10px;
margin-right: 15%;
margin-top: 6px;
line-height: 1.2
}
.java-class, .java-property, .option-value {
background-color: yellow;
padding: 2px 6px;
}
.arg {
color: green;
}
.links {
text-align: center;
}
112 changes: 4 additions & 108 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,7 @@
<!doctype html><html><head><meta charset=utf-8>
<title>The Nu Markup Checker</title></head>
<title>The Nu Markup Checker</title>
<link href="assets/screen.css" rel="stylesheet">
</head>
<body>
<h1>The Nu Markup Checker</h1>

Expand Down Expand Up @@ -37,7 +39,7 @@ <h1>The Nu Markup Checker</h1>
with <code>npm install grunt-html --save-dev</code>.

<p class=links>
<a href="#usage">Usage</a> ·
<a href="#usage">Usage</a> ·
<a href="#options">Options</a>

<div class=set>
Expand Down Expand Up @@ -152,109 +154,3 @@ <h4 id="version">--version</h4>
<code>vnu.war</code> package that’s also available, see
<a href="http://validator.github.io/service.html">Web-based checking with vnu.war or vnu.jar</a>.
</p>

<!-- TODO: For more information... sources bugz etc. -->

<style type="text/css">
html {
background: #DDE5D9 url(data:image/gif;base64,R0lGODlhBAAEAIAAANra2v///yH5BAAAAAAALAAAAAAEAAQAAAIFTGB4xlcAOw==) repeat 0 0;
font-family: "Lucida Sans Unicode", "Lucida Sans", verdana, arial, helvetica;
}
body {
border: solid 1px #CED4CA;
background-color: #FFF;
padding: 4px 25px 4px 25px;
margin: 20px 20% 20px 20px;
line-height: 1.75;
}
h1 {
font-size: 36px;
font-weight: normal;
color: #0B5B9D;
vertical-align: top;
margin-bottom: 0px;
}
h2 {
font-size: 28px;
font-weight: normal;
color: #0B5B9D;
vertical-align: top;
margin-bottom: 0px;
margin-top: 24px;
}
h3 {
font-size: 22px;
font-weight: normal;
color: #0B5B9D;
vertical-align: top;
margin-bottom: 0px;
margin-top: 32px;
}
h4 {
font-size: 20px;
font-weight: normal;
color: #0B5B9D;
vertical-align: top;
margin-bottom: 0px;
margin-top: 22px;
}
a {
text-decoration: none;
color: #0B5B9D;
padding: 2px;
}

a:hover {
text-decoration: none;
background-color: #0B5B9D;
color: white;
}
a:active {
text-decoration: none;
background-color: white;
color: black;
}
.set, .note {
background-color: ivory;
padding: 16px;
padding-top: 4px;
padding-bottom: 4px;
padding-right: 32px;
padding-left: 32px;
border: 1px solid #ccc;
margin-left: 2px;
margin-right: 2px;
border-radius: 6px;
}
.note {
background-color: rgb(241, 255, 240);
}
.note p {
margin-top: 8px;
}
code {
background-color: #F8F8F8;
border: 1px solid #ccc;
border-radius: 3px;
padding: 2px 6px;
}
pre {
background-color: #F8F8F8;
border: 1px solid #ccc;
border-radius: 3px;
padding: 10px;
margin-right: 15%;
margin-top: 6px;
line-height: 1.2
}
.java-class, .java-property, .option-value {
background-color: yellow;
padding: 2px 6px;
}
.arg {
color: green;
}
.links {
text-align: center;
}
</style>
118 changes: 6 additions & 112 deletions service.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,110 +1,6 @@
<!doctype html><html><head><meta charset=utf-8>
<title>Web-based checking with vnu.jar or vnu.war</title>

<style type="text/css">
html {
background: #DDE5D9 url(data:image/gif;base64,R0lGODlhBAAEAIAAANra2v///yH5BAAAAAAALAAAAAAEAAQAAAIFTGB4xlcAOw==) repeat 0 0;
font-family: "Lucida Sans Unicode", "Lucida Sans", verdana, arial, helvetica;
}
body {
border: solid 1px #CED4CA;
background-color: #FFF;
padding: 4px 25px 4px 25px;
margin: 20px 20% 20px 20px;
line-height: 1.75;
}
h1 {
font-size: 36px;
font-weight: normal;
color: #0B5B9D;
vertical-align: top;
margin-bottom: 0px;
}
h2 {
font-size: 28px;
font-weight: normal;
color: #0B5B9D;
vertical-align: top;
margin-bottom: 0px;
margin-top: 24px;
}
h3 {
font-size: 22px;
font-weight: normal;
color: #0B5B9D;
vertical-align: top;
margin-bottom: 0px;
margin-top: 32px;
}
h4 {
font-size: 20px;
font-weight: normal;
color: #0B5B9D;
vertical-align: top;
margin-bottom: 0px;
margin-top: 22px;
}
a {
text-decoration: none;
color: #0B5B9D;
padding: 2px;
}

a:hover {
text-decoration: none;
background-color: #0B5B9D;
color: white;
}
a:active {
text-decoration: none;
background-color: white;
color: black;
}
.set, .note {
background-color: ivory;
padding: 16px;
padding-top: 4px;
padding-bottom: 4px;
padding-right: 32px;
padding-left: 32px;
border: 1px solid #ccc;
margin-left: 2px;
margin-right: 2px;
border-radius: 6px;
}
.note {
background-color: rgb(241, 255, 240);
}
.note p {
margin-top: 8px;
}
code {
background-color: #F8F8F8;
border: 1px solid #ccc;
border-radius: 3px;
padding: 2px 6px;
}
pre {
background-color: #F8F8F8;
border: 1px solid #ccc;
border-radius: 3px;
padding: 10px;
margin-right: 15%; /* This seems high -- consider reducing? */
margin-top: 6px;
line-height: 1.2
}
.java-class, .java-property, .option-value {
background-color: yellow;
padding: 2px 6px;
}
.arg {
color: green;
}
.links {
text-align: center;
}
</style>

<title>Web-based checking with vnu.jar or vnu.war</title>
<link href="assets/screen.css" rel="stylesheet">
</head>
<body>
<h1>Web-based checking with vnu.war or vnu.jar</h1>
Expand All @@ -113,14 +9,14 @@ <h1>Web-based checking with vnu.war or vnu.jar</h1>
the <code>vnu.jar</code> package is suited to use
as a simple <a href="#web-based-usage">standalone HTTP server.</a>
If you want to deploy the application to a servlet container
such as Apache Tomcat you will probably want to use the
such as Apache Tomcat you will probably want to use the
<code>vnu.war</code> package instead.
The
<a href="https://github.com/validator/validator.github.io/releases"
>latest releases of these files</a>
are available from the <code>validator</code> project at github.
The following are instructions demonstrating how to use these two
packages to provide a service for browser-based checking of
packages to provide a service for browser-based checking of
HTML documents over the web.

<p class=note><b>Note:</b> Replace
Expand Down Expand Up @@ -179,7 +75,7 @@ <h2>Standalone web server</h2>

</div>
</section>
<section id=servlet>
<section id=servlet>
<h2>Deployment to servlet container</h2>
<p>To run the markup checker inside of an existing servlet container
such as Apache Tomcat you will need to deploy the <code>vnu.war</code>
Expand Down Expand Up @@ -210,7 +106,7 @@ <h2>Deployment to servlet container</h2>
to modify the servlet filter configuration.
For example, if you wanted to disable gzip decompression you
could comment out that filter like this:

<pre>
&lt;!--
&lt;filter>
Expand Down Expand Up @@ -341,5 +237,3 @@ <h4 id="nuvalidatorclientasciiquotes">nu.validator.client.asciiquotes</h4>

</section>
</div>

<!-- TODO: For more information... sources bugz etc. -->