CSS

Edit CSS
Print stylesheet

CSS by Rob Elliott, Strathview, Scotland, Summer 2012

MAIN CSS (1)

/* IMPORT
=============================================== */
 
@import url(/css:fgjayne/code/1);
@import url(http://fonts.googleapis.com/css?family=Open+Sans);
@media print {
#top-bar li a {
    font-family: "fg_jayne_printregular", "Open Sans", sans;
    font-size: 120%;
    height: 40px;
    padding-left: 5px;
    padding-right:5px;
}
}
 
/* GLOBAL
=============================================== */
 
html {
    font-family: "Open Sans", sans, Verdana";
}
 
p {
    font-family: "Open Sans";
}
 
a, a:visited {
    color: #468259;
    text-decoration: none;
}
 
a:hover {
    background-color: transparent;
}
 
h1, h2, h3, h4, h5, h6 {
    color: #468259;
    font-family: "Open Sans";
}
 
h4, h4 span {
    background:none;
    color: #468259;
    padding-left:0;
}
 
/* CONTAINERS
=============================================== */
 
#content-wrap {
    border: 1px solid #888888;
    margin: 0 auto;
    min-height: 1px;
    width: 975px;
}
 
#container {
        background-color: #f4f2ed;
    background-image: url("http://www.greentree.co/local--files/css:theme/container-bg.jpg");
    background-position: center top;
    background-repeat: repeat-y;
    margin: 0;
    min-height:650px;
    padding: 0;
}
 
/* HEADER
=============================================== */
 
#header {
    height:150px;
    margin: 0 auto;
    width:975px;
}
 
#header h1, #header h2, #top-bar {
    left:200px;
}
 
#header h1 a {
    visibility: hidden;;
}
 
#header h2 {
    visibility:hidden;
}
 
#header-extra-div-1 {
    background-image: url(http://www.greentree.co/local--files/css:theme/gtr_logo_350.png);
    background-position: left top;
    background-repeat: no-repeat;
    height: 90px;
    left: 0;
    position: absolute;
    top: 20px;
    width: 355px;
    z-index: 10;
}
 
/* LOGIN
=============================================== */
 
#login-status {
    visibility: hidden;
}
 
/* TOP BAR
=============================================== */
 
#top-bar {
    border-bottom: 2px solid #AECB01;
    left:0;
    width:975px;
}
 
#top-bar li {
    background-color: #FFFFFF;
    border-radius: 5px 5px 0 0;
    float: left;
    font-size: 15px;
    height: 40px;
    list-style: none outside none;
    margin: 0 5px;
    padding: 10px 0 0 0;
    width: 100px;
}
 
#top-bar li a {
    font-family: "fg_jayne_printregular", "Open Sans", sans;
    font-size: 120%;
    height: 40px;
    padding-left: 5px;
    padding-right:5px;
}
 
#top-bar li a:hover {
    -moz-transition: all 300ms ease 350ms;
    -o-transition: all 300ms ease 350ms;
    -webkit-transition: all 300ms ease 350ms;
    transition: all 300ms ease 350ms;
    border-radius: 5px 5px 0 0;
    height: 58px;
    margin-top:-20px;
    text-decoration: none;
}
 
#top-bar li a, #top-bar li a:visited {
    color:#383838;
}
 
#top-bar  li a.current-link {
    color: #999333;
}
 
/* SEARCH BOX
=============================*/
 
#search-top-box {
    -moz-transition: all 500ms ease 0s !important;
    -o-transition: all 500ms ease 0s !important;
    -webkit-transition: all 500ms ease 0s !important;
    background: none repeat scroll 0 0 rgba(240, 240, 240, 0.2);
    border: 1px solid #CECECE;
    border-radius: 0 4px 4px 0;
    color: transparent;
    display:none;
    height: 32px;
    margin-right: 16px;
    position: absolute;
    right: 0;
    text-align: right;
    top: 110px;
    width: auto;
}
 
