dennis/Website-Templates
1
0
Fork 0
mirror of https://github.com/dawidolko/Website-Templates.git synced 2026-02-04 01:30:03 +00:00
Code Issues Packages Projects Releases Wiki Activity

Website templates

Browse Source
This commit is contained in:
Dawid Olko
2023-07-26 19:33:39 +02:00
commit 0d2d73a034
10339 changed files with 2002333 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

163
prosimii/index.html Normal file
View File

@@ -0,0 +1,163 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en-AU">
<head>
<meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8" />
<meta name="author" content="haran" />
<meta name="generator" content="haran" />
<link rel="stylesheet" type="text/css" href="./prosimii-screen.css" media="screen, tv, projection" title="Default" />
<link rel="stylesheet alternative" type="text/css" href="./prosimii-print.css" media="screen" title="Print Preview" />
<link rel="stylesheet" type="text/css" href="./prosimii-print.css" media="print" />
<title>Prosimii</title>
</head>
<body>
<!-- For non-visual user agents: -->
<div id="top"><a href="#main-copy" class="doNotDisplay doNotPrint">Skip to main content.</a></div>
<!-- ##### Header ##### -->
<div id="header">
<div class="superHeader">
<span>Related Sites:</span>
<a href="http://www.oswd.org" title="The host of this design">OSWD</a> |
<a href="http://www.oswd.org/userinfo.phtml?user=haran" title="Other designs by haran">haran&rsquo;s Designs</a>
</div>
<div class="midHeader">
<h1 class="headerTitle" lang="la">Prosimii</h1>
<div class="headerSubTitle" title="Pronunciation guide for 'prosimii'">
{ pro&ndash;SIM&ndash;ee&ndash;EYE }
</div>
<br class="doNotDisplay doNotPrint" />
<div class="headerLinks">
<span class="doNotDisplay">Tools:</span>
<a href="./index2.html">view an alternative layout &laquo;</a>
<span class="doNotDisplay">|</span>
<a style="cursor: help;" title="Thanks to CSS, this page is already printer friendly!">printer-friendly version &laquo;</a>
</div>
</div>
<div class="subHeader">
<span class="doNotDisplay">Navigation:</span>
<a href="./index.html">Home</a> |
<a href="./index.html">Products</a> |
<a href="./index.html">Services</a> |
<a href="./index.html">Contact Us</a> |
<a href="./index.html">About Us</a>
</div>
</div>
<!-- ##### Main Copy ##### -->
<div id="main-copy">
<div class="rowOfBoxes">
<div class="twoThirds noBorderOnLeft">
<h1>Welcome!</h1>
<p>This is <span lang="la">Prosimii</span>, my
<a href="http://www.oswd.org/userinfo.phtml?user=haran">seventh design</a> for
<acronym title="Open Source Web Design">OSWD</acronym>. The design was inspired by a
former homepage of <a href="http://www.ximian.com">Ximian</a>, a company that produces
enterprise-level Linux products. The name is a play on the word <span class="titleTip"
title="An adjective for apes and monkeys">simian</span> (which sounds like Ximian).
<span lang="la">Prosimii</span> is one of the suborders of the order
<span lang="la">Primates</span>, and includes the lemur, loris and tree shrew genera.</p>
<p>I guess this design is most suitable as an introductory or sitemap
page to a website. These boxes range in size from one-quarter to full-screen width, so
they can accomodate information of various sizes. An <a href="./index2.html">alternative
layout</a> is also included in this template.</p>
<p>I hope you like this design. You are free to use this template for any purpose you wish
&mdash; personal, commercial or otherwise &mdash; without any obligation. This template
is donated to the public domain (ie: <em>no rights reserved</em>) and, as such, does not
come with any express support, guarantee or limitation.</p>
</div>
<div class="oneThird">
<h1>Latest News</h1>
<a href="./index.html" class="newsHeading">Submitted to OSWD</a>
<p class="newsDate">24 Oct 04</p>
<p class="newsSummary">Template (finally!) submitted to
<acronym title="Open Source Web Design">OSWD</acronym>.</p>
<a href="./index.html" class="newsHeading">Annoying bug fixed</a>
<p class="newsDate">28 Apr 04</p>
<p class="newsSummary">Thanks to Rapha&eacute;l Enrici for spotting it!</p>
<div class="more"><a href="./index.html">More News &raquo;</a></div>
<p class="filler"><!-- Filler para to extend left vertical line --></p>
</div>
</div>
<div class="rowOfBoxes dividingBorderAbove">
<div class="quarter noBorderOnLeft">
<h1>Standards</h1>
<p><span lang="la">Prosimii</span> is 100% compliant with
<acronym title="eXtensible HyperText Markup Language">XHTML</acronym> 1.0 Strict and
uses <acronym title="Cascading Style Sheets">CSS</acronym>.
<span class="doNotPrint">[Validate
<a href="http://validator.w3.org/check/referer">XHTML</a>]</span></p>
<p>Unlike this design&rsquo;s inspiration, no tables have been used to layout elements
and text.</p>
</div>
<div class="quarter">
<h1>Stylesheet</h1>
<p>An external stylesheet dictates the format and layout of text in this design.</p>
<p>Thus, website-wide design changes can be achieved by editing only the stylesheet.</p>
<p class="filler"><!-- Filler para to extend left vertical line --></p>
</div>
<div class="quarter">
<h1>Compatibility</h1>
<p><span lang="la">Prosimii&rsquo;s</span> stylesheet is more robust and comprehensive than
<a href="http://www.oswd.org/userinfo.phtml?user=haran">my previous designs</a>.</p>
<p>This design has been tested for consistent rendering in Gecko
(<a href="http://www.mozilla.org">Mozilla</a> <a href="http://www.getfirefox.com">Firefox</a>
0.10.1), <a href="http://www.opera.com">Opera</a> (7.01) and Internet Explorer (6.0).</p>
</div>
<div class="quarter">
<h1>Accessibility</h1>
<p><span lang="la">Prosimii</span> tentatively conforms to the
<a href="http://www.w3.org/TR/WCAG10">
<acronym title="Web Content Accessibility Guidelines">WCAG</acronym> double A rating</a>
and <a href="http://www.access-board.gov/508.htm">&sect;&nbsp;508</a> guidelines for web
content accessibility.</p>
<p>Additionally, most document metrics (lengths, widths and spacings) are font-size
relative.</p>
</div>
</div>
</div>
<!-- ##### Footer ##### -->
<div id="footer">
<span class="doNotPrint">
For comments or questions about this website, please
<a href="mailto:email.address@is.invalid" title="NB: invalid email address">email the Webmaster</a><br />
</span>
<strong>URI &raquo;</strong> http://domain.is.invalid/prosimii/index.html
&bull; <strong>Updated &raquo;</strong> 2004-Oct-24 10:31 +1000
<br />
<!--This theme is free for distriubtion, so long as link to openwebdesing.org and florida-villa.com stay on the theme-->
<font size="-1"><font size="-1" face="Arial, Helvetica, sans-serif">Courtesy
<a href="http://www.openwebdesign.org" target="_blank">Open Web Design</a><a href="http://www.dubaiapartments.biz" target="_blank"><img src="spacer.gif" width="5" height="5" border="0"/></a>Thanks
to <a href="http://www.florida-villa.com" target="_blank">Florida Vacation Homes</a>
</font></font></div>
</body>
</html>

