Sandbox

@import url(/common—theme/base/css/style.css);

@import url(http://static.wikidot.com/common--theme/base/css/style.css);
 
/***
 
Theme Name: Maple
Theme Website: http://themes.wikidot.com/maple
Version: 1.01
Author: BMC Creative
Author Website: http://bmccreative.com
 
***/
 
/*-------------------------------------------------------------
   GLOBAL 
---------------------------------------------------------------*/
 
@import url(http://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic,700italic);
 
p {margin: 7px 0;line-height: 1.36em;}
a {color: #165be3;text-decoration: none;}
a.newpage {color: #b30000;}
a:hover {color: #222;background-color: transparent;}
 
h1, h2, h3, h4, h5, h6 {
    color: #222;
    font-weight: bold;
    font-family: 'PT Sans', 'Open Sans', sans-serif;
    line-height: 1.2em;
    margin: 16px 0;
}
h1 {font-size: 220%;}
h2 {font-size: 180%; color: #444;}
h3 {font-size: 170%;}
h4 {font-size: 140%;}
h5 {font-size: 120%; font-weight: bold;}
h6 {font-size: 115%; font-weight: bold;}
 
input[type=text], textarea {
    margin: 0;
    padding: 7px 5px;
    background: #fff;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f5f5f5), to(#fff), color-stop(.2,#fff));
    background-image: -moz-linear-gradient(top,#f5f5f5, #fff, #fff 60%);
    border: 1px solid #ccc;
}
input[type=text]:focus, textarea:focus {
    border: 1px solid #165be3;
    outline: none;
}
 
/*-------------------------------------------------------------
   LAYOUT 
---------------------------------------------------------------*/
html {
    margin: 0;
    background: #000;
}
body {
    color: #000;
    background: #000;
 
    font: 13.5px/1.35em 'PT Sans', 'Open Sans', Arial, Helvetica, Geneva, sans-serif;
}
#container-wrap-wrap {
    background: url(http://ouroboros-mush.wdfiles.com/local--files/start/Planet3c.jpg) no-repeat center top;   
    color:#000;
    padding:0; 
}
 
#extra-div-1 {
    position: absolute;
    top: 129px;
    height: 42px;
    left: 0;
    right: 0;
    background: #222 url(http://themes.wdfiles.com/local--files/maple/topbar-bg.png) repeat-x 0 0;
}
#container-wrap {
    background: url(http://themes.wdfiles.com/local--files/maple/footer-bg.png) repeat-x 0 100%;
 
}
#container {
    margin: 0 auto;
    width: 95%; 
}
 
/*-------------------------------------------------------------
   HEADER 
---------------------------------------------------------------*/
 
#header {
    height: 165px;
    position: relative;
}
#header h1 {
    position: absolute;
    top: 40px;
}
#header h1 a {
    color: #dadada;
    font-size: 40px;
    padding: 17px 0 0;
    letter-spacing: -2px;
    font-weight: bold;
    text-shadow: 0 1px 2px rgba(0,0,0,0.6);
    -webkit-transition: color 140ms linear;
    -moz-transition: color 140ms linear;
    transition: color 140ms linear;
}
#header h1 a:hover {color: #165be3;}
#header h2 {
    color: #aaa;
    position: absolute;
    top: 80px;
    left: 0px;
    background: none;
    text-transform: uppercase;
    font: 12px 'PT Sans', 'Open Sans', Helvetica, sans-serif;
}
 
/*----- LOGIN STATUS ------------------------------------------*/
 
#login-status {
    color: #ccc;
    position: absolute;
    top: 3px;
    font-size: 11px;
    text-shadow: 0 1px 0 rgba(0,0,0,0.45);
}
#login-status .printuser a {
    display: none;
}
a#account-topbutton {
    background: none;
    border: none;
}
#login-status a {
    padding: 0 3px;
    color: #ccc;
    text-decoration: none;
}
#login-status a:hover {color: #fff;}
#account-options {
    width: 140px;
    margin-top: 4px;
    text-align: center;
    border: none;
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.4);
    -moz-box-shadow: 0 0 3px rgba(0,0,0,0.4);
    box-shadow: 0 0 3px rgba(0,0,0,0.4);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
