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

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

@@ -1,10 +1,4 @@
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
html {
height: 100%;
}
@@ -75,7 +69,7 @@ h3 {
.divContent {
padding: 1px;
box-shadow: 0 0 10px black inset;
min-height: calc(100% - 41px);
height: calc(100% - 41px);
overflow: auto;
}
@@ -127,33 +121,33 @@ h3 {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
font-size: 11px;
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 {
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{
height: 64px;
resize: vertical;
}
textarea.textbox {
height: 64px;
resize: vertical;
}
.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);
}
.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;
}
.button {
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;
border-radius: 5px;
border: solid 1px black;
@@ -176,55 +170,46 @@ h3 {
.button:active {
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 {
width: 25%;
width: 25% !important;
}
.width50pc {
width: 50%;
width: 50% !important;
}
.width75pc {
width: 75%;
width: 75% !important;
}
.width100pc {
width: 100%;
width: 100% !important;
}
.width70px {
width: 70px;
max-width: 100%;
width: 70px !important;
max-width: 100% !important;
}
.width100px {
width: 100px;
max-width: 100%;
width: 100px !important;
max-width: 100% !important;
}
.width150px {
width: 150px;
max-width: 100%;
width: 150px !important;
max-width: 100% !important;
}
.width200px {
width: 200px;
max-width: 100%;
width: 200px !important;
max-width: 100% !important;
}
.width300px {
width: 300px;
max-width: 100%;
width: 300px !important;
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;
}