140
prosimii/index2.html Normal file
View File

@@ -0,0 +1,140 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en-AU">
<head>
<meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8" />
<meta name="author" content="haran" />
<meta name="generator" content="haran" />
<!-- Navigational metadata for large websites (an accessibility feature): -->
<link rel="top" href="./index.html" title="Homepage" />
<link rel="up" href="./index.html" title="Up" />
<link rel="first" href="./index.html" title="First page" />
<link rel="previous" href="./index.html" title="Previous page" />
<link rel="next" href="./index2.html" title="Next page" />
<link rel="last" href="./index2.html" title="Last page" />
<link rel="toc" href="./index.html" title="Table of contents" />
<link rel="index" href="./index.html" title="Site map" />
<link rel="stylesheet" type="text/css" href="./prosimii-screen-alt.css" media="screen" title="Prosimii (alternative)" />
<link rel="stylesheet alternative" type="text/css" href="./prosimii-print.css" media="screen" title="Print Preview" />
<link rel="stylesheet" type="text/css" href="./prosimii-print.css" media="print" />
<title>Prosimii Page Two</title>
</head>
<body>
<!-- For non-visual user agents: -->
<div id="top"><a href="#main-copy" class="doNotDisplay doNotPrint">Skip to main content.</a></div>
<!-- ##### Header ##### -->
<div id="header">
<div class="superHeader">
<span>Related Sites:</span>
<a href="http://www.oswd.org" title="The host of this design">OSWD</a> |
<a href="http://www.oswd.org/userinfo.phtml?user=haran" title="Other designs by haran">haran&rsquo;s Designs</a>
</div>
<div class="midHeader">
<h1 class="headerTitle" lang="la">Prosimii</h1>
<div class="headerSubTitle">No more monkey business&hellip;</div>
<br class="doNotDisplay doNotPrint" />
<div class="headerLinks">
<span class="doNotDisplay">Tools:</span>
<a href="./index.html">view the previous layout &laquo;</a>
<span class="doNotDisplay">|</span>
<a style="cursor: help;" title="Thanks to CSS, this page is already printer friendly!" href="#stylesheets">printer-friendly version &laquo;</a>
</div>
</div>
<div class="subHeader">
<span class="doNotDisplay">Navigation:</span>
<a href="./index.html">Home</a> |
<a href="./index2.html">Products</a> |
<a href="./index2.html">Services</a> |
<a href="./index2.html">Contact Us</a> |
<a href="./index2.html">About Us</a>
</div>
</div>
<!-- ##### Side Menu ##### -->
<p class="doNotDisplay doNotPrint">This page&rsquo;s menu:</p>
<ul id="side-bar">
<li><a href="#alt-layout" title="Alternative layout">Alt. layout</a></li>
<li><a href="#compatibility" title="Improved cross-browser compatibility">Compatibility</a></li>
<li><a href="#stylesheets" title="Comprehensive stylesheets">Stylesheets</a></li>
<li><a href="#accessibility" title="Accessibility features">Accessibility</a></li>
</ul>
<!-- ##### Main Copy ##### -->
<div id="main-copy">
<h1 id="alt-layout">Alternative Layout</h1>
<p>This is an alternative layout of <span lang="la">Prosimii</span>. Notice the presence of a
side menu on the left of page. If you are viewing this page in a <span class="titleTip"
title="eg: a Gecko family member or Opera">fully standards-compliant browser</span>, the side
menu will scroll with the page. If you are viewing in Internet Explorer, however, the menu
will appear stationary.</p>
<p>The following text is essentially the same as the previous page except elaborated.</p>
<h1 id="compatibility">Improved Cross-browser Compatibility</h1>
<p>Before <span lang="la">Prosimii</span>, I did not test my designs in Opera prior to submitting
them to OSWD. As a result, these templates don&rsquo;t render properly in that browser. In
contrast, <span lang="la">Prosimii</span> has been fully tested in
<a href="http://www.opera.com">Opera</a> (7.01), Gecko
(<a href="http://www.mozilla.org">Mozilla</a> <a href="http://www.getfirefox.com">Firefox</a> 0.10.1)
and Internet Explorer (6.0) for consistent rendering.</p>
<p>This means that people using <span class="titleTip" title="eg: Mozilla 1+, Opera 7+, Netscape 6+, Internet Explorer 6+">standards-compliant browsers</span>
will see the same format and layout of your page.</p>
<h1 id="stylesheets">Comprehensive Stylesheets</h1>
<dl>
<dt>More robust screen stylesheet</dt>
<dd>The improved cross-browser consistency is a result of
<span lang="la">Prosimii&rsquo;s</span> more comprehensive screen stylesheet. Major style
parameters are explicitly defined in the stylesheet, resulting in less dependence on
browser-determined defaults and thus fewer rendering idiosyncrasies.</dd>
<dt>Addition of a print media stylesheet</dt>
<dd><span lang="la">Prosimii</span> has a print media stylesheet that styles the page in a
format appropriate for black and white printing. To see the effect of this stylesheet,
select <span class="smallCaps">print preview</span> from the
<span class="smallCaps">file</span> menu, or direct this page to a printer (NB: print only
this frame if you are viewing this template in a multi-frame document). Alternatively,
if you're using <a href="http://www.getfirefox.com">Firefox</a>, use the stylesheet switcher
in the bottom right-hand corner of the browser window.</dd>
</dl>
<h1 id="accessibility">Accessibility Features</h1>
<p><span lang="la">Prosimii</span> incorporates accessibility features for people with impaired
vision. The template tentatively conforms to the <a href="http://www.w3.org/TR/WCAG10">
<acronym title="Web Content Accessibility Guidelines">WCAG</acronym> double A rating</a> and
<a href="http://www.access-board.gov/508.htm">&sect;&nbsp;508</a> guidelines for web content
accessibility. The relative simplicity of the template&rsquo;s underlying markup ensures that
your page can be easily transformed for rendering in aural, tactile (braille) and other
non-visual user agents.</p>
<p>Additionally, the majority of document metrics (widths, lengths and spacings) are font-size
relative. This means that a user can increase the default font size of your page (using their
browser) without compromising it&rsquo;s layout.</p>
</div>
<!-- ##### Footer ##### -->
<div id="footer">
<span class="doNotPrint">
For comments or questions about this website, please
<a href="mailto:email.address@is.invalid" title="NB: Invalid email address">email the Webmaster</a><br />
</span>
<strong>URI &raquo;</strong> http://domain.is.invalid/prosimii/index2.html
&bull; <strong>Updated &raquo;</strong> 2004-Oct-24 10:32 +1000
</div>
</body>
</html>