#account-options a {
    text-shadow: none;
    color: #888;
}
 
/*----- SEARCH TOP BOX -----------------------------------------*/
 
#search-top-box {
    position: absolute;
    right: 0px;
    top: 45px;
    height: 30px;
    width: 240px;
    text-align: right;
}
#search-top-box-form {
    height: 30px;
}
#search-top-box input.text {
    width: 170px;
    margin:  0;
    padding: 7px 25px 7px 5px;
    background: #373c3e;
    border: 1px solid #252525;
    color: #777;
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.5) inset;
    -moz-box-shadow: 0 0 3px rgba(0,0,0,0.5) inset;
    box-shadow: 0 0 3px rgba(0,0,0,0.5) inset;
    -webkit-transition: all 230ms ease;
    -moz-transition: all 230ms ease;
    transition: all 230ms ease;
}
#search-top-box input.text:focus {
    border: 1px solid #000;
    background: #484e51;
    color: #aaa;
}
#search-top-box input.text.empty {
    color: #777;
    font-style: italic;
}
#search-top-box input.button {
    position: absolute;
    top: 2px;
    right: -5px;
    border: none;
    display: block;
    width: 36px;
    height: 28px;
    padding: 0;
    background: url(http://themes.wdfiles.com/local--files/maple/search16.png) no-repeat 50% 50%;
    color: transparent;
    text-indent: -9999px;
    font-size: 0;
    line-height: 0;
    opacity: 0.4;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-transition: opacity 160ms ease;
    -moz-transition: opacity 160ms ease;
    transition: opacity 160ms ease;
}
#search-top-box input.button:hover {
    opacity: 1;
}
 
/*----- TOPBAR NAVIGATION ------------------------------------*/
 
#top-bar {
    bottom: 0;
    height: 36px;
    display: block;
    left: 0;
    position: absolute;
    width: 958px;
    z-index: 2;
}
#top-bar ul {
    float: left;
    padding: 0;
    height: 36px;
    margin: 0;
    background: url(hhttp://themes.wdfiles.com/local--files/maple/nav-divider.png) no-repeat 0 0;
}
#top-bar ul li {
    display: inline;
    font-size: 16px;
    padding: 0 2px 0 0; 
    height: 36px;
    margin: 0;
    position: relative;
    background: url(http://themes.wdfiles.com/local--files/maple/nav-divider.png) no-repeat 100% 0;
}
#top-bar ul li a {
    display: block;
    color: #ddd;
    font-weight: bold;
    height: 15px;
    padding: 9px 26px 12px;
    text-shadow: 0px -1px 1px rgba(0,0,0,0.5); 
}
#top-bar ul li a.current-link,
#top-bar ul li a:hover,
#top-bar ul li.sfhover > a {
    background: #2d3234;
    background: rgba(0,0,0,0.2);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0,0,0,0.15)), to(rgba(0,0,0,0.35)));
    background: -moz-linear-gradient(top,rgba(0,0,0,0.15),rgba(0,0,0,0.35));
    background: -o-linear-gradient(top,rgba(0,0,0,0.15),rgba(0,0,0,0.35));
    text-decoration: none;
    border-bottom: 3px solid #165be3;
    height: 12px;
}
#top-bar ul li ul {
    color: #fff;
    visibility: hidden;
    opacity: 0;
    font-size: 1em;
    left: 0;
    line-height: 1.8em;
    padding: 4px 0;
    position: absolute;
    z-index: 100;
    width: 160px;
    height: auto;
    border: none;
    background: #313537 url(http://themes.wdfiles.com/local--files/maple/footer-bg.png) repeat-x 0 0;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.6);
    -moz-box-shadow: 0 1px 4px rgba(0,0,0,0.6);
    box-shadow: 0 1px 4px rgba(0,0,0,0.6);
    -webkit-transition: all 400ms ease-out;
    -moz-transition: all 400ms ease-out;
}
#top-bar ul li:hover ul,
#top-bar ul li.sfhover ul {
    display: inline-block;
    opacity: 1;
}
#top-bar ul li ul li {
    padding: 0 10px;
    background: none;
    border: none;
    display: inline-block;
    width: auto;
    height: auto;
}
#top-bar ul li ul li a {
    background: none;
    padding: 6px 0;
    text-transform: none;
    line-height: 1;
    height: auto;
}
#top-bar ul li.sfhover ul li a,
#top-bar ul li:hover ul li a {
    background: none;
}
#top-bar ul li ul li a:hover {
    color: #fff;
    border: none;
    height: auto;
}
#top-bar ul li ul li ul {
    display: none !important;
}
 
