St. Christina College Theme

Link to article: St. Christina College Theme.

@import url(https://scp-wiki.wikidot.com/local--code/theme:cc-theme/1);

(none)

```
code
```

[[module CSS]]
@import url(https://scp-wiki.wikidot.com/local--code/theme:cc-theme/1); 
[[/module]]

[[iftags +theme]]
[[>]]
**Rating:**
[[module Rate]]
[[/>]]

[[>]]
**Rating w/ Credit Module:**
[[/>]]

[[include :scp-wiki:info:start]]
Info about your page.
[[include :scp-wiki:info:more]]
More information about your page.
[[include :scp-wiki:info:end]]

+ Credit
Created by [[*user MScarlet]] for the Chinese wiki. Original theme page [http://scp-wiki-cn.wikidot.com/component:cc-theme here].

Modified and ported to the English wiki by [[*user tetsusquared]].

+ Usage

To import this theme to your page, put the following anywhere inside it:

[[div class="code"]]
@@[[include :scp-wiki:theme:cc-theme]]@@
[[/div]]

------

+ Examples

[[include component:image-block name= CClogo.png|caption=St. Christina College Theme|width=100px]]

A horizontal rule can be created with 5 hyphens "@@-----@@" and extends across the whole page if it's not placed inside anything (eg a blockquote). The lines separating sections of this document are horizontal rules.

Titles can be created by putting between one and six plus "+" at the start of the line.

[[collapsible show="+ Titles" hide="- Titles"]]
+ First Title

++ Second Title

+++ Third Title

++++ Fourth Title

+++++ Fifth Title

++++++ Sixth Title
[[/collapsible]]

@@ @@

[[tabview]]
[[tab Tabulator]]
This is a tab view.
[[/tab]]
[[tab Tabulation]]
Hey look, more text here.

How quaint.
[[/tab]]
[[tab Long Tab]]
This is a long tab. It contains a lot of text.

This is a long tab. It contains a lot of text.

This is a long tab. It contains a lot of text.

This is a long tab. It contains a lot of text.

This is a long tab. It contains a lot of text.

This is a long tab. It contains a lot of text.

This is a long tab. It contains a lot of text.

This is a long tab. It contains a lot of text.

This is a long tab. It contains a lot of text.

This is a long tab. It contains a lot of text.

This is a long tab. It contains a lot of text.

This is a long tab. It contains a lot of text.
[[/tab]]
[[tab Empty Tab]]
[[/tab]]
[[tab Empty Tab]]
[[/tab]]
[[tab Empty Tab]]
[[/tab]]
[[tab Empty Tab]]
[[/tab]]
[[tab Empty Tab]]
[[/tab]]
[[tab Empty Tab]]
[[/tab]]
[[/tabview]]

> This is a blockquote, created by putting "> " at the start of each line.
>
> More text
> -----
> That's a horizontal rule
>
>> Nested blockquotes

||~ This is a ||~ table ||
||You should know || how to make these ||
||||already ||


[[code type="css"]]

@charset "utf-8";
 
/* Edited from breaddddd's personal theme.*/
 
/* COMMON */
 
h1, #page-title {
    color: #225C7C;
}
 
#page-title {
    border-color: #827f7f ;
}

a {
    color: #0f9ff6;
}

a.newpage {
    color: #0f9ff6;
}

a:hover {
    color: #0481d1;
}

a:visited{
    color: #9f0ff6; 
}

 
body {
    color: #215d87 ;
}

div#container-wrap {
    background: url(/local--files/theme:cc-theme/margin.png) top left repeat-x;
}
 
#header {
    height: 120px;
    background: url(/local--files/theme:cc-theme/CClogo.png) 10px 35px no-repeat;
}

#search-top-box-input {
    color: #15486B ;
    background-color: #ffffff ;
}

#search-top-box-input:hover,
#search-top-box-input:focus {
    background-color: #fff;
}

#search-top-box-form input[type=submit] {
    color: #fff  ;
    background-color: #225c7c ;
    background: linear-gradient(to bottom, #225c7c ,#15486b ,#0b3851);  
}

#search-top-box-form input[type=submit]:hover,
#search-top-box-form input[type=submit]:focus {
    border: solid 1px #f0fcff ;
    background-color: #225c7c ;
    background: linear-gradient(to bottom, #225c7c ,#15486b ,#0b3851 );/* 按钮 */
}
 
#login-status {
    color: #15486b ;
}

#login-status a {
    background: transparent;
    color: #15486b ;
}

#login-status ul a {
    color: #15486b ;
    background: transparent;
}
 
#account-topbutton {
    background: #f0fcff ;
    color: #0b3851 ;
}
 

 
#header h1 a {
    color: transparent;
    text-shadow: none;
}
 