225
prosimii/prosimii-print.css Normal file
View File

@@ -0,0 +1,225 @@
/**************************************
* TITLE: Prosimii Print Stylesheet *
* URI : prosimii/prosimii-print.css *
* MODIF: 2003-Apr-30 19:15 +0800 *
**************************************/
/* ##### Common Styles ##### */
body {
color: black;
background-color: white;
font-family: "times new roman", times, roman, serif;
font-size: 12pt;
margin: 0;
padding: 0;
}
acronym, .titleTip {
font-style: italic;
border-bottom: none;
}
acronym:after, .titleTip:after { /* Prints titles after the acronyms/titletips. Doesn't work in MSIE */
content: "(" attr(title) ")";
font-size: 90%;
font-style: normal;
padding-left: 1ex;
}
a {
color: black;
background-color: transparent;
text-decoration: none;
}
a[href]:after { /* Prints the links' URIs after the links' texts. Doesn't work in MSIE */
content: "<" attr(href) ">";
font-size: 90%;
padding-left: 1ex;
}
ol {
margin: -0.25em 0 1em 0;
padding: 0;
}
ul {
list-style-type: square;
margin: -0.25em 0 1em 0;
padding: 0;
}
dl {
margin: 0 0 1em 0;
padding: 0;
}
ul li {
margin: 1ex 0 0 1.5em;
padding: 0;
}
ol li {
margin: 1ex 0 0 1.5em;
padding: 0;
}
dt {
font-weight: bold;
margin: 0;
padding: 0;
}
dd {
margin: 0 0 0 1.5em;
padding: 0;
}
.doNotPrint {
display: none;
}
/* ##### Header ##### */
#header {
}
.superHeader {
display: none;
}
.midHeader {
color: black;
background-color: transparent;
margin: 0;
padding: 0;
border-bottom: 1px solid black;
}
.headerTitle {
font-family: "trebuchet ms", verdana, helvetica, arial, sans-serif;
font-size: 200%;
font-weight: normal;
margin: 0;
padding: 0;
}
.headerSubTitle {
font-family: "trebuchet ms", verdana, helvetica, arial, sans-serif;
font-size: 110%;
font-weight: normal;
font-style: italic;
margin: 0;
padding: 0 0 1ex 0;
}
.headerLinks {
display: none;
}
.subHeader {
display: none;
}
/* ##### Side Menu ##### */
#side-bar {
display: none !important;
}
/* ##### Main Copy ##### */
#main-copy {
text-align: justify;
margin: 0 !important;
padding: 0;
}
#main-copy h1 {
font-family: "trebuchet ms", verdana, helvetica, arial, sans-serif;
font-size: 120%;
margin: 2ex 0 1ex 0;
padding: 0;
}
#main-copy h2 {
font-family: "trebuchet ms", verdana, helvetica, arial, sans-serif;
font-weight: normal;
font-size: 100%;
margin: 0;
padding: 2ex 0 0.5ex 0;
}
#main-copy h1 + h2 {
padding-top: 0;
}
#main-copy p {
margin: 0 0 2ex 0;
padding: 0;
}
h2 a:after {
content: "" !important;
}
.newsDate {
font-style: italic;
margin: 0;
padding: 0;
display: inline;
}
.newsDate:before { /* Prints an '[' before the news item's date. Doesn't work in MSIE */
content: "[";
font-style: normal;
}
.newsDate:after { /* Prints a ']' after the news item's date. Doesn't work in MSIE */
content: "]";
font-style: normal;
}
.newsSummary {
display: inline;
margin: 0 0 0 1ex !important;
padding: 0;
}
.more {
display: none;
}
.smallCaps {
font-variant: small-caps;
}
.quarter, .oneThird, .half, .twoThirds, .fullWidth {
margin: 0;
padding: 0;
}
/* ##### Footer ##### */
#footer {
color: black;
background-color: transparent;
font-size: 100%;
text-align: center;
margin: 2em 0 0 0;
padding: 1ex 0 0 0;
border-top: 1px solid black;
display: block;
}
#footer a {
color: black;
background-color: transparent;
text-decoration: none;
}