/*-------------------------------------------------------------
   MAIN CONTENT
---------------------------------------------------------------*/
 
#content-wrap {
    position: relative;
    padding: 5px;
    margin-top: 20px;
    clear: both;
    border: 1px solid #ccc;
    background-color: #f3f3f3;
    background-color: rgba(249,249,249,0.67);
    -webkit-box-shadow: 0 0 2px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 0 2px rgba(0,0,0,0.1);
    box-shadow: 0 0 2px rgba(0,0,0,0.1);    
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
#page-title {
    border: none;
    font-size: 26px;
    font-weight: normal;
    text-decoration: none;
    margin: 10px 0 !important;
    color: #424242;
    letter-spacing: -1px;
    padding: 5px 0;
}
#main-content {
    padding: 5px 10px;
    width: 78%;
    margin: 20px;
}
#page-content {
    width: auto;
    margin: 0 auto;
}
 
/*----- SIDEBAR -------------------------------------------*/
 
#side-bar{
    float: right;
    padding: 10px;
    width: 19%;
    margin: 5;
    overflow: hidden;
}
#side-bar a {color: #444;}
#side-bar a:hover {color: #165be3;}
#side-bar ul {
    list-style-type: none;
    padding: 0 5px 0;
}
 
/*----- SIDEBAR ON LEFT -----------------------------------*
 
#page-title {margin-left: 10px;}
#side-bar {float: left;}
#main-content {
    margin-left: 270px;
    border-right: none;
}
 
/*----- NO SIDEBAR ---------------------------------------*
 
#side-bar {display: none;}
#main-content {
    width: 930px;
    margin: 0 auto;
}
 
/*----- BREADCRUMBS -------------------------------------------*/
 
#breadcrumbs {
    color: #666;
    padding: 5px 10px;
    margin: 15px 5px;
    width: 90%;
    font-size: 11px;
    background: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 2px rgba(0,0,0,0.15);
    -moz-box-shadow: 0 0 2px rgba(0,0,0,0.15);
    box-shadow: 0 0 2px rgba(0,0,0,0.15);
}
#breadcrumbs a {color: #666;}
#breadcrumbs a:hover {color: #165be3;}
 
/*-------------------------------------------------------------
   FOOTER
---------------------------------------------------------------*/
#page-options-container {padding-bottom: 5px;}
#footer {
    color: #bbb;
    padding: 12px 10px 0;
    font-size: 0.95em;
    margin-top: 55px;
    text-shadow: 0 1px 1px rgba(0,0,0,0.75);
}
#footer .options {font-size: 100%;}
#footer a, #license-area a {
    color: #bbb;
    text-decoration: none;
}
#footer a:hover, #license-area a:hover {color: #165be3;}
#license-area {
    padding: 15px 10px 35px;
    color: #ddd;
    font-size: 0.95em;
    text-shadow: 0 1px 1px rgba(0,0,0,0.75);
}
/*-------------------------------------------------------------
   WIKI ELEMENTS
---------------------------------------------------------------*/
#action-area {padding: 0 3px;}
#action-area h1 {font-size: 200%;}
a.action-area-close:hover {background: none;}
.code {
    background: #000;
    display: block;
    padding: 10px;
    border: 1px solid #ccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
 
blockquote {
    border: 1px dash #ccc;
    background-color: #f3f3f3;
    background-color: rgba(249,249,249,0.37);
 
}
 
#wiki-tabview-0 {
    width: 79%; /* modify overall tab-view here */
}
 
