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

Styling changes

Browse Source
This commit is contained in:
Valeriano A.R.
2015-08-28 06:59:39 +02:00
parent d350f154b7
commit a7c8a698f2
3 changed files with 40 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -4,11 +4,21 @@
box-sizing: border-box;
}
html {
height: 100%;
}
body {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
font-size: 12px;
background-color: grey;
color: black;
height: 100%;
}
form {
height: 100%;
}
p {
@@ -63,8 +73,9 @@ h3 {
}
.divContent {
padding-left: 10px;
padding-right: 10px;
padding: 1px;
box-shadow: 0 0 10px black inset;
min-height: calc(100% - 40px);
}
.divCode {
@@ -123,6 +134,11 @@ h3 {
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);
}
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);
border: solid 1px rgb(255,0,0);

2
VAR.Focus.Web/Styles/02. Boards.css
View File

@@ -7,11 +7,13 @@
padding: 10px;
vertical-align: top;
background-color: rgb(250,250,200);
box-shadow: 0 3px 10px rgba(0,0,0,0.4);
}
.boardBanner a {
text-decoration: none;
color: black;
display: block;
}
.boardBanner .title {

24
VAR.Focus.Web/Styles/05. Cards.css
View File

@@ -43,18 +43,24 @@
margin-top: 5px;
margin-right: 5px;
padding: 2px;
border: solid 1px rgb(0,0,128);
border: none;
border-radius: 3px;
box-shadow: 0 -2px 4px rgba(0,0,0,0.4) inset, 0 2px 3px rgba(255,255,255,1) inset;
color: rgb(0,0,128);
background-color: transparent;
font-family: "Segoe UI",Tahoma,Geneva,Verdana,sans-serif;
font-size: 12px;
cursor: pointer;
}
.divToolbox .btnToolbox:hover {
color: rgb(127,127,255);
background-color: rgb(0,0,128);
}
.divToolbox .btnToolbox:active {
box-shadow: 0 2px 4px rgba(0,0,0,0.4) inset, 0 -2px 3px rgba(255,255,255,1) inset;
}
.divCard {
@@ -100,12 +106,14 @@
margin-top: 5px;
margin-right: 5px;
padding: 2px;
border: solid 1px black;
border: none;
border-radius: 3px;
box-shadow: 0 -2px 4px rgba(0,0,0,0.4) inset, 0 2px 3px rgba(255,255,255,1) inset;
color: black;
background-color: transparent;
font-family: "Segoe UI",Tahoma,Geneva,Verdana,sans-serif;
font-size: 12px;
cursor: pointer;
}
.divCard .btnCard:hover {
@@ -113,6 +121,10 @@
background-color: black;
}
.divCard .btnCard:active {
box-shadow: 0 2px 4px rgba(0,0,0,0.4) inset, 0 -2px 3px rgba(255,255,255,1) inset;
}
.divCard .btnEdit {
margin: 0;
top: 4px;
@@ -134,7 +146,9 @@
font-family: "Segoe UI",Tahoma,Geneva,Verdana,sans-serif;
font-size: 12px;
background-color: transparent;
border: solid 1px black;
border: none;
border-radius: 3px;
box-shadow: 0 2px 4px rgba(0,0,0,0.4) inset, 0 -2px 3px rgba(255,255,255,1) inset;
padding: 2px;
}
@@ -144,6 +158,8 @@
font-family: "Segoe UI",Tahoma,Geneva,Verdana,sans-serif;
font-size: 12px;
background-color: transparent;
border: solid 1px black;
border: none;
border-radius: 3px;
box-shadow: 0 2px 4px rgba(0,0,0,0.4) inset, 0 -2px 3px rgba(255,255,255,1) inset;
padding: 2px;
}