Default Theme

This theme is not in use. The current main theme for the site is vineyard:css

Site Manager
CSS Pages

edit

/* @-RULES
=============================*/
 
/* THEME COLOURS
=============================*/
 
/* CONTAINERS
=============================*/
 
#header, #top-bar {
    width: 950px;
    margin: 0 auto;
}
 
html, body {
    height: 100%;
}
 
body {
    background-color: #474747;
    font-size: 0.80em;
    color: #000;
}
 
div#container-wrap {
        background-image: none;
    min-height:1000px;
        background-repeat: repeat-x;
}
 
#container {
    padding-top:0
}
 
#content-wrap {
    margin-top: 0px;
}
 
/* LINKS
=============================*/
 
a {
    color: #dddddd;
    text-decoration: none;
}
 
a:link, a:visited {
    color: #00137F;
}
 
a.newpage {
    color: maroon;
    text-decoration: none;
}
 
a:hover {
    background-color: #ddd;
    color: #222222;
    text-decoration: underline;
}
 
#breadcrumbs:before {
    content: "You are at:";
    margin-right: 0.5em;
}
 
/* H1, H2 etc
=============================*/
 
h1, #page-title {
    color: #011640;
    padding: 0 0 0.25em;
    margin: 0 0 0.6em;
    font-weight: normal;
}
 
h1 {
    margin-top: 0.7em;
    padding: 0;
    font-weight: bold;
    color:#011640;
}
 
h2, h3, h4, h5, h7 {
    margin: 0.5em 0 0.4em;
    padding: 0;
    letter-spacing: 1px;
}
 
h6 {
    text-indent: 25px;
}
 
/* LIST
=============================*/
 
ul {
    list-style: square;
}
 
li, p {
    line-height: 141%;
}
 
/* HEADER
=============================*/
 
#header {
    -moz-border-radius-topleft:20px;
    -moz-border-radius-topright:20px;
    background:transparent url(http://strathviewconsultants.wikidot.com/local--files/css:theme2010/bg3.jpg) no-repeat center bottom;
    height:200px;
    position:relative;
    top:50px;
    width:950px;
}
 
#header #login-status, #login-status a {
    color: #1C4850;
    font-weight: normal;
}
 
#header h1 {
    left:50px;
    padding:0;
    position:relative;
    top:90px;
    width:750px;
}
 
#header h2 {
    color:#FFFFFF;
    font-size:125%;
    left:500px;
    margin:0;
    max-height:38px;
    padding:0;
    position:relative;
    text-align:center;
    top:85px;
    width:350px;
}
 
/* clickable logo */
 
h1 a {
        height:175px;
        margin-top:0px;
        width:950;
        z-index:-100;
}
 
#header h1 a, #header h1 a:hover {
    background-color:transparent;
    color:silver;
    height:150px;
    top:0;
    width:950px;
}
 
/* SEARCH BOX
=============================*/
 
#search-top-box {
    left:0;
    margin-left:90px;
    position:absolute;
    text-align:left;
    top:160px;
    width:500px;
    z-index:9;
}
 
.search-box .query-area {
    text-align:center;
    display: none;
}
 
#search-top-box form {
    background-color: transparent;
    height: 25px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0px;
    width: 280px;
    z-index: 9;
}
 
#search-top-box input.empty {
    color:#011670;
    width:180px;
}
 
/* BUTTONS
=============================*/
 
div.buttons input, input.button, button, file, a.button {
        background-color:#A2CFD5;
        border:1px solid #023E49;
        color:#023E49;
        margin:0 2px;
        padding:0 0.5em;
        text-decoration:none;
    -moz-border-radius-bottomleft: 20px;
    -moz-border-radius-bottomright: 20px; 
    -moz-border-radius-topleft: 20px; 
    -moz-border-radius-topright: 20px; 
}
 
.new-page-box {
    text-align:left !Important;
}
 
/* LOGIN
=============================*/
 
#login-status {
    -moz-border-radius-topleft: 20px; 
    -moz-border-radius-topright: 20px; 
    background-image: none;
    position: absolute;
    top: 200px;
    height: 20px;
    width: 250px;
    color: #004E0B;
    font-size: 90%;
    z-index: 6;
    margin: 0;
    right: 20px;
    overflow: visible;
    padding: 5px 0 0 15px;
    text-align:right;
}
 
#login-status ul a {
    color: #700;
    background: transparent;
}
 
/* INPUT
=============================*/
 
input {
    font-size:100%;
}
 