.search-box .query-area {
    display:none;
}
 
#search-top-box input.text.empty {
    color: transparent;
    content: "]]";
    cursor: pointer !important;
    font-style: italic;
    margin-right: 0;
    margin-top: 0;
    text-align: left;
    text-indent: -8000px;
    width: 20px;
    z-index: 60;
}
 
#search-top-box input.text:focus {
    background-color: #FFFFFF !important;
    border: 1px solid #BBBBBB !important;
    box-shadow: none !important;
    color: #666666 !important;
    margin-left: 15px;
    width: 115px !important;
    z-index: -1 !important;
}
 
#search-top-box input.text.empty:focus input.button {
    z-index: 999 !important;
}
 
#search-top-box input.button {
    background: url("http://www.greentree.co/local--files/css:theme/search.png") no-repeat scroll left top transparent;
    border: medium none;
    box-shadow: none;
    color: transparent;
    display: block;
    font-size: 0;
    height: 25px;
    line-height: 0;
    opacity: 1;
    padding: 0;
    position: absolute;
    right: 0;
    text-indent: -9999px;
    top: 3px;
    width: 22px;
    z-index: -1;
}
 
#search-top-box input.text {
    -moz-transition: all 500ms ease 0s;
    -o-transition: all 500ms ease 0s !important;
    -webkit-transition: all 500ms ease 0s !important;
    background: none repeat scroll 0 0 transparent;
    border: 1px solid transparent !important;
    box-shadow: none;
    color: transparent;
    margin: 0;
    padding: 7px 25px 7px 5px;
    top: -1px;
    width: 16px;
    z-index: 60;
}
 
#search-top-box input.button:hover {
    opacity: 1;
}
 
#search-top-box input.button:active {
    right: 20px !important;
    position: absolute !important;
    top: 3px !important;
}
 
/* BUTTONS
============================== */
 
form div.buttons {
    margin-left:59px;
}
 
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-family: "Open Sans";
    background: #ececec;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f3f3f3), color-stop(50%,#ececec), color-stop(100%,#ececec));
    background: -moz-linear-gradient(center top, #ffffff 0%, #f3f3f3 50%, #ececec 50%, #ececec 100%);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border-color: #8e8e8e;
    border-width: 1px;
    border-style: solid;
    font-weight: 100;
    -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);
    margin: 0 5px;
}
 
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;
}
 
#tags-button, #site-tools-button, #edit-sections-button, #edit-append-button, #watchers-button, #backlinks-button, #view-source-button, #page-block-button {
    display: none;
}
 
.pager .current {
    color: #000000 !important;
}
 
/* CONTENT
=============================================== */
 
.greenbox p {
    color: darkblue;
    margin-top: 0;
    padding: 10px;
}
 
#breadcrumbs {
    display:none;
}
 
#main-content {
    background-color: #fff;
    margin-left: 0;
    padding: 0;
}
 
#page-title {
    display:none;
}
 
/* COLLAPSIBLE BLOCKS
============================================*/
 
.collapsible-block-link {
    height: auto;
    padding: 6px 10px;
    font-family: "Open Sans";
    background: #ececec;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f3f3f3), color-stop(50%,#ececec), color-stop(100%,#ececec));
    background: -moz-linear-gradient(center top, #ffffff 0%, #f3f3f3 50%, #ececec 50%, #ececec 100%);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border-color: #8e8e8e;
    border-width: 1px;
    border-style: solid;
    font-weight: 100;
    -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);
    margin: 0 5px 5px;
}
 
/* SLIDESHOW
============================================*/
 
iframe.html-block-iframe {
    margin: 0;
}
 
/* COLUMNS
============================================*/
 
div.column1, div.column2, div.column3, div.column4, div.column5, div.column6 { 
    float: left;
    padding: 0 5px; 
    position:relative; 
 
}
 
div.column1, div.column2, div.column3 { 
    background-color: #F2ECDE;
    border-top: 5px solid #fff;
    height:250px;
    margin-top:-29px;
    min-height: 70px;
    padding-right:20px;
}
 