342
prosimii/prosimii-screen-alt.css Normal file
View File

@@ -0,0 +1,342 @@
/*************************************************
* TITLE: Prosimii Alternative Screen Stylesheet *
* URI : prosimii/prosimii-screen-alt.css *
* MODIF: 2004-Apr-28 21:56 +0800 *
*************************************************/
/* ##### Common Styles ##### */
body {
font-family: verdana, helvetica, arial, sans-serif;
font-size: 73%; /* Enables font size scaling in MSIE */
margin: 0;
padding: 0;
}
html > body {
font-size: 9pt;
}
acronym, .titleTip {
border-bottom: 1px dotted rgb(61,92,122);
cursor: help;
margin: 0;
padding: 0 0 0.4px 0;
}
a {
color: rgb(61,92,122);
background-color: transparent;
text-decoration: underline;
margin: 0;
padding: 0 1px 2px 1px;
}
a:hover {
color: rgb(117,144,174);
text-decoration: none;
}
ol {
margin: 1em 0 1.5em 0;
padding: 0;
}
ul {
list-style-type: square;
margin: 1em 0 1.5em 0;
padding: 0;
}
dl {
margin: 1em 0 0.5em 0;
padding: 0;
}
ul li {
line-height: 1.5em;
margin: 1.25ex 0 0 1.5em;
padding: 0;
}
ol li {
line-height: 1.5em;
margin: 1.25ex 0 0 2em;
padding: 0;
}
dt {
font-weight: bold;
margin: 0;
padding: 0 0 1ex 0;
}
dd {
line-height: 1.75em;
margin: 0 0 1.5em 1.5em;
padding: 0;
}
.doNotDisplay {
display: none !important;
}
.smallCaps {
font-size: 117%;
font-variant: small-caps;
}
/* ##### Header ##### */
.superHeader {
color: rgb(130,128,154);
background-color: rgb(33,50,66);
text-align: right;
margin: 0;
padding: 0.5ex 10px;
}
.superHeader span {
color: rgb(195,196,210);
background-color: transparent;
font-weight: bold;
text-transform: uppercase;
}
.superHeader a {
color: rgb(195,196,210);
background-color: transparent;
text-decoration: none;
margin: 0;
padding: 0 0.25ex 0 0;
}
.superHeader a:hover {
color: rgb(193,102,90);
background-color: transparent;
text-decoration: none;
}
.midHeader {
color: white;
background-color: rgb(61,92,122);
margin: 0;
padding: 0.26ex 10px;
}
.headerTitle {
font-size: 300%;
margin: 0;
padding: 0;
}
.headerSubTitle {
font-size: 151%;
font-weight: normal;
font-style: italic;
margin: 0 0 1ex 0;
padding: 0;
}
.headerLinks {
text-align: right;
margin: 0;
padding: 0 0 2ex 0;
position: absolute;
right: 1.5em;
top: 3.5em;
}
.headerLinks a {
color: white;
background-color: transparent;
text-decoration: none;
margin: 0;
padding: 0 0 0.5ex 0;
display: block;
}
.headerLinks a:hover {
color: rgb(195,196,210);
background-color: transparent;
text-decoration: underline;
}
.subHeader {
color: white;
background-color: rgb(117,144,174);
margin: 0;
padding: 0.5ex 10px;
}
.subHeader a, .subHeader .highlight {
color: white;
background-color: transparent;
font-size: 110%;
font-weight: bold;
text-decoration: none;
margin: 0;
padding: 0 0.25ex 0 0;
}
.subHeader a:hover, .subHeader .highlight {
color: rgb(255,204,0);
background-color: transparent;
text-decoration: none;
}
/* ##### Side Menu ##### */
#side-bar {
color: rgb(204,204,204);
background-color: transparent;
list-style-type: square;
list-style-position: inside;
width: 10em;
margin: 0;
padding: 1ex 0;
border: 1px solid rgb(204,204,204);
position: absolute;
left: 1.5ex;
top: 12em;
}
[id="side-bar"] {
position: fixed !important; /* Makes the side menu scroll with the page. Doesn't work in MSIE */
}
#side-bar a {
text-decoration: none;
}
#side-bar:hover {
color: rgb(117,144,174);
background-color: transparent;
border-color: rgb(117,144,174);
}
#side-bar li {
margin: 0;
padding: 0.75ex 0 1ex 1.75ex;
}
#side-bar li:hover {
color: rgb(61,92,122);
background-color: transparent;
}
#side-bar li a:hover {
text-decoration: underline;
}
/* ##### Main Copy ##### */
#main-copy {
text-align: justify;
margin: -0.5ex 1em 1em 12.5em;
padding: 0.5em 10px;
clear: left;
}
#main-copy h1 {
color: rgb(117,144,174);
background-color: transparent;
font-family: "trebuchet ms", verdana, helvetica, arial, sans-serif;
font-size: 186%;
margin: 0;
padding: 1.5ex 0 0 0;
}
#main-copy h2 {
color: rgb(61,92,122);
background-color: transparent;
font-family: "trebuchet ms", verdana, helvetica, arial, sans-serif;
font-weight: normal;
font-size: 151%;
margin: 0;
padding: 1ex 0 0 0;
}
#main-copy p {
line-height: 1.75em;
margin: 1em 0 1.5em 0;
padding: 0;
}
.newsHeading {
color: rgb(61,92,122);
background-color: transparent;
font-family: "trebuchet ms", verdana, helvetica, arial, sans-serif;
font-size: 145%;
text-decoration: none;
margin: 0;
padding: 1ex 0 0 0;
display: block;
}
.newsHeading:hover {
color: rgb(117,144,174);
background-color: transparent;
text-decoration: underline;
}
.newsDate {
font-style: italic;
margin: 0 !important;
padding: 0;
}
.newsSummary {
margin: 1.5ex 0 2.5ex 0.75ex !important;
padding: 0;
}
.more {
text-align: right;
margin: 0;
padding: 0.5em 0;
}
.more a {
color: rgb(61,92,122);
background-color: transparent;
font-size: 92%;
text-decoration: underline;
margin: 0;
padding: 0.25ex 0.75ex;
}
.more a:hover {
color: rgb(117,144,174);
text-decoration: none;
}
/* ##### Footer ##### */
#footer {
color: rgb(51,51,102);
background-color: rgb(239,239,239);
font-size: 87%;
text-align: center;
line-height: 1.25em;
margin: 2em 0 0 0;
padding: 1ex 10px;
clear: left;
}
#footer a {
color: rgb(0,68,204);
background-color: transparent;
text-decoration: underline;
}
#footer a:hover {
text-decoration: none;
}

