VAR/VAR.WebFormsCore
1
1
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Styling fixes

Browse Source
This commit is contained in:
Valeriano A.R.
2016-06-12 22:52:17 +02:00
parent 40373adc6c
commit 5f6e906040
3 changed files with 44 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
VAR.Focus.Web/Styles/00. Reset.css Normal file
View File

@@ -0,0 +1,17 @@
/* Reset */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
/* Remove FireFox inner padding and border on buttons */
button::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner {
padding: 0 !important;
border: 0 none !important;
}

67
VAR.Focus.Web/Styles/01. base.css
View File

@@ -1,10 +1,4 @@
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
html { html {
height: 100%; height: 100%;
} }
@@ -75,7 +69,7 @@ h3 {
.divContent { .divContent {
padding: 1px; padding: 1px;
box-shadow: 0 0 10px black inset; box-shadow: 0 0 10px black inset;
min-height: calc(100% - 41px); height: calc(100% - 41px);
overflow: auto; overflow: auto;
} }
@@ -127,33 +121,33 @@ h3 {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
font-size: 11px; font-size: 11px;
padding: 3px; padding: 3px;
box-shadow: inset 0px -2px 5px rgba(255,255,255,1), inset 0px 2px 5px rgba(128,128,128,1); box-shadow: inset 0 -2px 5px rgba(255,255,255,1), inset 0 2px 5px rgba(128,128,128,1);
} }
.textbox:focus { .textbox:focus {
border: solid 1px black; border: solid 1px black;
box-shadow: 0px 0px 10px rgba(255,255,255,0.5), inset 0px -2px 5px rgba(255,255,255,1), inset 0px 2px 5px rgba(0,0,0,0.5); box-shadow: 0 0 10px rgba(255,255,255,0.5), inset 0 -2px 5px rgba(255,255,255,1), inset 0 2px 5px rgba(0,0,0,0.5);
} }
textarea.textbox{ textarea.textbox {
height: 64px; height: 64px;
resize: vertical; resize: vertical;
} }
.textboxInvalid { .textboxInvalid {
box-shadow: 0px 0px 10px rgba(255,0,0,0.5), inset 0px -2px 5px rgba(255,255,255,1), inset 0px 2px 5px rgba(0,0,0,0.5); box-shadow: 0px 0px 10px rgba(255,0,0,0.5), inset 0 -2px 5px rgba(255,255,255,1), inset 0 2px 5px rgba(0,0,0,0.5);
border: solid 1px rgb(255,0,0); border: solid 1px rgb(255,0,0);
} }
.textboxInvalid:focus { .textboxInvalid:focus {
box-shadow: 0px 0px 10px rgba(255,0,0,0.5), inset 0px -2px 5px rgba(255,255,255,1), inset 0px 2px 5px rgba(0,0,0,0.5); box-shadow: 0 0 10px rgba(255,0,0,0.5), inset 0 -2px 5px rgba(255,255,255,1), inset 0 2px 5px rgba(0,0,0,0.5);
border: solid 1px black; border: solid 1px black;
} }
.button { .button {
padding: 5px; padding: 5px;
box-shadow: 0px 0px 10px rgba(0,0,0,0.5), inset 0px 2px 5px rgba(255,255,255,1), inset 0px -2px 5px rgba(128,128,128,1); box-shadow: 0px 0px 10px rgba(0,0,0,0.5), inset 0 2px 5px rgba(255,255,255,1), inset 0 -2px 5px rgba(128,128,128,1);
vertical-align: top; vertical-align: top;
border-radius: 5px; border-radius: 5px;
border: solid 1px black; border: solid 1px black;
@@ -176,55 +170,46 @@ h3 {
.button:active { .button:active {
background-color: rgb(220,220,220); background-color: rgb(220,220,220);
box-shadow: inset 0px 2px 5px rgba(255,255,255,1), inset 0px -2px 5px rgba(128,128,128,1); box-shadow: inset 0 2px 5px rgba(255,255,255,1), inset 0 -2px 5px rgba(128,128,128,1);
} }
.width25pc { .width25pc {
width: 25%; width: 25% !important;
} }
.width50pc { .width50pc {
width: 50%; width: 50% !important;
} }
.width75pc { .width75pc {
width: 75%; width: 75% !important;
} }
.width100pc { .width100pc {
width: 100%; width: 100% !important;
} }
.width70px { .width70px {
width: 70px; width: 70px !important;
max-width: 100%; max-width: 100% !important;
} }
.width100px { .width100px {
width: 100px; width: 100px !important;
max-width: 100%; max-width: 100% !important;
} }
.width150px { .width150px {
width: 150px; width: 150px !important;
max-width: 100%; max-width: 100% !important;
} }
.width200px { .width200px {
width: 200px; width: 200px !important;
max-width: 100%; max-width: 100% !important;
} }
.width300px { .width300px {
width: 300px; width: 300px !important;
max-width: 100%; max-width: 100% !important;
} }
/* Remove FireFox inner padding and border on buttons */
button::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner {
padding: 0 !important;
border: 0 none !important;
}

1
VAR.Focus.Web/VAR.Focus.Web.csproj
View File

@@ -61,6 +61,7 @@
<Content Include="Scripts\02. Ajax.js" /> <Content Include="Scripts\02. Ajax.js" />
<Content Include="Scripts\05. Cards.js" /> <Content Include="Scripts\05. Cards.js" />
<Content Include="Scripts\10. Chat.js" /> <Content Include="Scripts\10. Chat.js" />
<Content Include="Styles\00. Reset.css" />
<Content Include="Styles\01. base.css" /> <Content Include="Styles\01. base.css" />
<Content Include="Styles\02. Boards.css" /> <Content Include="Styles\02. Boards.css" />
<Content Include="Styles\05. Cards.css" /> <Content Include="Styles\05. Cards.css" />