--- /dev/null
+body {
+ color : #000000;
+ background : #ffffff;
+ font-family : "Times New Roman", Times, serif;
+ font-size : 12pt;
+}
+
+a {
+ text-decoration : underline;
+ color : #0000ff;
+}
+
+a:link:after, a:visited:after {
+content: " (" attr(href) ") ";
+font-size: 70%;
+}
+
+nav, sidebar, footer, header, aside {
+ display : none;
+}
--- /dev/null
+/* Created by http://freehtml5templates.com */
+/* reset */
+* {
+margin: 0;
+padding: 0;
+}
+
+/* render html5 elements as block */
+header, footer, section, aside, nav, article {
+display: block;
+}
+
+body {
+line-height: 1;
+background: #f1f1f1 url("images/bg.gif") repeat;
+font-family: Verdana, Arial, Helvetica, sans-serif;
+color: #666;
+font-size: 14px;
+line-height: 18px;
+}
+
+/* layout */
+
+#wrapper {
+width: 940px;
+margin: 0 auto;
+margin-top: 5px;
+margin-bottom: 5px;
+-webkit-box-shadow: 3px 3px 7px #777;
+-moz-box-shadow: 3px 3px 7px #777;
+}
+
+nav {
+width: 940px;
+height: 50px;
+margin: 0 auto;
+background: #110E0F;
+}
+
+header {
+width: 940px;
+height: 200px;
+margin: 0 auto;
+background: #fff url(images/headerimg.jpg) no-repeat left top;
+}
+
+#main {
+width: 940px;
+margin: 0 auto;
+padding-top: 30px;
+background: #FFF url(images/colbg.png) repeat-y;
+overflow: hidden;
+}
+
+#content {
+float: right;
+width: 640px;
+margin-right: 30px;
+}
+
+#sidebar {
+float: left;
+padding-left: 20px;
+width: 220px;
+background: #E6EBF8;
+}
+
+footer {
+width: 940px;
+margin: 0 auto;
+clear: both;
+}
+
+/* basics */
+
+h1,h2,h3,h4,h5,h6 {
+font-weight: bold;
+clear: both;
+color: #333;
+}
+
+a:link, a:visited {
+color:#004C9A;
+}
+
+a:hover, a:active {
+color: #333;
+}
+
+hr {
+background-color: #E7E7E7;
+border: 0;
+height: 1px;
+margin-bottom: 18px;
+clear: both;
+}
+
+p {
+margin-bottom: 18px;
+}
+
+li {
+padding-left: 5px;
+}
+
+/* nav */
+
+nav .menu {
+font-size: 16px;
+font-weight: bold;
+}
+
+nav .menu ul {
+margin: 0;
+padding: 17px 0 0 20px;
+list-style: none;
+line-height: normal;
+}
+
+nav .menu li {
+display: block;
+float: left;
+}
+
+nav .menu a {
+display: block;
+float: left;
+margin-right: 5px;
+padding: 0px 15px;
+text-decoration: none;
+color: #FFF;
+}
+
+nav .menu a:hover {
+border-top: #FFF 1px solid;
+border-bottom: #FFF 1px solid;
+}
+
+/** HEADER */
+
+header h1, header h2 {
+margin: 0;
+padding: 0 0 0 30px;
+line-height: normal;
+}
+
+header h1 {
+float: left;
+padding-top: 20px;
+}
+
+header h1 a:link, header h1 a:visited {
+text-decoration: none;
+color: #FFF;
+}
+
+header h1 a:hover {
+text-decoration: underline;
+}
+
+header h2 {
+padding: 20px 0 0 30px;
+font-style: italic;
+font-size: 14px;
+color: #FFFFFF;
+}
+
+/** ARTICLES **/
+article img {
+border: none;
+-webkit-box-shadow: 3px 3px 7px #777;
+-moz-box-shadow: 3px 3px 7px #777;
+}
+
+#content p, ul, ol, hr {
+margin-bottom: 24px;
+}
+
+#content ul ul, ol ol, ul ol, ol ul {
+margin-bottom: 0;
+}
+
+#content h1, h2, h3, h4, h5, h6 {
+color: #333;
+margin: 0 0 20px 0;
+line-height: 1.5em;
+text-shadow: 0px 2px 3px #ddd;
+}
+
+.alignleft, img.alignleft {
+display: inline;
+float: left;
+margin-right: 24px;
+margin-top: 4px;
+}
+
+.alignright, img.alignright {
+display: inline;
+float: right;
+margin-left: 24px;
+margin-top: 4px;
+}
+
+.aligncenter, img.aligncenter {
+clear: both;
+display: block;
+margin-left: auto;
+margin-right: auto;
+}
+
+img.alignleft, img.alignright, img.aligncenter {
+margin-bottom: 12px;
+}
+
+/* sidebar and footer widget blocks */
+
+aside h3 {
+font-size: 18px;
+text-shadow: 0px 2px 3px #ddd;
+}
+
+aside ul {
+list-style: none;
+margin-bottom: 20px;
+margin-top: -15px;
+}
+
+aside li a {
+display: block;
+text-decoration: none;
+}
+
+aside li a:hover {
+border-top: #333 1px solid;
+border-bottom: #333 1px solid;
+}
+
+#footer-area {
+background: #000;
+color: #FFF;
+font-size: 90%;
+padding: 18px 0;
+overflow: hidden;
+}
+
+.footer-segment {
+float: left;
+margin-right: 20px;
+margin-left: 20px;
+width: 190px;
+}
+
+footer aside h4 {
+color: #FFF;
+font-size: 16px;
+line-height: 1.5em;
+text-shadow: 0px 2px 3px #ddd;
+}
+
+footer a:link, footer a:visited {
+color: #FFF;
+}
+
+
--- /dev/null
+
+/*** ESSENTIAL STYLES ***/
+.sf-menu, .sf-menu * {
+ margin: 0;
+ padding: 0;
+ list-style: none;
+}
+.sf-menu {
+ line-height: 1.0;
+}
+.sf-menu ul {
+ position: absolute;
+ top: -999em;
+ width: 10em; /* left offset of submenus need to match (see below) */
+}
+.sf-menu ul li {
+ width: 100%;
+}
+.sf-menu li:hover {
+ visibility: inherit; /* fixes IE7 'sticky bug' */
+}
+.sf-menu li {
+ float: left;
+ position: relative;
+}
+.sf-menu a {
+ display: block;
+ position: relative;
+}
+.sf-menu li:hover ul,
+.sf-menu li.sfHover ul {
+ left: 0;
+ top: 2.5em; /* match top ul list item height */
+ z-index: 99;
+}
+ul.sf-menu li:hover li ul,
+ul.sf-menu li.sfHover li ul {
+ top: -999em;
+}
+ul.sf-menu li li:hover ul,
+ul.sf-menu li li.sfHover ul {
+ left: 10em; /* match ul width */
+ top: 0;
+}
+ul.sf-menu li li:hover li ul,
+ul.sf-menu li li.sfHover li ul {
+ top: -999em;
+}
+ul.sf-menu li li li:hover ul,
+ul.sf-menu li li li.sfHover ul {
+ left: 10em; /* match ul width */
+ top: 0;
+}
+
+/*** DEMO SKIN ***/
+.sf-menu {
+ float: left;
+ margin-bottom: 1em;
+}
+.sf-menu a {
+ font-weight: bold;
+ padding: .75em 1em;
+ text-decoration:none;
+}
+.sf-menu a, .sf-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/
+ color: #fff;
+}
+.sf-menu li {
+ background: #000; /* Top level */
+}
+.sf-menu li li {
+ background: #636363; /* 1st level dropdowns */
+}
+.sf-menu li li li {
+ background: #B3B3B3; /* 2nd level flyouts */
+}
+.sf-menu li:hover, .sf-menu li.sfHover,
+.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
+ background: #202020; /* hover color */
+ outline: 0;
+}
+
+/*** arrows **/
+.sf-menu a.sf-with-ul {
+ padding-right: 2.25em;
+ min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */
+}
+.sf-sub-indicator {
+ position: absolute;
+ display: block;
+ right: .75em;
+ top: 1.05em; /* IE6 only */
+ width: 10px;
+ height: 10px;
+ text-indent: -999em;
+ overflow: hidden;
+ background: url('images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
+}
+a > .sf-sub-indicator { /* give all except IE6 the correct values */
+ top: .8em;
+ background-position: 0 -100px; /* use translucent arrow for modern browsers*/
+}
+/* apply hovers to modern browsers */
+a:focus > .sf-sub-indicator,
+a:hover > .sf-sub-indicator,
+a:active > .sf-sub-indicator,
+li:hover > a > .sf-sub-indicator,
+li.sfHover > a > .sf-sub-indicator {
+ background-position: -10px -100px; /* arrow hovers for modern browsers*/
+}
+
+/* point right for anchors in subs */
+.sf-menu ul .sf-sub-indicator { background-position: -10px 0; }
+.sf-menu ul a > .sf-sub-indicator { background-position: 0 0; }
+/* apply hovers to modern browsers */
+.sf-menu ul a:focus > .sf-sub-indicator,
+.sf-menu ul a:hover > .sf-sub-indicator,
+.sf-menu ul a:active > .sf-sub-indicator,
+.sf-menu ul li:hover > a > .sf-sub-indicator,
+.sf-menu ul li.sfHover > a > .sf-sub-indicator {
+ background-position: -10px 0; /* arrow hovers for modern browsers*/
+}
+
+/*** shadows for all but IE6 ***/
+.sf-shadow ul {
+ background: url('images/shadow.png') no-repeat bottom right;
+ padding: 0 8px 9px 0;
+ -moz-border-radius-bottomleft: 17px;
+ -moz-border-radius-topright: 17px;
+ -webkit-border-top-right-radius: 17px;
+ -webkit-border-bottom-left-radius: 17px;
+}
+.sf-shadow ul.sf-shadow-off {
+ background: transparent;
+}
<head>
<meta charset="utf-8" />
<title>A Drop Above</title>
- <link rel="stylesheet" href="styles.css" type="text/css" media="screen" />
- <link rel="stylesheet" type="text/css" href="print.css" media="print" />
+ <link rel="stylesheet" href="styles.css"
+ type="text/css" media="screen" />
+ <link rel="stylesheet" href="print.css"
+ type="text/css" media="print" />
<!--[if IE]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
- <link rel="stylesheet" type="text/css" href="superfish.css" media="screen"/>
+ <link rel="stylesheet" href="superfish.css"
+ type="text/css" media="screen"/>
<script type="text/javascript" src="js/jquery-1.2.6.min.js"></script>
<script type="text/javascript" src="js/hoverIntent.js"></script>
<script type="text/javascript" src="js/superfish.js"></script>
+++ /dev/null
-body {
- color : #000000;
- background : #ffffff;
- font-family : "Times New Roman", Times, serif;
- font-size : 12pt;
-}
-
-a {
- text-decoration : underline;
- color : #0000ff;
-}
-
-a:link:after, a:visited:after {
-content: " (" attr(href) ") ";
-font-size: 70%;
-}
-
-nav, sidebar, footer, header, aside {
- display : none;
-}
+++ /dev/null
-/* Created by http://freehtml5templates.com */
-/* reset */
-* {
-margin: 0;
-padding: 0;
-}
-
-/* render html5 elements as block */
-header, footer, section, aside, nav, article {
-display: block;
-}
-
-body {
-line-height: 1;
-background: #f1f1f1 url("images/bg.gif") repeat;
-font-family: Verdana, Arial, Helvetica, sans-serif;
-color: #666;
-font-size: 14px;
-line-height: 18px;
-}
-
-/* layout */
-
-#wrapper {
-width: 940px;
-margin: 0 auto;
-margin-top: 5px;
-margin-bottom: 5px;
--webkit-box-shadow: 3px 3px 7px #777;
--moz-box-shadow: 3px 3px 7px #777;
-}
-
-nav {
-width: 940px;
-height: 50px;
-margin: 0 auto;
-background: #110E0F;
-}
-
-header {
-width: 940px;
-height: 200px;
-margin: 0 auto;
-background: #fff url(images/headerimg.jpg) no-repeat left top;
-}
-
-#main {
-width: 940px;
-margin: 0 auto;
-padding-top: 30px;
-background: #FFF url(images/colbg.png) repeat-y;
-overflow: hidden;
-}
-
-#content {
-float: right;
-width: 640px;
-margin-right: 30px;
-}
-
-#sidebar {
-float: left;
-padding-left: 20px;
-width: 220px;
-background: #E6EBF8;
-}
-
-footer {
-width: 940px;
-margin: 0 auto;
-clear: both;
-}
-
-/* basics */
-
-h1,h2,h3,h4,h5,h6 {
-font-weight: bold;
-clear: both;
-color: #333;
-}
-
-a:link, a:visited {
-color:#004C9A;
-}
-
-a:hover, a:active {
-color: #333;
-}
-
-hr {
-background-color: #E7E7E7;
-border: 0;
-height: 1px;
-margin-bottom: 18px;
-clear: both;
-}
-
-p {
-margin-bottom: 18px;
-}
-
-li {
-padding-left: 5px;
-}
-
-/* nav */
-
-nav .menu {
-font-size: 16px;
-font-weight: bold;
-}
-
-nav .menu ul {
-margin: 0;
-padding: 17px 0 0 20px;
-list-style: none;
-line-height: normal;
-}
-
-nav .menu li {
-display: block;
-float: left;
-}
-
-nav .menu a {
-display: block;
-float: left;
-margin-right: 5px;
-padding: 0px 15px;
-text-decoration: none;
-color: #FFF;
-}
-
-nav .menu a:hover {
-border-top: #FFF 1px solid;
-border-bottom: #FFF 1px solid;
-}
-
-/** HEADER */
-
-header h1, header h2 {
-margin: 0;
-padding: 0 0 0 30px;
-line-height: normal;
-}
-
-header h1 {
-float: left;
-padding-top: 20px;
-}
-
-header h1 a:link, header h1 a:visited {
-text-decoration: none;
-color: #FFF;
-}
-
-header h1 a:hover {
-text-decoration: underline;
-}
-
-header h2 {
-padding: 20px 0 0 30px;
-font-style: italic;
-font-size: 14px;
-color: #FFFFFF;
-}
-
-/** ARTICLES **/
-article img {
-border: none;
--webkit-box-shadow: 3px 3px 7px #777;
--moz-box-shadow: 3px 3px 7px #777;
-}
-
-#content p, ul, ol, hr {
-margin-bottom: 24px;
-}
-
-#content ul ul, ol ol, ul ol, ol ul {
-margin-bottom: 0;
-}
-
-#content h1, h2, h3, h4, h5, h6 {
-color: #333;
-margin: 0 0 20px 0;
-line-height: 1.5em;
-text-shadow: 0px 2px 3px #ddd;
-}
-
-.alignleft, img.alignleft {
-display: inline;
-float: left;
-margin-right: 24px;
-margin-top: 4px;
-}
-
-.alignright, img.alignright {
-display: inline;
-float: right;
-margin-left: 24px;
-margin-top: 4px;
-}
-
-.aligncenter, img.aligncenter {
-clear: both;
-display: block;
-margin-left: auto;
-margin-right: auto;
-}
-
-img.alignleft, img.alignright, img.aligncenter {
-margin-bottom: 12px;
-}
-
-/* sidebar and footer widget blocks */
-
-aside h3 {
-font-size: 18px;
-text-shadow: 0px 2px 3px #ddd;
-}
-
-aside ul {
-list-style: none;
-margin-bottom: 20px;
-margin-top: -15px;
-}
-
-aside li a {
-display: block;
-text-decoration: none;
-}
-
-aside li a:hover {
-border-top: #333 1px solid;
-border-bottom: #333 1px solid;
-}
-
-#footer-area {
-background: #000;
-color: #FFF;
-font-size: 90%;
-padding: 18px 0;
-overflow: hidden;
-}
-
-.footer-segment {
-float: left;
-margin-right: 20px;
-margin-left: 20px;
-width: 190px;
-}
-
-footer aside h4 {
-color: #FFF;
-font-size: 16px;
-line-height: 1.5em;
-text-shadow: 0px 2px 3px #ddd;
-}
-
-footer a:link, footer a:visited {
-color: #FFF;
-}
-
-
+++ /dev/null
-
-/*** ESSENTIAL STYLES ***/
-.sf-menu, .sf-menu * {
- margin: 0;
- padding: 0;
- list-style: none;
-}
-.sf-menu {
- line-height: 1.0;
-}
-.sf-menu ul {
- position: absolute;
- top: -999em;
- width: 10em; /* left offset of submenus need to match (see below) */
-}
-.sf-menu ul li {
- width: 100%;
-}
-.sf-menu li:hover {
- visibility: inherit; /* fixes IE7 'sticky bug' */
-}
-.sf-menu li {
- float: left;
- position: relative;
-}
-.sf-menu a {
- display: block;
- position: relative;
-}
-.sf-menu li:hover ul,
-.sf-menu li.sfHover ul {
- left: 0;
- top: 2.5em; /* match top ul list item height */
- z-index: 99;
-}
-ul.sf-menu li:hover li ul,
-ul.sf-menu li.sfHover li ul {
- top: -999em;
-}
-ul.sf-menu li li:hover ul,
-ul.sf-menu li li.sfHover ul {
- left: 10em; /* match ul width */
- top: 0;
-}
-ul.sf-menu li li:hover li ul,
-ul.sf-menu li li.sfHover li ul {
- top: -999em;
-}
-ul.sf-menu li li li:hover ul,
-ul.sf-menu li li li.sfHover ul {
- left: 10em; /* match ul width */
- top: 0;
-}
-
-/*** DEMO SKIN ***/
-.sf-menu {
- float: left;
- margin-bottom: 1em;
-}
-.sf-menu a {
- font-weight: bold;
- padding: .75em 1em;
- text-decoration:none;
-}
-.sf-menu a, .sf-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/
- color: #fff;
-}
-.sf-menu li {
- background: #000; /* Top level */
-}
-.sf-menu li li {
- background: #636363; /* 1st level dropdowns */
-}
-.sf-menu li li li {
- background: #B3B3B3; /* 2nd level flyouts */
-}
-.sf-menu li:hover, .sf-menu li.sfHover,
-.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
- background: #202020; /* hover color */
- outline: 0;
-}
-
-/*** arrows **/
-.sf-menu a.sf-with-ul {
- padding-right: 2.25em;
- min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */
-}
-.sf-sub-indicator {
- position: absolute;
- display: block;
- right: .75em;
- top: 1.05em; /* IE6 only */
- width: 10px;
- height: 10px;
- text-indent: -999em;
- overflow: hidden;
- background: url('images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
-}
-a > .sf-sub-indicator { /* give all except IE6 the correct values */
- top: .8em;
- background-position: 0 -100px; /* use translucent arrow for modern browsers*/
-}
-/* apply hovers to modern browsers */
-a:focus > .sf-sub-indicator,
-a:hover > .sf-sub-indicator,
-a:active > .sf-sub-indicator,
-li:hover > a > .sf-sub-indicator,
-li.sfHover > a > .sf-sub-indicator {
- background-position: -10px -100px; /* arrow hovers for modern browsers*/
-}
-
-/* point right for anchors in subs */
-.sf-menu ul .sf-sub-indicator { background-position: -10px 0; }
-.sf-menu ul a > .sf-sub-indicator { background-position: 0 0; }
-/* apply hovers to modern browsers */
-.sf-menu ul a:focus > .sf-sub-indicator,
-.sf-menu ul a:hover > .sf-sub-indicator,
-.sf-menu ul a:active > .sf-sub-indicator,
-.sf-menu ul li:hover > a > .sf-sub-indicator,
-.sf-menu ul li.sfHover > a > .sf-sub-indicator {
- background-position: -10px 0; /* arrow hovers for modern browsers*/
-}
-
-/*** shadows for all but IE6 ***/
-.sf-shadow ul {
- background: url('images/shadow.png') no-repeat bottom right;
- padding: 0 8px 9px 0;
- -moz-border-radius-bottomleft: 17px;
- -moz-border-radius-topright: 17px;
- -webkit-border-top-right-radius: 17px;
- -webkit-border-bottom-left-radius: 17px;
-}
-.sf-shadow ul.sf-shadow-off {
- background: transparent;
-}
--- /dev/null
+/**\r
+ * jQuery lightBox plugin\r
+ * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)\r
+ * and adapted to me for use like a plugin from jQuery.\r
+ * @name jquery-lightbox-0.5.css\r
+ * @author Leandro Vieira Pinho - http://leandrovieira.com\r
+ * @version 0.5\r
+ * @date April 11, 2008\r
+ * @category jQuery plugin\r
+ * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)\r
+ * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US\r
+ * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin\r
+ */\r
+#jquery-overlay {\r
+ position: absolute;\r
+ top: 0;\r
+ left: 0;\r
+ z-index: 90;\r
+ width: 100%;\r
+ height: 500px;\r
+}\r
+#jquery-lightbox {\r
+ position: absolute;\r
+ top: 0;\r
+ left: 0;\r
+ width: 100%;\r
+ z-index: 100;\r
+ text-align: center;\r
+ line-height: 0;\r
+}\r
+#jquery-lightbox a img { border: none; }\r
+#lightbox-container-image-box {\r
+ position: relative;\r
+ background-color: #fff;\r
+ width: 250px;\r
+ height: 250px;\r
+ margin: 0 auto;\r
+}\r
+#lightbox-container-image { padding: 10px; }\r
+#lightbox-loading {\r
+ position: absolute;\r
+ top: 40%;\r
+ left: 0%;\r
+ height: 25%;\r
+ width: 100%;\r
+ text-align: center;\r
+ line-height: 0;\r
+}\r
+#lightbox-nav {\r
+ position: absolute;\r
+ top: 0;\r
+ left: 0;\r
+ height: 100%;\r
+ width: 100%;\r
+ z-index: 10;\r
+}\r
+#lightbox-container-image-box > #lightbox-nav { left: 0; }\r
+#lightbox-nav a { outline: none;}\r
+#lightbox-nav-btnPrev, #lightbox-nav-btnNext {\r
+ width: 49%;\r
+ height: 100%;\r
+ zoom: 1;\r
+ display: block;\r
+}\r
+#lightbox-nav-btnPrev { \r
+ left: 0; \r
+ float: left;\r
+}\r
+#lightbox-nav-btnNext { \r
+ right: 0; \r
+ float: right;\r
+}\r
+#lightbox-container-image-data-box {\r
+ font: 10px Verdana, Helvetica, sans-serif;\r
+ background-color: #fff;\r
+ margin: 0 auto;\r
+ line-height: 1.4em;\r
+ overflow: auto;\r
+ width: 100%;\r
+ padding: 0 10px 0;\r
+}\r
+#lightbox-container-image-data {\r
+ padding: 0 10px; \r
+ color: #666; \r
+}\r
+#lightbox-container-image-data #lightbox-image-details { \r
+ width: 70%; \r
+ float: left; \r
+ text-align: left; \r
+} \r
+#lightbox-image-details-caption { font-weight: bold; }\r
+#lightbox-image-details-currentNumber {\r
+ display: block; \r
+ clear: left; \r
+ padding-bottom: 1.0em; \r
+} \r
+#lightbox-secNav-btnClose {\r
+ width: 66px; \r
+ float: right;\r
+ padding-bottom: 0.7em; \r
+}\r
--- /dev/null
+body {
+ color : #000000;
+ background : #ffffff;
+ font-family : "Times New Roman", Times, serif;
+ font-size : 12pt;
+}
+
+a {
+ text-decoration : underline;
+ color : #0000ff;
+}
+
+a:link:after, a:visited:after {
+content: " (" attr(href) ") ";
+font-size: 70%;
+}
+
+nav, sidebar, footer, header, aside {
+ display : none;
+}
--- /dev/null
+/* Created by http://freehtml5templates.com */
+
+/* reset */
+* {
+margin: 0;
+padding: 0;
+}
+
+/* render html5 elements as block */
+header, footer, section, aside, nav, article {
+display: block;
+}
+
+body {
+line-height: 1;
+background: #0d144a;
+font-family: Verdana, Arial, Helvetica, sans-serif;
+color: #333;
+font-size: 14px;
+line-height: 18px;
+}
+
+/* layout */
+
+#wrapper {
+width: 940px;
+margin: 0 auto;
+margin-top: 20px;
+margin-bottom: 20px;
+border: 3px solid #888;
+background: #d5def7;
+/* curved border radius */
+-moz-border-radius: 10px;
+-webkit-border-radius: 10px;
+}
+
+nav {
+width: 940px;
+height: 50px;
+margin: 0 auto;
+background: #000;
+}
+
+#main {
+width: 940px;
+margin: 0 auto;
+padding-top: 30px;
+background: #d5def7 url(images/colbg.png) repeat-y;
+overflow: hidden;
+}
+
+#content {
+float: right;
+width: 640px;
+margin: 0 0 10px 0;
+padding: 10px 30px 5px 0;
+}
+
+#sidebar {
+float: left;
+padding: 10px 0 0 20px;
+width: 220px;
+}
+
+footer {
+width: 940px;
+margin: 0 auto;
+clear: both;
+}
+
+/* basics */
+
+h1,h2,h3,h4,h5,h6 {
+font-weight: bold;
+clear: both;
+color: #333;
+}
+
+a:link, a:visited {
+color:#004C9A;
+}
+
+a:hover, a:active {
+color: #333;
+}
+
+p {
+margin-bottom: 18px;
+}
+
+li {
+padding-left: 5px;
+}
+
+/* nav */
+
+nav {
+margin: 0 auto;
+display: block;
+float: left;
+}
+
+nav .menu {
+font-size: 16px;
+font-weight: bold;
+margin-left: 12px;
+}
+
+nav .menu ul {
+list-style: none;
+margin: 0;
+}
+
+nav .menu li {
+float: left;
+position: relative;
+}
+
+nav .menu a {
+display: block;
+text-decoration: none;
+color: #ccc;
+padding: 0 30px;
+line-height: 50px;
+}
+
+nav .menu a:hover {
+color: #fff;
+text-decoration: underline;
+}
+
+/* nav 1-level dropdowns */
+nav .menu li ul {
+display: none;
+z-index: 8888;
+}
+
+nav .menu ul li a {
+display: block;
+text-decoration: none;
+color: #FFF;
+background: #000;
+margin-left: 1px;
+white-space: nowrap;
+}
+nav .menu ul li a:hover {
+background: #333;
+}
+
+nav .menu li:hover ul {
+display: block;
+position: absolute;
+}
+
+nav .menu li:hover li {
+float: none;
+}
+
+nav .menu li:hover a {
+background: #333;
+}
+
+nav .menu li:hover li a:hover {
+background: #333;
+}
+
+/** HEADER */
+
+header {
+padding: 20px 0 0 0;
+}
+
+header img {
+clear: both;
+display: block;
+}
+
+header>h1 {
+float: left;
+margin: 0 0 18px 10px;
+width: 600px;
+font-size: 40px;
+line-height: 36px;
+}
+
+header>h1 a:link, header>h1 a:visited {
+color: #333;
+font-weight: bold;
+text-decoration: none;
+text-shadow: 0px 2px 3px #555;
+}
+
+header>h2 {
+color: #777;
+clear: right;
+float: right;
+font-style: italic;
+font-size: 14px;
+margin: 14px 10px 18px 0;
+}
+
+/** ARTICLES **/
+
+article {
+float: left;
+padding: 20px 10px 10px 10px;
+width: 620px;
+}
+
+.featured {
+width: 620px;
+float: left;
+margin-bottom: 10px;
+background: #BDBFE1;
+/* curved border radius */
+-moz-border-radius: 10px;
+-webkit-border-radius: 10px;
+}
+
+article .featuredthumb {
+float: left;
+width: 200px;
+height: 200px;
+/* curved border radius */
+-moz-border-radius: 10px;
+-webkit-border-radius: 10px;
+}
+
+article .featuredtitle {
+float: right;
+width: 400px;
+font-size: 20px;
+font-weight: bold;
+line-height: 1.8em;
+}
+
+article .featuredstory {
+float: right;
+width: 400px;
+}
+
+article .thumb {
+float: right;
+width: 80px;
+height: 80px;
+/* curved border radius */
+-moz-border-radius: 10px;
+-webkit-border-radius: 10px;
+}
+
+article .title {
+float: left;
+width: 500px;
+font-size: 16px;
+font-weight: bold;
+margin-bottom: 10px;
+}
+
+article .story {
+float: left;
+width: 500px;
+font-size: 12px;
+}
+
+.even {
+border-top: 1px solid #999;
+border-bottom: 1px solid #999;
+}
+
+
+
+#content h1, h2, h3, h4, h5, h6 {
+color: #333;
+margin: 0 0 20px 0;
+line-height: 1.5em;
+}
+
+.alignleft, img.alignleft {
+display: inline;
+float: left;
+margin-right: 10px;
+}
+
+.alignright, img.alignright {
+display: inline;
+float: right;
+margin-left: 10px;
+}
+
+.aligncenter, img.aligncenter {
+clear: both;
+display: block;
+margin-left: auto;
+margin-right: auto;
+}
+
+#lightboxthumbs {
+text-align: center;
+padding-bottom: 10px;
+}
+
+.frameit {
+border: 5px #0D144A solid;
+margin-right: 18px;
+/* curved border radius */
+-moz-border-radius: 10px;
+-webkit-border-radius: 10px;
+}
+
+.frameitlast {
+border: 5px #0D144A solid;
+/* curved border radius */
+-moz-border-radius: 10px;
+-webkit-border-radius: 10px;
+}
+
+/* sidebar and footer widget blocks */
+
+.tabwidget {
+width: 200px;
+font: 10px normal Verdana, Arial, Helvetica, sans-serif;
+}
+
+ul.tabs {
+margin: 0;
+padding: 0;
+float: left;
+list-style: none;
+height: 32px;
+border-bottom: 1px solid #999;
+border-left: 1px solid #999;
+width: 100%;
+}
+
+ul.tabs li {
+float: left;
+margin: 0;
+padding: 0;
+height: 31px;
+line-height: 31px;
+border: 1px solid #999;
+border-left: none;
+margin-bottom: -1px;
+background: #e0e0e0;
+overflow: hidden;
+position: relative;
+}
+
+ul.tabs li a {
+text-decoration: none;
+color: #000;
+display: block;
+font-size: 1.2em;
+padding: 0 5px;
+border: 1px solid #fff;
+outline: none;
+}
+
+ul.tabs li a:hover {
+background: #ccc;
+}
+
+html ul.tabs li.active, html ul.tabs li.active a:hover {
+background: #BDBFE1;
+border-bottom: 1px solid #BDBFE1;
+}
+
+.tab_container {
+border: 1px solid #999;
+border-top: none;
+clear: both;
+float: left;
+width: 100%;
+margin-bottom: 20px;
+background: #BDBFE1;
+-moz-border-radius-bottomright: 5px;
+-khtml-border-radius-bottomright: 5px;
+-webkit-border-bottom-right-radius: 5px;
+-moz-border-radius-bottomleft: 5px;
+-khtml-border-radius-bottomleft: 5px;
+-webkit-border-bottom-left-radius: 5px;
+}
+
+.tab_content {
+padding: 20px;
+font-size: 1.2em;
+line-height: 1.5em;
+}
+
+.tab_content ul {
+list-style: none;
+}
+
+.tab_content h3 {
+border-bottom: 1px dashed #03327d;
+}
+
+.tab_content a {
+color: #0A50C0;
+}
+
+.tab_content a:hover, a:active {
+color: #333;
+}
+
+.tab_content img {
+float: left;
+margin-right: 15px;
+border: 1px solid #03327d;
+padding: 5px;
+}
+
+
+aside .standard h3 {
+font-size: 18px;
+text-shadow: 0px 2px 3px #ddd;
+}
+
+aside .standard ul {
+list-style: square;
+color: #bbb;
+margin: -15px 0 15px 25px;
+}
+
+#footer-area {
+background: #525588;
+color: #FFF;
+font-size: 90%;
+padding: 18px 0;
+overflow: hidden;
+/* curved border radius */
+-moz-border-radius-bottomright: 8px;
+-moz-border-radius-bottomleft: 8px;
+-webkit-border-bottom-left-radius: 8px;
+-webkit-border-bottom-right-radius: 8px;
+}
+
+.footer-segment {
+float: left;
+margin-right: 20px;
+margin-left: 20px;
+width: 190px;
+}
+
+footer aside h4 {
+color: #faf0e6;
+font-size: 16px;
+line-height: 1.5em;
+}
+
+footer ul {
+list-style: none;
+margin: -15px 0;
+}
+
+footer a:link, footer a:visited {
+color: #ccc;
+}
+
+footer a:hover {
+text-decoration: underline;
+}
+
+footer p {
+margin-top: -15px;
+color: #faf0e6;
+}
<head>
<meta charset="utf-8" />
<title>BlueNightSky</title>
- <link rel="stylesheet" href="styles.css" type="text/css" media="screen" />
- <link rel="stylesheet" type="text/css" href="print.css" media="print" />
+ <link rel="stylesheet" href="styles.css"
+ type="text/css" media="screen" />
+ <link rel="stylesheet" href="print.css"
+ type="text/css" media="print" />
<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js">
</script>
<script type="text/javascript" src="js/simpletabs.js"></script>
- <link rel="stylesheet" type="text/css" href="lightbox.css" media="screen" />
+ <link rel="stylesheet" href="lightbox.css"
+ type="text/css" media="screen" />
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.lightbox-0.5.js"></script>
<!--[if IE]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
+++ /dev/null
-/**\r
- * jQuery lightBox plugin\r
- * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)\r
- * and adapted to me for use like a plugin from jQuery.\r
- * @name jquery-lightbox-0.5.css\r
- * @author Leandro Vieira Pinho - http://leandrovieira.com\r
- * @version 0.5\r
- * @date April 11, 2008\r
- * @category jQuery plugin\r
- * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)\r
- * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US\r
- * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin\r
- */\r
-#jquery-overlay {\r
- position: absolute;\r
- top: 0;\r
- left: 0;\r
- z-index: 90;\r
- width: 100%;\r
- height: 500px;\r
-}\r
-#jquery-lightbox {\r
- position: absolute;\r
- top: 0;\r
- left: 0;\r
- width: 100%;\r
- z-index: 100;\r
- text-align: center;\r
- line-height: 0;\r
-}\r
-#jquery-lightbox a img { border: none; }\r
-#lightbox-container-image-box {\r
- position: relative;\r
- background-color: #fff;\r
- width: 250px;\r
- height: 250px;\r
- margin: 0 auto;\r
-}\r
-#lightbox-container-image { padding: 10px; }\r
-#lightbox-loading {\r
- position: absolute;\r
- top: 40%;\r
- left: 0%;\r
- height: 25%;\r
- width: 100%;\r
- text-align: center;\r
- line-height: 0;\r
-}\r
-#lightbox-nav {\r
- position: absolute;\r
- top: 0;\r
- left: 0;\r
- height: 100%;\r
- width: 100%;\r
- z-index: 10;\r
-}\r
-#lightbox-container-image-box > #lightbox-nav { left: 0; }\r
-#lightbox-nav a { outline: none;}\r
-#lightbox-nav-btnPrev, #lightbox-nav-btnNext {\r
- width: 49%;\r
- height: 100%;\r
- zoom: 1;\r
- display: block;\r
-}\r
-#lightbox-nav-btnPrev { \r
- left: 0; \r
- float: left;\r
-}\r
-#lightbox-nav-btnNext { \r
- right: 0; \r
- float: right;\r
-}\r
-#lightbox-container-image-data-box {\r
- font: 10px Verdana, Helvetica, sans-serif;\r
- background-color: #fff;\r
- margin: 0 auto;\r
- line-height: 1.4em;\r
- overflow: auto;\r
- width: 100%;\r
- padding: 0 10px 0;\r
-}\r
-#lightbox-container-image-data {\r
- padding: 0 10px; \r
- color: #666; \r
-}\r
-#lightbox-container-image-data #lightbox-image-details { \r
- width: 70%; \r
- float: left; \r
- text-align: left; \r
-} \r
-#lightbox-image-details-caption { font-weight: bold; }\r
-#lightbox-image-details-currentNumber {\r
- display: block; \r
- clear: left; \r
- padding-bottom: 1.0em; \r
-} \r
-#lightbox-secNav-btnClose {\r
- width: 66px; \r
- float: right;\r
- padding-bottom: 0.7em; \r
-}\r
+++ /dev/null
-body {
- color : #000000;
- background : #ffffff;
- font-family : "Times New Roman", Times, serif;
- font-size : 12pt;
-}
-
-a {
- text-decoration : underline;
- color : #0000ff;
-}
-
-a:link:after, a:visited:after {
-content: " (" attr(href) ") ";
-font-size: 70%;
-}
-
-nav, sidebar, footer, header, aside {
- display : none;
-}
+++ /dev/null
-/* Created by http://freehtml5templates.com */
-
-/* reset */
-* {
-margin: 0;
-padding: 0;
-}
-
-/* render html5 elements as block */
-header, footer, section, aside, nav, article {
-display: block;
-}
-
-body {
-line-height: 1;
-background: #0d144a;
-font-family: Verdana, Arial, Helvetica, sans-serif;
-color: #333;
-font-size: 14px;
-line-height: 18px;
-}
-
-/* layout */
-
-#wrapper {
-width: 940px;
-margin: 0 auto;
-margin-top: 20px;
-margin-bottom: 20px;
-border: 3px solid #888;
-background: #d5def7;
-/* curved border radius */
--moz-border-radius: 10px;
--webkit-border-radius: 10px;
-}
-
-nav {
-width: 940px;
-height: 50px;
-margin: 0 auto;
-background: #000;
-}
-
-#main {
-width: 940px;
-margin: 0 auto;
-padding-top: 30px;
-background: #d5def7 url(images/colbg.png) repeat-y;
-overflow: hidden;
-}
-
-#content {
-float: right;
-width: 640px;
-margin: 0 0 10px 0;
-padding: 10px 30px 5px 0;
-}
-
-#sidebar {
-float: left;
-padding: 10px 0 0 20px;
-width: 220px;
-}
-
-footer {
-width: 940px;
-margin: 0 auto;
-clear: both;
-}
-
-/* basics */
-
-h1,h2,h3,h4,h5,h6 {
-font-weight: bold;
-clear: both;
-color: #333;
-}
-
-a:link, a:visited {
-color:#004C9A;
-}
-
-a:hover, a:active {
-color: #333;
-}
-
-p {
-margin-bottom: 18px;
-}
-
-li {
-padding-left: 5px;
-}
-
-/* nav */
-
-nav {
-margin: 0 auto;
-display: block;
-float: left;
-}
-
-nav .menu {
-font-size: 16px;
-font-weight: bold;
-margin-left: 12px;
-}
-
-nav .menu ul {
-list-style: none;
-margin: 0;
-}
-
-nav .menu li {
-float: left;
-position: relative;
-}
-
-nav .menu a {
-display: block;
-text-decoration: none;
-color: #ccc;
-padding: 0 30px;
-line-height: 50px;
-}
-
-nav .menu a:hover {
-color: #fff;
-text-decoration: underline;
-}
-
-/* nav 1-level dropdowns */
-nav .menu li ul {
-display: none;
-z-index: 8888;
-}
-
-nav .menu ul li a {
-display: block;
-text-decoration: none;
-color: #FFF;
-background: #000;
-margin-left: 1px;
-white-space: nowrap;
-}
-nav .menu ul li a:hover {
-background: #333;
-}
-
-nav .menu li:hover ul {
-display: block;
-position: absolute;
-}
-
-nav .menu li:hover li {
-float: none;
-}
-
-nav .menu li:hover a {
-background: #333;
-}
-
-nav .menu li:hover li a:hover {
-background: #333;
-}
-
-/** HEADER */
-
-header {
-padding: 20px 0 0 0;
-}
-
-header img {
-clear: both;
-display: block;
-}
-
-header>h1 {
-float: left;
-margin: 0 0 18px 10px;
-width: 600px;
-font-size: 40px;
-line-height: 36px;
-}
-
-header>h1 a:link, header>h1 a:visited {
-color: #333;
-font-weight: bold;
-text-decoration: none;
-text-shadow: 0px 2px 3px #555;
-}
-
-header>h2 {
-color: #777;
-clear: right;
-float: right;
-font-style: italic;
-font-size: 14px;
-margin: 14px 10px 18px 0;
-}
-
-/** ARTICLES **/
-
-article {
-float: left;
-padding: 20px 10px 10px 10px;
-width: 620px;
-}
-
-.featured {
-width: 620px;
-float: left;
-margin-bottom: 10px;
-background: #BDBFE1;
-/* curved border radius */
--moz-border-radius: 10px;
--webkit-border-radius: 10px;
-}
-
-article .featuredthumb {
-float: left;
-width: 200px;
-height: 200px;
-/* curved border radius */
--moz-border-radius: 10px;
--webkit-border-radius: 10px;
-}
-
-article .featuredtitle {
-float: right;
-width: 400px;
-font-size: 20px;
-font-weight: bold;
-line-height: 1.8em;
-}
-
-article .featuredstory {
-float: right;
-width: 400px;
-}
-
-article .thumb {
-float: right;
-width: 80px;
-height: 80px;
-/* curved border radius */
--moz-border-radius: 10px;
--webkit-border-radius: 10px;
-}
-
-article .title {
-float: left;
-width: 500px;
-font-size: 16px;
-font-weight: bold;
-margin-bottom: 10px;
-}
-
-article .story {
-float: left;
-width: 500px;
-font-size: 12px;
-}
-
-.even {
-border-top: 1px solid #999;
-border-bottom: 1px solid #999;
-}
-
-
-
-#content h1, h2, h3, h4, h5, h6 {
-color: #333;
-margin: 0 0 20px 0;
-line-height: 1.5em;
-}
-
-.alignleft, img.alignleft {
-display: inline;
-float: left;
-margin-right: 10px;
-}
-
-.alignright, img.alignright {
-display: inline;
-float: right;
-margin-left: 10px;
-}
-
-.aligncenter, img.aligncenter {
-clear: both;
-display: block;
-margin-left: auto;
-margin-right: auto;
-}
-
-#lightboxthumbs {
-text-align: center;
-padding-bottom: 10px;
-}
-
-.frameit {
-border: 5px #0D144A solid;
-margin-right: 18px;
-/* curved border radius */
--moz-border-radius: 10px;
--webkit-border-radius: 10px;
-}
-
-.frameitlast {
-border: 5px #0D144A solid;
-/* curved border radius */
--moz-border-radius: 10px;
--webkit-border-radius: 10px;
-}
-
-/* sidebar and footer widget blocks */
-
-.tabwidget {
-width: 200px;
-font: 10px normal Verdana, Arial, Helvetica, sans-serif;
-}
-
-ul.tabs {
-margin: 0;
-padding: 0;
-float: left;
-list-style: none;
-height: 32px;
-border-bottom: 1px solid #999;
-border-left: 1px solid #999;
-width: 100%;
-}
-
-ul.tabs li {
-float: left;
-margin: 0;
-padding: 0;
-height: 31px;
-line-height: 31px;
-border: 1px solid #999;
-border-left: none;
-margin-bottom: -1px;
-background: #e0e0e0;
-overflow: hidden;
-position: relative;
-}
-
-ul.tabs li a {
-text-decoration: none;
-color: #000;
-display: block;
-font-size: 1.2em;
-padding: 0 5px;
-border: 1px solid #fff;
-outline: none;
-}
-
-ul.tabs li a:hover {
-background: #ccc;
-}
-
-html ul.tabs li.active, html ul.tabs li.active a:hover {
-background: #BDBFE1;
-border-bottom: 1px solid #BDBFE1;
-}
-
-.tab_container {
-border: 1px solid #999;
-border-top: none;
-clear: both;
-float: left;
-width: 100%;
-margin-bottom: 20px;
-background: #BDBFE1;
--moz-border-radius-bottomright: 5px;
--khtml-border-radius-bottomright: 5px;
--webkit-border-bottom-right-radius: 5px;
--moz-border-radius-bottomleft: 5px;
--khtml-border-radius-bottomleft: 5px;
--webkit-border-bottom-left-radius: 5px;
-}
-
-.tab_content {
-padding: 20px;
-font-size: 1.2em;
-line-height: 1.5em;
-}
-
-.tab_content ul {
-list-style: none;
-}
-
-.tab_content h3 {
-border-bottom: 1px dashed #03327d;
-}
-
-.tab_content a {
-color: #0A50C0;
-}
-
-.tab_content a:hover, a:active {
-color: #333;
-}
-
-.tab_content img {
-float: left;
-margin-right: 15px;
-border: 1px solid #03327d;
-padding: 5px;
-}
-
-
-aside .standard h3 {
-font-size: 18px;
-text-shadow: 0px 2px 3px #ddd;
-}
-
-aside .standard ul {
-list-style: square;
-color: #bbb;
-margin: -15px 0 15px 25px;
-}
-
-#footer-area {
-background: #525588;
-color: #FFF;
-font-size: 90%;
-padding: 18px 0;
-overflow: hidden;
-/* curved border radius */
--moz-border-radius-bottomright: 8px;
--moz-border-radius-bottomleft: 8px;
--webkit-border-bottom-left-radius: 8px;
--webkit-border-bottom-right-radius: 8px;
-}
-
-.footer-segment {
-float: left;
-margin-right: 20px;
-margin-left: 20px;
-width: 190px;
-}
-
-footer aside h4 {
-color: #faf0e6;
-font-size: 16px;
-line-height: 1.5em;
-}
-
-footer ul {
-list-style: none;
-margin: -15px 0;
-}
-
-footer a:link, footer a:visited {
-color: #ccc;
-}
-
-footer a:hover {
-text-decoration: underline;
-}
-
-footer p {
-margin-top: -15px;
-color: #faf0e6;
-}
--- /dev/null
+body {
+ color : #000000;
+ background : #ffffff;
+ font-family : "Times New Roman", Times, serif;
+ font-size : 12pt;
+}
+
+a {
+ text-decoration : underline;
+ color : #0000ff;
+}
+
+a:link:after, a:visited:after {
+content: " (" attr(href) ") ";
+font-size: 70%;
+}
+
+nav, sidebar, footer, header, aside {
+ display : none;
+}
--- /dev/null
+/* Created by http://freehtml5templates.com */
+
+* {margin: 0; padding: 0;}
+header, nav, section, article, aside, footer {display: block;}
+body {
+ font: 16px/18px Arial, Tahoma, sans-serif;
+ color: #555;
+ width: 960px;
+ margin-left:auto;
+ margin-right:auto;
+ text-align:center;
+}
+
+a {
+ color: #333;
+ outline: none;
+}
+
+a:hover { color: #009296;}
+
+p {margin: 0 0 18px;}
+
+img {border: none;}
+
+blockquote {
+ margin: 0 20px 18px 20px;
+ padding: 1px 12px;
+ background: #F2F2F2;
+ border-left: 3px solid #009296;
+ border-right: 3px solid #009296;
+}
+
+blockquote p {
+ padding: 8px 0;
+ margin: 0;
+}
+
+.clear {
+ clear: both;
+ height: 0;
+ overflow: hidden;
+}
+
+.aligncenter,
+div.aligncenter {
+ display: block;
+ margin-left: auto;
+ margin-right: auto;
+}
+
+.alignleft {float: left;}
+
+img.alignleft {margin: 5px 5px 5px 0;}
+
+.alignright {float: right;}
+
+img.alignright {margin: 5px 0 5px 5px;}
+
+#wrapper {
+ width: 960px;
+ text-align:left;
+}
+
+img.framed {
+ background:white;
+ padding:4px;
+ border:1px solid black;
+}
+
+/* Header
+-----------------------------------------------------------------------------*/
+
+header {
+ height: 200px;
+ position: relative;
+ background: url(images/roundedheader.png);
+ margin-top: 10px;
+}
+
+#sitename a {
+ position: absolute;
+ top: 30px;
+ left: 10px;
+ font: 40px/1 Georgia, "Times New Roman", Times;
+ color: #009296;
+ text-shadow: 2px 2px 2px #000;
+ text-decoration: none;
+}
+
+#description {
+ position: absolute;
+ top: 80px;
+ left: 15px;
+ width: 600px;
+ font-size: 16px;
+ font-weight: bold;
+ line-height: 16px;
+ color: #333;
+}
+
+header nav {
+ position: absolute;
+ top: 174px;
+ width: 915px;
+ left: 25px;
+ height: 26px;
+ font: 14px/1 Tahoma, Arial;
+ text-transform: uppercase;
+ overflow: hidden;
+}
+
+header nav li {
+ float: left;
+ list-style: none;
+ background: #FFF;
+ margin: 2px;
+ border: 2px solid #009296;
+ -moz-border-radius-topleft: 5px;
+ -moz-border-radius-topright: 5px;
+ -webkit-border-top-left-radius: 5px;
+ -webkit-border-top-right-radius: 5px;
+}
+
+header nav a {
+ float: left;
+ color: #333;
+ text-decoration: none;
+ padding: 7px 10px 6px;
+ border-bottom: 3px solid #F0EFEF;
+}
+
+/* Middle
+-----------------------------------------------------------------------------*/
+
+section {
+ width: 946px;
+ margin-top: 5px;
+ -moz-border-radius: 5px;
+ -webkit-border-radius: 5px;
+ border: 1px solid #AEB0AD;
+ padding: 5px;
+ background-color: #F2F2F2;
+}
+
+section:after {
+ content: '.';
+ display: block;
+ clear: both;
+ visibility: hidden;
+ height: 0;
+}
+
+#container {
+ width: 100%;
+ float: left;
+ overflow: hidden;
+}
+
+#content {
+ margin: 0 199px;
+ padding: 15px 15px 1px;
+ -moz-border-radius: 5px;
+ -webkit-border-radius: 5px;
+ border: 1px solid #AEB0AD;
+ height: 1%;
+ background-color: #FFF;
+}
+
+#content h2 {
+ font: 24px/1 Arial, Tahoma;
+ margin: 0 0 18px;
+ color: #333;
+}
+
+#content h2 a {
+ color: #333;
+ text-decoration: none;
+ text-shadow: 2px 1px 2px #CCC;
+}
+
+#content h2 a:hover {
+ color: #009296;
+ text-decoration: underline;
+ text-shadow: none;
+}
+
+#content .entry h2,
+#content .entry h3,
+#content .entry h4,
+#content .entry h5,
+#content .entry h6 {
+ font: 24px/1 Arial, Tahoma;
+ margin: 25px 0 18px;
+ color: #333;
+ text-shadow: 2px 1px 2px #CCC;
+}
+
+#content .entry h3 {font-size: 22px;}
+
+#content .entry h4 {font-size: 20px;}
+
+#content .entry h5 {font-size: 18px;}
+
+#content .entry h6 {font-size: 16px;}
+
+#content h3 {
+ color: #333;
+ font-size: 22px;
+ font-weight: normal;
+ line-height: 1;
+ text-shadow: 2px 1px 2px #CCC;
+ margin: 0 0 28px;
+}
+
+/* Sidebars
+-----------------------------------------------------------------------------*/
+
+aside {
+ float: left;
+ width: 199px;
+ position: relative;
+ font-size: 14px;
+}
+
+#left {
+ margin-left: -100%;
+}
+
+#right {
+ margin-left: -200px;
+}
+
+aside h3 {
+ line-height: 35px;
+ color: #009296;
+ font-size: 14px;
+ text-transform: uppercase;
+ text-shadow: 1px 1px 1px #DDD;
+ height: 35px;
+ padding-left: 10px;
+}
+
+aside#right h3 {
+ color: #009296;
+}
+
+aside ul {list-style-position: inside;
+list-style-image: url(images/redarrow.gif);}
+
+aside li {
+ color: #696969;
+ padding: 4px 6px 5px 5px;
+}
+
+aside a {
+ color: #6E7761;
+ text-decoration: none;
+}
+
+.box {
+ padding: 0 0 5px;
+}
+
+.inner {
+ margin-left: 10px;
+ margin-right: 10px;
+ overflow: hidden;
+ -moz-border-radius: 5px;
+ -webkit-border-radius: 5px;
+ border: 1px solid #009296;
+ padding: 5px;
+ margin-top: -7px;
+ margin-bottom: 10px;
+}
+
+
+/* Footer
+-----------------------------------------------------------------------------*/
+
+footer {
+ background: #F2F2F2;
+ font-size: 11px;
+ -moz-border-radius: 5px;
+ -webkit-border-radius: 5px;
+ border: 1px solid #AEB0AD;
+ padding: 5px;
+ margin-top: 5px;
+ margin-bottom: 5px;
+}
+
+#copyright {
+ font: 10px/16px Tahoma, Arial;
+ text-align: right;
+ color: #333;
+ padding: 22px 10px 0 0;
+}
+
+#copyright span {
+ display: block;
+ text-transform: uppercase;
+}
+
+#copyright a {
+ color: #6E7761;
+ text-decoration: none;
+}
+
+#copyright a:hover { color: #009296;}
<head>
<meta charset="UTF-8"/>
<title>my title</title>
- <link rel="stylesheet" href="style.css" type="text/css" media="screen" />
- <link rel="stylesheet" type="text/css" href="print.css" media="print" />
+ <link rel="stylesheet" href="css/style.css"
+ type="text/css" media="screen" />
+ <link rel="stylesheet" href="css/print.css"
+ type="text/css" media="print" />
<!--[if IE]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
</head>
+++ /dev/null
-body {
- color : #000000;
- background : #ffffff;
- font-family : "Times New Roman", Times, serif;
- font-size : 12pt;
-}
-
-a {
- text-decoration : underline;
- color : #0000ff;
-}
-
-a:link:after, a:visited:after {
-content: " (" attr(href) ") ";
-font-size: 70%;
-}
-
-nav, sidebar, footer, header, aside {
- display : none;
-}
+++ /dev/null
-/* Created by http://freehtml5templates.com */
-
-* {margin: 0; padding: 0;}
-header, nav, section, article, aside, footer {display: block;}
-body {
- font: 16px/18px Arial, Tahoma, sans-serif;
- color: #555;
- width: 960px;
- margin-left:auto;
- margin-right:auto;
- text-align:center;
-}
-
-a {
- color: #333;
- outline: none;
-}
-
-a:hover { color: #009296;}
-
-p {margin: 0 0 18px;}
-
-img {border: none;}
-
-blockquote {
- margin: 0 20px 18px 20px;
- padding: 1px 12px;
- background: #F2F2F2;
- border-left: 3px solid #009296;
- border-right: 3px solid #009296;
-}
-
-blockquote p {
- padding: 8px 0;
- margin: 0;
-}
-
-.clear {
- clear: both;
- height: 0;
- overflow: hidden;
-}
-
-.aligncenter,
-div.aligncenter {
- display: block;
- margin-left: auto;
- margin-right: auto;
-}
-
-.alignleft {float: left;}
-
-img.alignleft {margin: 5px 5px 5px 0;}
-
-.alignright {float: right;}
-
-img.alignright {margin: 5px 0 5px 5px;}
-
-#wrapper {
- width: 960px;
- text-align:left;
-}
-
-img.framed {
- background:white;
- padding:4px;
- border:1px solid black;
-}
-
-/* Header
------------------------------------------------------------------------------*/
-
-header {
- height: 200px;
- position: relative;
- background: url(images/roundedheader.png);
- margin-top: 10px;
-}
-
-#sitename a {
- position: absolute;
- top: 30px;
- left: 10px;
- font: 40px/1 Georgia, "Times New Roman", Times;
- color: #009296;
- text-shadow: 2px 2px 2px #000;
- text-decoration: none;
-}
-
-#description {
- position: absolute;
- top: 80px;
- left: 15px;
- width: 600px;
- font-size: 16px;
- font-weight: bold;
- line-height: 16px;
- color: #333;
-}
-
-header nav {
- position: absolute;
- top: 174px;
- width: 915px;
- left: 25px;
- height: 26px;
- font: 14px/1 Tahoma, Arial;
- text-transform: uppercase;
- overflow: hidden;
-}
-
-header nav li {
- float: left;
- list-style: none;
- background: #FFF;
- margin: 2px;
- border: 2px solid #009296;
- -moz-border-radius-topleft: 5px;
- -moz-border-radius-topright: 5px;
- -webkit-border-top-left-radius: 5px;
- -webkit-border-top-right-radius: 5px;
-}
-
-header nav a {
- float: left;
- color: #333;
- text-decoration: none;
- padding: 7px 10px 6px;
- border-bottom: 3px solid #F0EFEF;
-}
-
-/* Middle
------------------------------------------------------------------------------*/
-
-section {
- width: 946px;
- margin-top: 5px;
- -moz-border-radius: 5px;
- -webkit-border-radius: 5px;
- border: 1px solid #AEB0AD;
- padding: 5px;
- background-color: #F2F2F2;
-}
-
-section:after {
- content: '.';
- display: block;
- clear: both;
- visibility: hidden;
- height: 0;
-}
-
-#container {
- width: 100%;
- float: left;
- overflow: hidden;
-}
-
-#content {
- margin: 0 199px;
- padding: 15px 15px 1px;
- -moz-border-radius: 5px;
- -webkit-border-radius: 5px;
- border: 1px solid #AEB0AD;
- height: 1%;
- background-color: #FFF;
-}
-
-#content h2 {
- font: 24px/1 Arial, Tahoma;
- margin: 0 0 18px;
- color: #333;
-}
-
-#content h2 a {
- color: #333;
- text-decoration: none;
- text-shadow: 2px 1px 2px #CCC;
-}
-
-#content h2 a:hover {
- color: #009296;
- text-decoration: underline;
- text-shadow: none;
-}
-
-#content .entry h2,
-#content .entry h3,
-#content .entry h4,
-#content .entry h5,
-#content .entry h6 {
- font: 24px/1 Arial, Tahoma;
- margin: 25px 0 18px;
- color: #333;
- text-shadow: 2px 1px 2px #CCC;
-}
-
-#content .entry h3 {font-size: 22px;}
-
-#content .entry h4 {font-size: 20px;}
-
-#content .entry h5 {font-size: 18px;}
-
-#content .entry h6 {font-size: 16px;}
-
-#content h3 {
- color: #333;
- font-size: 22px;
- font-weight: normal;
- line-height: 1;
- text-shadow: 2px 1px 2px #CCC;
- margin: 0 0 28px;
-}
-
-/* Sidebars
------------------------------------------------------------------------------*/
-
-aside {
- float: left;
- width: 199px;
- position: relative;
- font-size: 14px;
-}
-
-#left {
- margin-left: -100%;
-}
-
-#right {
- margin-left: -200px;
-}
-
-aside h3 {
- line-height: 35px;
- color: #009296;
- font-size: 14px;
- text-transform: uppercase;
- text-shadow: 1px 1px 1px #DDD;
- height: 35px;
- padding-left: 10px;
-}
-
-aside#right h3 {
- color: #009296;
-}
-
-aside ul {list-style-position: inside;
-list-style-image: url(images/redarrow.gif);}
-
-aside li {
- color: #696969;
- padding: 4px 6px 5px 5px;
-}
-
-aside a {
- color: #6E7761;
- text-decoration: none;
-}
-
-.box {
- padding: 0 0 5px;
-}
-
-.inner {
- margin-left: 10px;
- margin-right: 10px;
- overflow: hidden;
- -moz-border-radius: 5px;
- -webkit-border-radius: 5px;
- border: 1px solid #009296;
- padding: 5px;
- margin-top: -7px;
- margin-bottom: 10px;
-}
-
-
-/* Footer
------------------------------------------------------------------------------*/
-
-footer {
- background: #F2F2F2;
- font-size: 11px;
- -moz-border-radius: 5px;
- -webkit-border-radius: 5px;
- border: 1px solid #AEB0AD;
- padding: 5px;
- margin-top: 5px;
- margin-bottom: 5px;
-}
-
-#copyright {
- font: 10px/16px Tahoma, Arial;
- text-align: right;
- color: #333;
- padding: 22px 10px 0 0;
-}
-
-#copyright span {
- display: block;
- text-transform: uppercase;
-}
-
-#copyright a {
- color: #6E7761;
- text-decoration: none;
-}
-
-#copyright a:hover { color: #009296;}
projects / treecutter.git / commitdiff