359
prosimii/prosimii-screen.css Normal file
View File

@@ -0,0 +1,359 @@
/***************************************
* TITLE: Prosimii Screen Stylesheet *
* URI : prosimii/prosimii-screen.css *
* MODIF: 2004-Apr-28 21:43 +0800 *
***************************************/
/* ##### Common Styles ##### */
body {
font-family: verdana, helvetica, arial, sans-serif;
font-size: 73%; /* Enables font size scaling in MSIE */
margin: 0;
padding: 0;
}
html > body {
font-size: 9pt;
}
acronym, .titleTip {
border-bottom: 1px dotted rgb(61,92,122);
cursor: help;
margin: 0;
padding: 0 0 0.4px 0;
}
a {
color: rgb(61,92,122);
background-color: transparent;
text-decoration: underline;
margin: 0;
padding: 0 1px 2px 1px;
}
a:hover {
color: rgb(117,144,174);
text-decoration: none;
}
ol {
margin: 1em 0 1.5em 0;
padding: 0;
}
ul {
list-style-type: square;
margin: 1em 0 1.5em 0;
padding: 0;
}
dl {
margin: 1em 0 0.5em 0;
padding: 0;
}
ul li {
line-height: 1.5em;
margin: 1.25ex 0 0 1.5em;
padding: 0;
}
ol li {
line-height: 1.5em;
margin: 1.25ex 0 0 2em;
padding: 0;
}
dt {
font-weight: bold;
margin: 0;
padding: 0 0 1ex 0;
}
dd {
line-height: 1.75em;
margin: 0 0 1.5em 1.5em;
padding: 0;
}
.doNotDisplay {
display: none !important;
}
.smallCaps {
font-size: 117%;
font-variant: small-caps;
}
/* ##### Header ##### */
.superHeader {
color: rgb(130,128,154);
background-color: rgb(33,50,66);
text-align: right;
margin: 0;
padding: 0.5ex 10px;
}
.superHeader span {
color: rgb(195,196,210);
background-color: transparent;
font-weight: bold;
text-transform: uppercase;
}
.superHeader a {
color: rgb(195,196,210);
background-color: transparent;
text-decoration: none;
margin: 0;
padding: 0 0.25ex 0 0;
}
.superHeader a:hover {
color: rgb(193,102,90);
background-color: transparent;
text-decoration: none;
}
.midHeader {
color: white;
background-color: rgb(61,92,122);
margin: 0;
padding: 0.26ex 10px;
}
.headerTitle {
font-size: 300%;
margin: 0;
padding: 0;
}
.headerSubTitle {
font-size: 151%;
font-weight: normal;
font-style: italic;
margin: 0 0 1ex 0;
padding: 0;
}
.headerLinks {
text-align: right;
margin: 0;
padding: 0 0 2ex 0;
position: absolute;
right: 1.5em;
top: 3.5em;
}
.headerLinks a {
color: white;
background-color: transparent;
text-decoration: none;
margin: 0;
padding: 0 0 0.5ex 0;
display: block;
}
.headerLinks a:hover {
color: rgb(195,196,210);
background-color: transparent;
text-decoration: underline;
}
.subHeader {
color: white;
background-color: rgb(117,144,174);
margin: 0;
padding: 0.5ex 10px;
}
.subHeader a, .subHeader .highlight {
color: white;
background-color: transparent;
font-size: 110%;
font-weight: bold;
text-decoration: none;
margin: 0;
padding: 0 0.25ex 0 0;
}
.subHeader a:hover, .subHeader .highlight {
color: rgb(255,204,0);
background-color: transparent;
text-decoration: none;
}
/* ##### Main Copy ##### */
#main-copy {
margin: 0;
padding: 0.5em 10px;
clear: left;
}
#main-copy h1 {
color: rgb(117,144,174);
background-color: transparent;
font-family: "trebuchet ms", verdana, helvetica, arial, sans-serif;
font-size: 200%;
margin: 0;
padding: 0;
}
#main-copy h2 {
color: rgb(61,92,122);
background-color: transparent;
font-family: "trebuchet ms", verdana, helvetica, arial, sans-serif;
font-weight: normal;
font-size: 151%;
margin: 0;
padding: 1ex 0 0 0;
}
#main-copy p {
line-height: 1.75em;
margin: 1em 0 1.5em 0;
padding: 0;
}
.newsHeading {
color: rgb(61,92,122);
background-color: transparent;
font-family: "trebuchet ms", verdana, helvetica, arial, sans-serif;
font-size: 145%;
text-decoration: none;
margin: 0;
padding: 1ex 0 0 0;
display: block;
}
.newsHeading:hover {
color: rgb(117,144,174);
background-color: transparent;
text-decoration: underline;
}
.newsDate {
font-style: italic;
margin: 0 !important;
padding: 0;
}
.newsSummary {
margin: 1.5ex 0 2.5ex 0.75ex !important;
padding: 0;
}
.more {
text-align: right;
margin: 0;
padding: 0.5em 0;
}
.more a {
color: rgb(61,92,122);
background-color: transparent;
font-size: 92%;
text-decoration: underline;
margin: 0;
padding: 0.25ex 0.75ex;
}
.more a:hover {
color: rgb(117,144,174);
text-decoration: none;
}
.rowOfBoxes {
clear: both;
}
.quarter, .oneThird, .half, .twoThirds, .fullWidth {
margin: 1em 0;
float: left;
border-left: 1px solid rgb(204,204,204);
}
.quarter {
width: 21%;
padding: 0 1.9%;
}
.oneThird {
width: 28%;
padding: 0 1.9%;
}
.half {
text-align: justify;
width: 46%;
padding: 0 1.9%;
}
.twoThirds {
text-align: justify;
width: 63%;
padding: 0 1.9%;
}
.fullWidth {
text-align: justify;
width: 96%;
padding: 0 1.2em;
border-left: none;
}
.filler { /* use with an empty <p> element to add padding to the end of a text box */
border: 1px solid white;
}
.noBorderOnLeft {
border-left: none;
}
.dividingBorderAbove {
border-top: 1px solid rgb(204,204,204);
}
/* More elegant alternatives to .noBorderOnLeft & .dividingBorderAbove
* that don't require the creation of new classes - but which are not
* supported by MSIE - are the following:
*
* .rowOfBoxes > div:first-child {
* border-left: none;
* }
*
* .rowOfBoxes + .rowOfBoxes {
* border-top: 1px solid rgb(204,204,204);
* }
*/
/* ##### Footer ##### */
#footer {
color: rgb(51,51,102);
background-color: rgb(239,239,239);
font-size: 87%;
text-align: center;
line-height: 1.25em;
margin: 2em 0 0 0;
padding: 1ex 10px;
clear: left;
}
#footer a {
color: rgb(0,68,204);
background-color: transparent;
text-decoration: underline;
}
#footer a:hover {
text-decoration: none;
}

5
prosimii/readme.md Normal file
View File

@@ -0,0 +1,5 @@
## Project Description
* [live example](https://learning-zone.github.io/website-templates/prosimii/)
![alt text](https://github.com/learning-zone/Website-Templates/blob/master/assets/prosimii.png "prosimii")