input.text {
    -moz-border-radius: 10px;
    background-color:#A2CFD5;
    border:1px solid #8FCFEE;
    color:#023E49;
    width: 180px;
}
 
input.empty {
    background-color:transparent;
    color: #023E49;
}
 
/* ACCOUNT
=============================*/
 
#account-topbutton {
    border:1px solid #8FCFEE;
    font-size:80%;
    font-weight:bold;
    margin-left:5px;
    padding:0 5px;
    text-decoration:none;
    -moz-border-radius: 5px;
}
 
#account-topbutton {
    background: transparent;
    color: #FFFFFF;
}
 
#account-options {
    background-color: #76B7D6;
    opacity: 0.5;
    border:0px;
    display: none;
    padding:0;
    position:absolute;
    text-align: center;
    right:280px;
    width:135px;
    z-index:7;
    top: 0.5em
}
 
#account-options ul {
    display:block;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin: 0;
    padding:0;
    color: white;
}
 
#account-options li {
    display:block;
    margin:0;
    padding:0;
    width:100%;
    color: white;
 
}
 
#account-options li a {
    -moz-box-sizing:border-box;
    display:block;
    padding:2px 5px;
    width:100%;
    z-index:8;
    color: white;
}
 
#account-options li a:hover {
    color: black;
    background-color: white;
    opacity: 0.5;
}
 
.printuser img.small {
    margin-right: 0.4em;
}
 
/* TOP BAR 
=============================*/
 
#top-bar {
    background-color:transparent;
    display:none;
    font-size:90%;
    height:20px;
    line-height:2px;
    padding:0;
    position:absolute;
    right:0;
    top:150px;
}
 
#top-bar a:link, #top-bar a:visited {
    background-color:#1C4850;
    color:#ffffff;
    text-decoration:none;
    margin-top:0px;
}
 
#top-bar a, #top-bar li ul li a {
    background-color:#4E643D;
}
 
#top-bar ul {
    display:inline;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin:0;
    padding:0;
}
 
#top-bar li ul {
    width:300px;
}
 
#top-bar li ul li a { 
    width: auto; 
}
 
#top-bar a:hover, #top-bar li ul li a:hover {
    text-decoration: none;
    background-color:silver;
    color:white;
}
 
/* SIDE MENU
=============================*/
 
.sidemenu {
    -moz-border-radius-bottomleft:30px;
    -moz-border-radius-bottomright:30px;
    -moz-border-radius-topleft:30px;
    -moz-border-radius-topright:30px;
    background-color: #FFFFFF; 
    border-bottom medium none; 
    border-left: 3px solid #ACC98C;
    border-right:medium none; 
    border-top medium none; 
    float:right; 
    margin: 1em 0 1em 0;
    padding: 0 0 0 1em;
    text-align: right;
    width: 15em;
}
 
/* PAGE TITLE
=============================*/
 
#page-title {
    color:#560000;
    margin-top: 10px;
    padding-top: 2em;
    padding-bottom: 0;
    height: 30px;
    border-bottom: none;
}
 
/* CONTENT 
=============================*/
 
#main-content {
    background-color:#FFFFFF;
    margin:0 auto;
    min-height: 500px;
    padding:0 25px;
    position:relative;
    top:0;
    width:900px;
}
 
textarea {
    background-color: #92BC96;
    -moz-border-radius: 10px;
}
 
.pager {
    float:right;
    margin:0.5em 0;
    width:100%;
}
 
/* COLUMNS
=============================*/
/*2 column layout */
div.column21 { 
    float: left;
    margin-left: -20px; 
    padding: 0 10px 0 0; 
    position:relative; 
    width:268px;
}
 
div.column22 { 
    float: left;
    margin-left: -30px; 
    padding: 0 10px; 
    position:relative; 
    width:320px;
}
 
/* PAGE OPTIONS
=============================*/
 
..page-options-bottom {
    height:1%;
    margin: 0px 0;
    text-align:right;
    position: relative;
    z-index:20;
    top: 50px;
}
 
.page-options-bottom a, a.action-area-close {
    background-color:transparent;
     text-decoration:none;
}
 
#action-area {
    padding:5em 0 1em;
    width:100%;
}
 
/* TABLES
============================== */
 
table {
    empty-cells:show;
    width:80%;
}
 
table.wiki-content-table {
    background-color: #CEE8E5;
    border-collapse:collapse;
    border-spacing:0;
    color:#2D5491;
    margin:0;
    width: 70%;
}
 
