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

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

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

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

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