Options 1-6 in One Skin
More General Work Skins
Some people will find it easier to cut their work skins down such that different fic works have different work skins – or you might want to just have one skin and refer to different parts of it.
Here is a combined skin which has all the CSS code for options 1-6 of this “How to” Guide.
As with previous pages, if you cut and paste the yellow code below, the green comments will get stripped from the code. I would recommend saving this as a new Work skin.
/*Page Box – Box around the page. Font set to Verdana*/
workskin .PageBox1 {
border: 1px solid;
font-size: 1.1em;
font-family: “Verdana”, cursive, sans-serif;
}
/*Page Box – Box around the page. Font set to Verdana. Box has a shadow*/
workskin .pageBox2 {
background: #FFF;
color: #000;
padding: 0px;
margin: 0 auto 25px;
display: block;
box-shadow: 10px 10px 0 rgba(0,0,0,0.12), 20px 20px 20px rgba(0,0,0,0.24);
font-size: 1.2em;
font-family: “Verdana”, cursive, sans-serif;
}
/*Page Box – FOR POETRY – Box around the page. Font set to Verdana. Box has a shadow. Aligned Centre.*/
workskin .pageBoxPoetry {
background: #FFF;
color: #000;
padding: 0px;
margin: 0 auto 25px;
display: block;
box-shadow: 10px 10px 0 rgba(0,0,0,0.12), 20px 20px 20px rgba(0,0,0,0.24);
font-size: 1.2em;
font-family: “Verdana”, cursive, sans-serif;
Text-align: center;
}
/*Page Box – FOR POETRY – Box around the page. Font set to PAPYRUS. Box has a shadow. Aligned Centre.*/
workskin .pageBoxPoetry2 {
background: #FFF;
color: #000;
padding: 0px;
margin: 0 auto 25px;
display: block;
box-shadow: 10px 10px 0 rgba(0,0,0,0.12), 20px 20px 20px rgba(0,0,0,0.24);
font-size: 1.2em;
font-family: “Papyrus”, cursive, sans-serif;
Text-align: center;
}
/*Single Shade of cream paper – no shadow*/
workskin .paperCream {
position: relative;
margin: none;
background: #F7EEE1;
padding: 5% 5% 5% 5%;
text-indent: 6%;
}
/* Graduated Cream Paper*/
workskin .paperCream2 {
position: relative;
margin: none;
background: linear-gradient(#F7EEE1, #F0E0C9, #F7EEE1);
padding: 5% 5% 5% 5%;
text-indent: 6%;
}
/* Yellow Paper*/
workskin .paperYellow {
position: relative;
margin: none;
background: #FAF5A2;
padding: 5% 5% 5% 5%;
text-indent: 6%;
}
/* Pale Blue Paper */
workskin .paperBlue {
position: relative;
margin: none;
background: #F7EEE1;
padding: 5% 5% 5% 5%;
text-indent: 6%;
}
/* Grey and Green graduated paper. Specific to the Lucy sections of SEZCPL The Cursed Sisters*/
workskin .paperCursed {
position: relative;
margin: none;
background: linear-gradient(180deg, #EDF7EF, #A0A69F, #EDF7EF, #A0A69F);
padding: 5% 5% 5% 5%;
text-indent: 6%;
}
/* Green graduated paper. Specific to the Lucy sections of SEZCPL The Cursed Sisters*/
workskin .paperCursed2 {
position: relative;
margin: none;
background: linear-gradient(180deg, #EDF7EF, #D0F5DD);
padding: 5% 5% 5% 5%;
text-indent: 6%;
}
/* Grey-Blue graduated paper. Specific to the Lockwood section of SEZCPL The Cursed Sisters*/
workskin .paperLockwood {
position: relative;
margin: none;
background: linear-gradient(180deg, #A6B2BF, #A1CBF7);
padding: 5% 5% 5% 5%;
text-indent: 6%;
}
/* Sunrise graduated paper. Specific to SEZCPL Lockwood’s Dawn*/
workskin .paperDawn {
position: relative;
background: linear-gradient(180deg, #D67567, #EDA221);
padding: 5% 5% 5% 5%;
text-indent: 6%;
}
/* Sunrise graduated paper. */
workskin .paperDawn2 {
position: relative;
background: linear-gradient(180deg, #9159e9, #D67567, #EDA221);
padding: 5% 5% 5% 5%;
text-indent: 6%;
}
/* Pale Blue Paper*/
workskin .paperBlue {
position: relative;
margin: none;
background: #ABE3EB;
padding: 5% 5% 5% 5%;
text-indent: 6%;
}
/* Red-White Graduated Paper*/
workskin .paperChristmas {
position: relative;
background: linear-gradient(180deg, #F09797, white, #F09797);
padding: 5% 5% 5% 5%;
text-indent: 6%;
margin: none;
}
/* Red-White-Blue Graduated Paper*/
workskin .paperRWB {
position: relative;
background: linear-gradient(180deg, red, white, blue);
padding: 5% 5% 5% 5%;
text-indent: 6%;
margin: none;
}
/* Green graduated paper. */
workskin .paperGreen1 {
position: relative;
background: radial-gradient(circle at center, #33B03A, #73DE79, #6AD46F, #03961D);
padding: 1.5% 1.5% 1.5% 1.5%;
}
workskin .paperGreen3 {
position: relative;
background: linear-gradient(to right, #33B03A, #73DE79, #6AD46F, #319E45);
padding: 1.5% 1.5% 1.5% 1.5%;
}
/* Green-Lilac graduated paper. */
workskin .paper4 {
position: relative;
background: linear-gradient(to right, #33B03A, #DCC7ED, #6AD46F, #07F212);
padding: 1.5% 1.5% 1.5% 1.5%;
}
/* Blue-Lilac-Green graduated paper. Specific to SEZCPL The Garden Poem*/
workskin .paperGarden {
position: relative;
background: linear-gradient(180deg, #1B97F5, #DCC7ED, #319E45);
padding: 1.5% 1.5% 1.5% 1.5%;
}