#header h1 a::before {
    content: "St. Christina College";
    color: #0481d1;
    text-shadow: 3px 3px 5px #0c4d66;
}
 
#header h2 span {
    color: transparent;
    text-shadow: none;
}
 
#header h2 span::before {
    content: '　聖克莉斯汀娜書院　';
    color: #478bad;
    text-shadow: 1px 1px 1px #0c4d66;
}
 
#top-bar a {
    color: #15486B;
}
 
#top-bar ul li.sfhover a,
#top-bar ul li:hover a {
    color: #15486b ;
}

#top-bar ul li ul a, #top-bar a:hover {
    color: #225c7c;
}/* horizontal strip */
 
#side-bar .side-block,
#interwiki .side-block {

    border: 1px solid #0c4d66 ;

    box-shadow: 0 2px 6px rgba(102,0,0,.5);
    background: #f0fcff;

}

#side-bar .heading,
#interwiki .heading {
    color: #225c7c ;
    border-bottom: solid 1px #2e2930 ;
}

#side-bar div.menu-item.inactive a {
    color: #225c7c ;
}

#side-bar div.menu-item .sub-text {
    color: #225c7c;
}

#side-bar .collapsible-block-unfolded-link {
    border-bottom: solid 1px #522f60 ;
}

#side-bar .collapsible-block-unfolded-link .collapsible-block-link {
    color: #225C7C ;
}

#side-bar .collapsible-block-unfolded-link .collapsible-block-link:hover {
    color: #225C7C ;
}

#side-bar a:visited {
    color: #9f0ff6; 
}


/* YUI-TABS */
.yui-navset .yui-content{
    background-color: #dae6e8;
}

.yui-navset .yui-nav a,
.yui-navset .yui-navset-top .yui-nav a {
    background-color:#94c7d3;
    background-image: url(/local--files/theme:cc-theme/yuitabs.png);
}

.yui-navset .yui-nav .selected a,
.yui-navset .yui-nav .selected a:focus, /* no focus effect for selected */
.yui-navset .yui-nav .selected a:hover { /* no hover effect for selected */
    background:#D8D8D8  url(/local--files/theme:cc-theme/yuitabs.png) repeat-x left -1402px; /* selected tab background */
}

.yui-navset .yui-nav a:hover,
.yui-navset .yui-nav a:focus {
    background:#15486B url(/local--files/theme:cc-theme/yuitabs.png) repeat-x left -1302px;
}

.yui-navset .yui-nav,
.yui-navset .yui-navset-top .yui-nav {
    border-color: #15486B;
}
 
.scp-image-block {
    border: solid 1px #fce98b;
}
 


/* Rate customizations */
div.page-rate-widget-box .rate-points {
  background-color: #0481d1;
  border: solid 1px #0d3754 ;
}

.page-rate-widget-box .rateup,
.page-rate-widget-box .ratedown {
  background-color: #5eb8f2;
  border-top: solid 1px #0d3754 ;
  border-bottom: solid 1px #0d3754 ;
}

.page-rate-widget-box .rateup a,
.page-rate-widget-box .ratedown a {
  color: #0d3754 ;
}

.page-rate-widget-box .rateup a:hover,
.page-rate-widget-box .ratedown a:hover {
  background: #3ea8df;
}

.page-rate-widget-box .cancel {
  background-color: #0481d1 ;
  border: solid 1px #0d3754 ;
}

.page-rate-widget-box .cancel a {
  color: #0d3754;
}

.page-rate-widget-box .cancel a:hover {
    background: #0991e1;
}

#u-credit-view-button {
    display: block;
    text-align: right;
}
 

/* Credit module customizations */
div.rate-box-with-credit-button{
    background-color: #0481d1;
    border: solid 1px #0d3754;
    border-radius: 5px;
    box-shadow: 1px 1px 3px rgba(0,0,0,.5);
}
div.rate-box-with-credit-button .creditButton p a{
    border-left: solid 1px #0481d1;
}
div.rate-box-with-credit-button .creditButton p a:hover {
    color: #0d3754;
    background: #0991e1;
}

div.rate-box-with-credit-button .page-rate-widget-box .cancel {
    border-radius: 0;
    border-bottom: 0;
}

div.rate-box-with-credit-button .page-rate-widget-box .cancel a:hover {
    background: #0991e1;
} 

div.creditButtonStandalone p a{
    background: #0481d1;
}
div.creditButtonStandalone p a:hover {
    background: #0d3754;
}

[[/code]]
[[/iftags]]

St. Christina College Theme

Module Styles

Inline Styles

Includes

CSS Classes

Page Source