.yui-navset .yui-content {
    background-color: rgba(249,249,249,0.37); /* tabview content background color */
}
 
.google-visualization-table-table {
    width: 100%;
}
 
#toc{
    background-color: rgba(249,249,249,0.37);
    display: table;
}
 
table{
    background-color: none;
}
 
#edit-page-textarea {
    resize: both;
}
 
/*----- INBUILT HOVERTIPS -------------------------------------*/
.hovertip {
    border: none !important;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    max-width: 300px;
    background: none;
}
.hovertip .content {
    background-color: #333;
    background-color: rgba(20,20,20,0.83617);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 4px 8px;    
    color: #fff;
}
.hovertip .content .footnote .f-content {
    margin: 2px;
}
.hovertip .content .footnote .f-heading, .hovertip .content .footnote .f-footer  {
    display: none !important;
}
 
/*----- COMMENTS ----------------------------------------------*/
 
.comments-box {
    border-top: 2px solid #eee;
    margin: 10px 0;
}
.comments-box h1 {
    color: #444;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.change-textarea-size {
    padding-right: 50px;
}
.change-textarea-size a {
    background: #fff;
    border: 1px solid #d4d4d4;
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
}
.change-textarea-size a:hover {
    background: #eee;
}
.post-container {
    background: #fefefe;
    padding: 0 10px;
    position: relative;
    margin: 15px 0;
    border: 1px solid #bbb;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.post-container .post {
    margin: 0;
    padding: 5px 0 2px;
}
.post-container .post.folded .short {background: none;}
.post-container .head .info, .post-container .head {
    margin: 0;
    background: none !important;
    border: none;
    text-transform: none;
}
.post-container .head .info .printuser a {
    color: #2191d1;
    text-transform: none;
    font-weight: bold;
    font-size: 16px;
}
.post-container .head .info .printuser a:hover {
    background: none;
    color: #444;
}
.post-container .head .info .odate {
    float: right;
    color: #777;
    font-size: 12px;
}
.post-container .head .options{display: none;}
.post-container .options {
    margin: 5px 0 0;
    padding: 5px 0 0;
}
.post-container .post .options a {
    color: #444;
    padding: 4px 0 0;
    text-decoration: none;
    font-size: 12px;
}
.post-container .post .options a:hover {color: #2191d1;}
 
/*----- BUTTONS ----------------------------------------------*/
 
div.buttons input, input.button, button, file, a.button, 
.button-bar a, #new-post-button, .rate-points, .rateup a, 
.ratedown a, .cancel a, .pager a, .pager .current, div.new-post a, 
.owindow .button-bar a {
    height: auto;
    padding: 6px 10px;
    font: bold 14px 'PT Sans', Helvetica, Arial, sans-serif;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: url(http://themes.wdfiles.com/local--files/hello/hello-button-bg.gif) repeat-x;
    border: 1px solid #d4d4d4;
    color: #616161;
    margin: 0 5px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
    box-shadow: 0 1px 2px rgba(0,0,0,0.1);
}
div.buttons input:hover, input.button:hover, button:hover, 
file:hover, a.button:hover, .button-bar a:hover, #new-post-button:hover, 
.rateup a:hover, .ratedown a:hover, .cancel a:hover, .pager a:hover, 
div.new-post a:hover, .owindow .button-bar a:hover {
    color: #515151;
    background: #fff;
    text-decoration: none;
    cursor: pointer;
}
.page-rate-widget-box .rate-points, .pager .current {
    color: #555;
    padding: 4px 6px;
    font-size: 1.1em; 
    border: 1px solid #d4d4d4;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;      
}
.pager a, .pager a:hover, .pager .current, .page-rate-widget-box a {
    padding: 3px 8px;
}
.pager .current {
    border: 1px solid #2191d1;
}
/* OWINDOWS  ------------------------------------------------------------- */
 
.odialog-shader,.notify-shader {
    background-color: #222;    
    filter: alpha(opacity=55);
    opacity: 0.55 !important;
}
.owindow,.notify{
    background-color: #fff;
    border: none;
    padding: 0;
    color: #454545;
    font: normal 0.9em 'PT Sans', 'Open Sans', "Lucida Grand", Lucida, Verdana, sans-serif;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.874);
    -moz-box-shadow: 0 1px 4px rgba(0,0,0,0.874);
    box-shadow: 0 1px 4px rgba(0,0,0,0.874);
    -webkit-background-clip: padding-box;
}
.owindow .title, .notify-title {
    font: nornal 1em 'PT Sans', 'Open Sans', "Lucida Grande", Lucida, Verdana, sans-serif;
    padding: 10px;
    color: #ddd;
    text-shadow: 0px -1px 1px rgba(0,0,0,0.5); 
    height: 16px;
    background: #313537 url(http://themes.wdfiles.com/local--files/maple/topbar-bg.png) repeat-x 0 0;
    border-bottom: 1px solid #2d2d2d;
    -webkit-background-clip: padding-box;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    -webkit-box-shadow: 
        0 1px 0 rgba(255,255,255,0.1) inset, 
        0 1px 2px rgba(0,0,0,0.3);
    -moz-box-shadow: 
        0 1px 0 rgba(255,255,255,0.1) inset, 
        0 1px 2px rgba(0,0,0,0.3);
    box-shadow: 
        0 1px 0 rgba(255,255,255,0.1) inset, 
        0 1px 2px rgba(0,0,0,0.3);
}
.owindow h1,.notify h1 {
    font: 1.2em 'PT Sans', 'Open Sans', "Lucida Grande", Lucida, Verdana, sans-serif;
    margin: 10px 0;
}
.owindow .content,.notify-content {
    padding: 10px;
}
.owindow .button-bar,
.notify-button-bar {
    font-family: 'PT Sans', 'Open Sans', "Lucida Grande", Lucida, Verdana, sans-serif; 
    position: absolute;
    top: 6px;
    right: 0;
    padding: 0;    
}
.owindow .button-bar a, .owindow .button-bar a:active,
.notify-button-bar a,
.notify-button-bar a:active {
    background: none;
    border: none;
    color: #ddd !important;
    text-shadow: 0px -1px 1px rgba(0,0,0,0.5);
    padding: 0;
    margin: 0 10px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.owindow .button-bar a:hover,
.notify-button-bar a:hover {
    background: none;
    color: #fff !important;
    text-decoration: none;
}

.show1{ display: none !important; }
.hide1{ display: block !important; }

.form-row.row-4,
.form-row.row-5,
.form-row.row-6,
.form-row.row-7,
.form-row.row-8,
.form-row.row-9{ max-height: 000px; }
[[/module]]

Nunc iaculis urna elementum quam. Suspendisse tristique eros quis massa. Sed iaculis, ligula at posuere tempor, lectus libero fringilla eros, a vehicula felis magna non pede. Donec ac lacus. Donec risus erat, rutrum sed, ornare at, suscipit a, nibh. Nullam posuere laoreet purus. Duis aliquet sollicitudin felis. Pellentesque ipsum. Praesent vel libero. Phasellus suscipit aliquet tortor. Fusce ornare blandit risus. Vivamus venenatis blandit pede. Nullam massa. Ut placerat fringilla neque. Nam tortor magna, imperdiet ut, volutpat in, lobortis vitae, sem. Donec in nisi ac leo fermentum eleifend.

Header 1

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus arcu libero, aliquet sit amet, ornare quis, vulputate a, nibh. Aliquam sit amet lectus vitae ligula feugiat condimentum. Proin eu mauris. Suspendisse ac sem. Cras in quam in augue fringilla porttitor. Nulla facilisi. Aliquam erat volutpat. Morbi consectetuer, libero at iaculis fermentum, dolor velit tincidunt sapien, lacinia ultricies ligula dui eget orci. Maecenas magna quam, volutpat ut, auctor et, malesuada quis, quam. Fusce semper pharetra mi. Aliquam facilisis tortor ut ante. Nam dignissim, ipsum et pharetra pretium, est sem feugiat sapien, a mattis elit sem vitae neque. Ut nec nibh. Ut sagittis magna nec velit. Maecenas ut eros. Duis lectus. Sed venenatis. Fusce iaculis urna euismod neque.

Header 2

Etiam elementum. Curabitur magna. Nulla facilisi. Donec dapibus sagittis diam. Duis sodales placerat nisi. Sed varius. Etiam fermentum iaculis nunc. Pellentesque dictum fringilla diam. In hac habitasse platea dictumst. Maecenas at purus. Etiam molestie, magna eget pharetra pretium, leo ligula lobortis sem, vitae bibendum erat ligula et nibh. Suspendisse pharetra nibh at tortor. Curabitur libero. In elementum pulvinar ipsum. Pellentesque tempus lobortis purus. Nullam erat enim, convallis in, faucibus non, lobortis ac, sem. Aenean aliquam.

Header 3

Nunc iaculis urna elementum quam. Suspendisse tristique eros quis massa. Sed iaculis, ligula at posuere tempor, lectus libero fringilla eros, a vehicula felis magna non pede. Donec ac lacus. Donec risus erat, rutrum sed, ornare at, suscipit a, nibh. Nullam posuere laoreet purus. Duis aliquet sollicitudin felis. Pellentesque ipsum. Praesent vel libero. Phasellus suscipit aliquet tortor. Fusce ornare blandit risus. Vivamus venenatis blandit pede. Nullam massa. Ut placerat fringilla neque. Nam tortor magna, imperdiet ut, volutpat in, lobortis vitae, sem. Donec in nisi ac leo fermentum eleifend.

Header 4

  • Bullet 1
  • Bullet 2
    • Bullet 2.1
      • Bullet 2.1.1

  1. Item 1
  2. Item 2
    1. Item 2.1
      1. Item 2.1.1

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus arcu libero, aliquet sit amet, ornare quis, vulputate a, nibh.

head 1 head 2 head 3
cell 1 cell 2 cell 3
long cell 4 cell 5
cell 6 long cell 7
looong cell 8

Header 1

This is a simple paragraph which demonstrates how existent links look. At the same time, it would be good to show off how the nonexistent links look as well. You can also view James Kanjo's inline When you hover over "hovertip", I appear!hovertips to see how those look. Click on James's name as well to see the pop-up demonstration.

Header 2

Some quick demonstrations:

Image Box

Image Unavailable

This is how the image box snippet looks with this theme!

Nunc iaculis urna elementum quam. Suspendisse tristique eros quis massa. Sed iaculis, ligula at posuere tempor, lectus libero fringilla eros, a vehicula felis magna non pede. Donec ac lacus. Donec risus erat, rutrum sed, ornare at, suscipit a, nibh. Nullam posuere laoreet purus. Duis aliquet sollicitudin felis. Pellentesque ipsum. Praesent vel libero. Phasellus suscipit aliquet tortor. Fusce ornare blandit risus. Vivamus venenatis blandit pede. Nullam massa. Ut placerat fringilla neque. Nam tortor magna, imperdiet ut, volutpat in, lobortis vitae, sem. Donec in nisi ac leo fermentum eleifend.

Content of Tab No. 1.


/*  Test Code
=============================*/
body{    font-family: sans-serif; }
p{    line-height: 1.4em; }
a{
    color: #4476A7;
    text-decoration: none;
}
a:hover{
    color: #487AAB;
    text-decoration: underline;
    background: none;
}
a.newpage{    color: #AAA; }
a.newpage:hover{    color: #A2A2A2; }
Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License