Updates template instructions

19bc3691 · khawkins98 · b445008a · 19bc3691 · 19bc3691
Commit 19bc3691 authored 8 years ago by khawkins98
--- a/css/colour-template.css
+++ b/css/colour-template.css
 /*
 	Colour palette: EMBL-EBI [project name] [main colour]
+  Save as [your-project-name]-colours.css
 */

 a {

--- a/css/readme-custom-colours.txt
+++ b/css/readme-custom-colours.txt
 How to create and use a custom colour palette for your project
 -------------

-1. Select a single colour to start with. This might be the primary colour used in a logo, if you have one;
-2. Go to the Color Scheme Designer website at http://colorschemedesigner.com/csd-3.5/;
-3. Enter the hex code for your colour by clicking on the "RGB" input [screenshot];
-4. Choose the "accented analogic" preset;
-5. Click on the 'Color List' tab in the bottom left to display the colour codes
-6. Take the values displayed and use them to customise the template below
-7. Save this as [your-project-name]-colours.css and link to it in the <head> of your pages, after the other stylesheets
-
-CSS Template 
-------------
-
-/*
-*** TEMPLATE - please apply your custom values ***
-Colour palette: [project name] [main colour]
-Details: Accented Analogic from ColourSchemeDesigner
-http://colorschemedesigner.com/[custom URL]
-*/
-/*
-#####  Color Palette by Color Scheme Designer
-#####  Palette URL: http://colorschemedesigner.com/[custom URL]
-#####  Color Space: RGB; 
-*** Primary Color:
-var. 1 = #P1 = rgb(x,y,z)
-var. 2 = #P2 = rgb(x,y,z)
-var. 3 = #P3 = rgb(x,y,z)
-var. 4 = #P4 = rgb(x,y,z)
-var. 5 = #P5 = rgb(x,y,z)
-*** Secondary Color A:
-var. 1 = #A1 = rgb(x,y,z)
-var. 2 = #A2 = rgb(x,y,z)
-var. 3 = #A3 = rgb(x,y,z)
-var. 4 = #A4 = rgb(x,y,z)
-var. 5 = #A5 = rgb(x,y,z)
-*** Secondary Color B:
-var. 1 = #B1 = rgb(x,y,z)
-var. 2 = #B2 = rgb(x,y,z)
-var. 3 = #B3 = rgb(x,y,z)
-var. 4 = #B4 = rgb(x,y,z)
-var. 5 = #B5 = rgb(x,y,z)
-*** Complementary Color:
-var. 1 = #C1 = rgb(x,y,z)
-var. 2 = #C2 = rgb(x,y,z)
-var. 3 = #C3 = rgb(x,y,z)
-var. 4 = #C4 = rgb(x,y,z)
-var. 5 = #C5 = rgb(x,y,z)
-#####  Generated by Color Scheme Designer (c) Petr Stanicek 2002-2010
-*/
-/* Color
-===================================================*/
-/* These style rules will over-ride the core EBI styles and apply 
-your custom colour palette in a consistent manner */
-/* Links */
-a:link,
-a:visited { border-bottom-color: #P1; }
-a:hover,
-a:focus,
-a:active {
-color: #P1;
-border-bottom: 1px solid #P1;
-}
-a.special:hover,
-a.special:focus,
-a.special:active {
-color:#P1;
-border-bottom: 3px double #P1;
-}
-a:link { color: #A3; }
-a:hover,
-a:focus,
-a:active { color: #B3; }
-a.special { background-color: #B5; }
-/* Headings */
-h1, h2, h3, h4, h5, h6 { color: #222222; }
-h1 { color: #P1; }
-h2 { color: #C2; }
-h1 a:link,
-h2 a:link,
-h3 a:link,
-h4 a:link,
-h5 a:link,
-h6 a:link,
-h1 a:visited,
-h2 a:visited,
-h3 a:visited,
-h4 a:visited,
-h5 a:visited,
-h6 a:visited {
-border-bottom-color: #P1;
-}
-/* Table heading cells */
-th { background-color: #B1; }
-/* Form submission button */
-input.submit {
-/* colours */   
-color: #fff;
-text-shadow: #P3 1px 1px;
-border-top: 1px solid #P5;    
-border-left: 1px solid #P5;
-border-right: 1px solid #P3;
-border-bottom: 1px solid #P3;
-background-image: -moz-linear-gradient(top, #P1, #P2); 
-background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ccc),color-stop(1, #P2)); 
-background-image: -webkit-linear-gradient(#P1, #P2); 
-background-image: linear-gradient(top, #P1, #P2);
-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#P1', EndColorStr='#P2');
-}
-/* Define the basic colour your local masthead */
-div#local-masthead { background-color: #P5; }
-/* Colour the faux-underline for local menu items */
-div#local-masthead ul li a:hover,
-div#local-masthead ul li a:focus,
-div#local-masthead ul li a:active {
-border-bottom: 3px solid #P1;
-}
-
+See file: colour-template.css and save as [your-project-name]-colours.css
\ No newline at end of file