div.column1 {
    margin-left:3px;
    width:297px;
}
 
div.column2 {
    width:300px;
}
 
div.column3 {
    width:297px;
}
 
div.column4 { 
    width:100px; 
}
 
div.column5, div.column6{ 
    width:400px; 
}
 
div.column4, div.column5, div.column6 { 
    background-color: #fff;
    min-height: 200px;
    padding-right:20px;
}
 
/* DATAFORMS
============================================*/
 
.form-labels {
    color: #000;
    font-family: "Open Sans";
    vertical-align: top;
    width:250px;
}
 
#action-area {
    background-image: url("http://www.greentree.co/local--files/css:theme/gtr_logo_300.png");
    background-position: right top;
    background-repeat: no-repeat;
    margin-top: 50px;
    min-height: 1500px;
    padding-top: 50px;
}
 
.dataform-file-chooser {
    color: #468259;
}
 
/* Following rule is for the reset/delete/add file button in the dataform */
.form-values a {
    background-color:#888;
    border:1px solid #383838;
    color: aquamarine;
    margin-left:50px;
    padding:0 10px;
}
 
.form-table .form-hinted {
    color: #AOAOAO;
}
 
/* FOOTER
============================== */
 
#footer {
    background-color: #42382F;
    border-bottom: 1px solid #888;
    border-left: 2px solid #AECB01;
    border-right: 2px solid #AECB01;
    height: 205px;
    margin: 0 auto;
    width:955px;
}
 
#footer td, #footer a {
    color: #fff;
}
 
#footer a:hover{
    background-color: transparent;
}
 
#page-info {
    display:none;
}
 
.page-watch-options {
    display:none;
}
 
.page-options-bottom {
    height: 20px;
    margin: 10px 0 0 0;
    text-align: right;
}
 
.page-options-bottom a {
    height: auto;
    padding: 6px 10px;
    font-family: "Open Sans";
    background: #ececec;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f3f3f3), color-stop(50%,#ececec), color-stop(100%,#ececec));
    background: -moz-linear-gradient(center top, #ffffff 0%, #f3f3f3 50%, #ececec 50%, #ececec 100%);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border-color: #8e8e8e;
    border-width: 1px;
    border-style: solid;
    font-weight: 100;
    -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);
    margin: 0 5px;
}
 
#license-area {
    color: #FFFFFF;
    margin-left:-104px;
    margin-top: -46px;
    padding: 0.5em 0;
    text-align: center;
}
 
#license-area a, #license-area a:visited {
    color: #ccc;
}
 
.trustwave {
    margin: -5px 0 0 20px;
    position: absolute;
}
 
/* CODE
============================== */
 
.code {
    border-radius: 5px;
}
 
pre {
    white-space: pre-wrap;
}
 
/* SITE MANAGER
==============================*/
 
#site-manager-menu li a {
    color: #383838;
}
 
/* 404 MESSAGE
==============================*/
#page-content p #404-message  {
    border: 2px solid #888;
}
 
#create-it-now-link a {
    color: red;
    border: 2px solid #888;
    padding: 5px;
    border-radius: 5px;
}
 
#action-area h1 { visibility:hidden; }

SHOP (2)

@import url("/css:theme/code/1");
 
/* CONTAINERS
============================================*/
 
#container {
    min-height: 760px;
}
 
/* CONTENT
============================================*/
 
#page-content {
    padding: 0;
}
 
/* COLUMNS
============================================*/
 
div.column1, div.column2, div.column3 {
    height: 225px;
    min-height:70px;
}

SITE ADMIN, INC, CSS (3)

@import url("/css:theme/code/1");
 
/* LOGIN
=============================================== */
 
#login-status {
    visibility: visible;
}

SLIDESHOW (4)

@import url("/css:theme/code/1");
Copyright © 2012-2017 Green Tree
Powered by Wikidot, Ecwid & Total Web Solutions