table.wiki-content-table th {
    background-color:#003F4B;
    border:1px solid #888888;
    color:white;
    padding:0.3em 0.7em;
    text-align:left;
}
 
table.wiki-content-table tr {
    border:1px solid darkgray;
}
 
table.wiki-content-table td {
    background-color: #CEE8E5;
    border:none;
    padding:0.3em 0.7em;
    text-align:left;
}
 
table.page-files {
    background-color:#CEE8E5;
    border:1px solid #468259;
    border-collapse:collapse;
    border-spacing:0;
    margin:1em auto;
}
 
.layout {
    border-collapse:collapse;
    color:#3B485F;
    table-layout:fixed;
    width:100%;
}
 
.layout tr {
    background:#FCFFDF none repeat scroll 0 0;
    border-bottom:1px solid #EFEFEF;
}
 
.layout td {
    border: 1px solid darkgray;
    padding-left:1em;
}
 
.layout .truncate {
    overflow:hidden;
    white-space:nowrap;
}
 
.layout .header {
    background:#AFCCFF none repeat scroll 0 0;
    border-bottom:1px solid #9F9F9F;
    font-size:13px;
    font-weight:bold;
    height:2em;
}
 
.layout .footer {
    background:#FCFFDF none repeat scroll 0 0;
    border-bottom:1px solid #9F9F9F;
    border-top:1px solid #9F9F9F;
    font-weight:bold;
}
 
/* CODE
=============================*/
 
.code {
    -moz-border-radius: 10px;
    background-color: #C2DFFF;
    background-image:url(http://strathviewconsultants.wikidot.com/local--files/support:images/2.png);
    background-repeat: no-repeat;
    border:1px dashed #DDDDDD;
    color: #011640;
    font-family:'Andale Mono','Courier New',Courier,monospace;
    margin:0.4em 0;
    overflow:auto;
    padding:3em 1em 0.1em;
    width: 550px;
}
 
pre {
    white-space:pre-wrap;
}
 
/* FOOTER
=============================*/
 
#footer {
    position: relative;
    bottom: 0px;
    z-index: 1;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
    padding-left: 10px;
    padding-right: 10px;
    width: 930px;
    height:164px;
    margin: auto;
}
 
#footer {
    color: #011640;
    background-image: url(http://strathviewconsultants.wikidot.com/local--files/css:theme2010/footer3.jpg);
}
 
#footer {
    -moz-border-radius-bottomleft:10px;
    -moz-border-radius-bottomright:10px;
    -moz-border-radius-topleft:0px;
    -moz-border-radius-topright:0px;
}
 
#footer .options {
    float: right;
    font-size: 90%;
    padding: 53px 0;
    margin-right: 10px;
    z-index:1;
    color: #011640;
}
 
#footer a {
    color: #011670;
}
 
/* LICENSE
=============================*/
 
#license-area {
    padding: 0 0;
    color: #011640;
    text-align: center;
    font-size: 80%;
}
 
/* OTHER PAGE FOOTER INFO
=============================*/
 
#page-info {
    display: none !important;
}
 
.page-options-bottom {
    margin: 0;
}
 
.page-watch-options {
    font-size:95%;
    text-align:right;
}
 
/* FORUM
===========================*/
 
.forum-group div.head {
    -moz-border-radius-bottomleft:5px;
    -moz-border-radius-bottomright:5px;
    -moz-border-radius-topleft:5px;
    -moz-border-radius-topright:5px;
 
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
 
    background-color:#FFFBD1;
    border:1px solid #333333;
    color:#0A1E4C;
    margin:0;
    padding:0.5em 1em;
}
 
.forum-group table tr.head td {
    background-color:#E4E8B3;
    font-size:85%;
    text-align:center;
}
 
.thread-container .post .head {
    background-color: #E6EDF2;
}
 
.thread-container .post .long .head .info {
    background-color: #E5E7E8;
}
 
/* TABS
============================== */
 
.yui-navset .yui-nav .selected a, .yui-navset .yui-nav .selected a em {
    background-color: gray;
}
 
.yui-navset .yui-nav, .yui-navset .yui-navset-top .yui-nav {
    border-color: gray;
}
 
.yui-navset .yui-content {
    background-color: #F7F3DE;
}
 
/* GOOGLE VISUALIZATION TABLES
=============================*/
 
.google-visualization-table-tr-head, .google-visualization-table-tr-head td, .google-visualization-table-tr-head-nonstrict {
    background:#FFFFFF url(http://strathviewconsultants.wikidot.com/local--files/css:theme2009/title-bg.gif) repeat-x scroll left bottom !Important;
    font-weight:bold;
    text-align:center;
}
 
