jschaufuss/DiceCloud
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

changed color scheme

Browse Source
This commit is contained in:
Thaum
2014-11-05 12:35:50 +00:00
parent 5e0a912d21
commit 58fea9d6a1
6 changed files with 53 additions and 59 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
rpg-docs/client/views/character/character.css
View File

@@ -12,15 +12,17 @@
/*Float boxes are indivisble, have shadows*/
.floatBox{
border-image-width: 90px 54px 50px 54px;
border-image-outset: 10px;
color: #301d02;
border-image-width: 92px 60px 57px 60px;
border-image-outset: 15px;
border-image-source: url('/png/big-border.png');
border-image-slice: 271 163 151 163;
border-image-slice: 275 179 171 179;
border-image-repeat: stretch;
padding: 5px 10px 5px 10px;
margin: 10px;
background: white;
padding: 0px 5px 5px 5px;
margin: 15px;
background: #f0e3d1;
border-radius: 20px;
}
@@ -30,18 +32,10 @@
/* headings in floatboxes */
.floatBox h2{
background: black;
color: white;
font-size: 1em;
padding: 2px 15px;
}
.floatBox h2:first-child{
margin: -5px -5px 0px -5px;
}
.floatBox.rounded {
display: inline-block;
text-align: center;
}

7
rpg-docs/client/views/character/healthBar/healthBar.css
View File

@@ -41,10 +41,9 @@
position: absolute;
left: -1px;
height: 0px;
border-width: 15px 40px 15px 40px;
width: 222px;
border-image: url('/png/bar-border.png') 44 120 49 119 stretch;
width: 227px;
border-width: 15px 37px 16px 37px;
border-image: url('/png/bar-border.png') 46 112 48 112 stretch;
display: flex;
justify-content: center; /* align horizontal */
align-items: center; /* align vertical */

82
rpg-docs/client/views/colors/colors.less
View File

@@ -1,6 +1,6 @@
/* LESS - http://lesscss.org style sheet */
/* Palette color codes */
/* Palette URL: http://paletton.com/#uid=70b0u0kw0aqkOe4l1FfXbp18V3P */
/* Palette URL: http://paletton.com/#uid=7000K0kDPzIFM9PC5lZm-D39kMT */
/* Feel free to copy&paste color codes to your application */
@@ -9,57 +9,57 @@
/* As hex codes */
@color-primary-0: #531300; /* Main Primary color */
@color-primary-1: #703827;
@color-primary-2: #FF7D58;
@color-primary-3: #C72D00;
@color-primary-4: #1E1816;
@color-primary-0: #FF0000; /* Main Primary color */
@color-primary-1: #4E0000;
@color-primary-2: #AF0000;
@color-primary-3: #FF4B4B;
@color-primary-4: #FFB5B5;
@color-secondary-1-0: #532D00; /* Main Secondary color (1) */
@color-secondary-1-1: #704F27;
@color-secondary-1-2: #FFB358;
@color-secondary-1-3: #C76C00;
@color-secondary-1-4: #1E1B16;
@color-secondary-1-0: #0961B0; /* Main Secondary color (1) */
@color-secondary-1-1: #021C33;
@color-secondary-1-2: #063F71;
@color-secondary-1-3: #4182BC;
@color-secondary-1-4: #9DBCD7;
@color-secondary-2-0: #032335; /* Main Secondary color (2) */
@color-secondary-2-1: #1B3847;
@color-secondary-2-2: #4896C0;
@color-secondary-2-3: #01537F;
@color-secondary-2-4: #0E1213;
@color-secondary-2-0: #FF9500; /* Main Secondary color (2) */
@color-secondary-2-1: #4E2E00;
@color-secondary-2-2: #AF6700;
@color-secondary-2-3: #FFB54B;
@color-secondary-2-4: #FFE0B5;
@color-complement-0: #003B1B; /* Main Complement color */
@color-complement-1: #1C4F34;
@color-complement-2: #46CC84;
@color-complement-3: #008D41;
@color-complement-4: #101512;
@color-complement-0: #00D200; /* Main Complement color */
@color-complement-1: #003F00;
@color-complement-2: #008C00;
@color-complement-3: #40D940;
@color-complement-4: #A5E9A5;
/* As RGBa codes */
@rgba-primary-0: rgba( 83, 19, 0,1); /* Main Primary color */
@rgba-primary-1: rgba(112, 56, 39,1);
@rgba-primary-2: rgba(255,125, 88,1);
@rgba-primary-3: rgba(199, 45, 0,1);
@rgba-primary-4: rgba( 30, 24, 22,1);
@rgba-primary-0: rgba(255, 0, 0,1); /* Main Primary color */
@rgba-primary-1: rgba( 78, 0, 0,1);
@rgba-primary-2: rgba(175, 0, 0,1);
@rgba-primary-3: rgba(255, 75, 75,1);
@rgba-primary-4: rgba(255,181,181,1);
@rgba-secondary-1-0: rgba( 83, 45, 0,1); /* Main Secondary color (1) */
@rgba-secondary-1-1: rgba(112, 79, 39,1);
@rgba-secondary-1-2: rgba(255,179, 88,1);
@rgba-secondary-1-3: rgba(199,108, 0,1);
@rgba-secondary-1-4: rgba( 30, 27, 22,1);
@rgba-secondary-1-0: rgba( 9, 97,176,1); /* Main Secondary color (1) */
@rgba-secondary-1-1: rgba( 2, 28, 51,1);
@rgba-secondary-1-2: rgba( 6, 63,113,1);
@rgba-secondary-1-3: rgba( 65,130,188,1);
@rgba-secondary-1-4: rgba(157,188,215,1);
@rgba-secondary-2-0: rgba( 3, 35, 53,1); /* Main Secondary color (2) */
@rgba-secondary-2-1: rgba( 27, 56, 71,1);
@rgba-secondary-2-2: rgba( 72,150,192,1);
@rgba-secondary-2-3: rgba( 1, 83,127,1);
@rgba-secondary-2-4: rgba( 14, 18, 19,1);
@rgba-secondary-2-0: rgba(255,149, 0,1); /* Main Secondary color (2) */
@rgba-secondary-2-1: rgba( 78, 46, 0,1);
@rgba-secondary-2-2: rgba(175,103, 0,1);
@rgba-secondary-2-3: rgba(255,181, 75,1);
@rgba-secondary-2-4: rgba(255,224,181,1);
@rgba-complement-0: rgba( 0, 59, 27,1); /* Main Complement color */
@rgba-complement-1: rgba( 28, 79, 52,1);
@rgba-complement-2: rgba( 70,204,132,1);
@rgba-complement-3: rgba( 0,141, 65,1);
@rgba-complement-4: rgba( 16, 21, 18,1);
@rgba-complement-0: rgba( 0,210, 0,1); /* Main Complement color */
@rgba-complement-1: rgba( 0, 63, 0,1);
@rgba-complement-2: rgba( 0,140, 0,1);
@rgba-complement-3: rgba( 64,217, 64,1);
@rgba-complement-4: rgba(165,233,165,1);

1
rpg-docs/client/views/general.css
View File

@@ -4,4 +4,5 @@ root {
body {
font-family: sans-serif;
background-color: #333;
}