.google-visualization-table-th {
    border:1px solid #EEEEEE;
    padding:6px;
}
 
/* Box Shadow (Firefox 3.5+)
=============================*/
 
.shbox-simple, .shbox-blur, .shbox-spread, .shbox-multiple, .shbox-negative, .shbox-inset {
    background: #DDDDDD;
    border: 1px solid #627369;
    text-align: center;
    color: #468259;
    width: 20%;
    margin-left: 5%;
    -moz-border-radius:25px;
}
 
.shbox-simple {
    -moz-box-shadow: 3px 3px gray;
}
 
.shbox-blur {
    -moz-box-shadow: 3px 3px 5px gray;
 
}
 
.shbox-spread {
    -moz-box-shadow: 0 0 5px 5px aqua;
}
 
.shbox-multiple {
    -moz-box-shadow: 0 0 20px black, 20px 15px 30px yellow, -20px 15px 30px lime, -20px -15px 30px blue, 20px -15px 30px red;
 
}
 
.shbox-negative {
    -moz-box-shadow: 0 5px 5px -3px black;
}
 
.shbox-inset {
    -moz-box-shadow: inset 1px 1px 10px #888;
}
 
/* SIDETABS
==============================*/
 
.home a, .about a, .contact a, .location a, .prices a, .wikis a, .websites a, .intranets a, .current a, .support a {
    background-image: url(http://www.strathviewconsultants.co.uk/local--files/css:theme2010/csssidetab.png);
    background-repeat: no-repeat;
    color: transparent;
    display: block;
    height: 110px;
    overflow: hidden;
    position: absolute;
    text-indent:-9999px;
    width: 25px;
    z-index: 40;
}
 
.home a, .about a, .contact a, .location a, .prices a {
    right: 950px;
}
 
.wikis a, .websites a, .intranets a, .current a, .support a {
    left: 950px;
}
 
.home a {
    background-position: -43px -0px;
    top:6px;
}
 
.about a { 
    background-position: -43px -115px;
    top:121px;
}
 
.contact a { 
    background-position: -43px -230px;
    top: 236px;
}
 
.location a { 
    background-position: -0px -230px; 
    top: 351px;
}
 
.prices a {    
    background-position: -0px -345px;
    top: 466px;
}
 
.wikis a {
    background-position: -43px -345px;
    top: 6px;
}
 
.websites a {
    background-position: -43px -460px;
    top: 121px;
}
 
.intranets a {
    background-position: -0px -115px;
    top: 235px;
}
 
.current a {
    background-position: -0px -0px;
    top: 351px;
}
 
.support a {
    background-position: -0px -460px;
    top: 466px;
}
 
.home a:hover, .about a:hover, .contact a:hover, .location a:hover, .prices a:hover, .wikis a:hover, .websites a:hover, .intranets a:hover, .current a:hover, .support a:hover {
    background-image: url(http://www.strathviewconsultants.co.uk/local--files/css:theme2010/csssidetabhover.png);
    background-repeat: no-repeat;
    color: transparent;
    display: block;
    height: 110px;
    overflow: hidden;
    position: absolute;
    text-indent:-9999px;
    width: 25px;
    z-index: 40;
}
 
.home a:hover, .about a:hover, .contact a:hover, .location a:hover, .prices a:hover {
    right: 950px;
}
 
.wikis a:hover, .websites a:hover, .intranets a:hover, .current a:hover, .support a:hover {
    left: 950px;
}
 
.home a:hover {
    background-position: -43px -0px;
    top:6px;
}
 
.about a:hover { 
    background-position: -43px -115px;
    top:121px;
}
 
.contact a:hover { 
    background-position: -43px -230px;
    top: 236px;
}
 
.location a:hover { 
    background-position: -0px -230px; 
    top: 351px;
}
 
.prices a:hover {    
    background-position: -0px -345px;
    top: 466px;
}
 
.wikis a:hover {
    background-position: -43px -345px;
    top: 6px;
}
 
.websites a:hover {
    background-position: -43px -460px;
    top: 121px;
}
 
.intranets a:hover {
    background-position: -0px -115px;
    top: 235px;
}
 
.current a:hover {
    background-position: -0px -0px;
    top: 351px;
}
 
.support a:hover {
    background-position: -0px -460px;
    top: 466px;
}
Site Design, Syntax and Examples by Rob Elliott 2008-2016