forked from IBM-Blockchain-Archive/marbles
-
Notifications
You must be signed in to change notification settings - Fork 0
/
2_base.scss
105 lines (103 loc) · 2.95 KB
/
2_base.scss
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
@import 'color_theme';
html{height:100%; position:relative; min-width:350px;}
body{margin:0 auto;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
padding:0;
font-size:16px;
width:100%;
text-align:left;
height:100%;
color:#555;
background: $main_bg;
min-width: 745px;
}
h1{font-size:30px; font-weight:normal; margin:0;}
h2{font-size:24px; font-weight:normal; margin:0; display:inline;}
h3{font-size:20pt; font-weight:normal; margin:0;}
h4{font-size:16pt; font-weight:normal; margin:0;}
h5{font-size:14px; font-weight:normal; margin:0;}
h6{font-size:12px; font-weight:normal; margin:0;}
ul,li{margin:0; padding:0;}
legend{text-align:left;}
tr,td,th{border:0; padding:3px; text-align:center;}
table{border-spacing:0; border:0; border-collapse:collapse; text-align:center; width:100%; font-size:15px;}
tr{margin-bottom:5px; background:$acc_color1-5; border-bottom: 6px $main_bg solid;}
//tr:nth-child(even){background:$acc_color1-5; border:0;}
tr:hover{background:$hi_color1;}
//tr:nth-child(even):hover{background:$hi_color1; border:0;}
td{padding:15px 10px; vertical-align: middle;}
th{
padding:10px 5px;
font-weight:normal;
font-size: 12px;
background: $main_bg;
color: $main_color;
text-align:center;
font-weight: bold;
}
thead tr{
//border-top:1px $acc_color2 solid;
border-bottom:1px $acc_color2 solid;
}
p{margin:5px; padding:0;}
hr{height:1px; border:none; background: $acc_color2;}
hr:first-of-type{height:2px;}
pre{padding-left:15px;}
input[type="submit"],input[type="button"], button, button:disabled:hover{
font-size:13px;
cursor:pointer;
padding:5px 10px;
background: $hi_color2;
color: $main_color;
transition:background-color 0.2s ease;
border-radius:3px;
min-width:130px;
//box-shadow: -1px 4px 2px -2px rgba(0,0,0,0.75);
border: 2px transparent solid;
transition: all .2s linear;
}
button:disabled:hover{
cursor: not-allowed;
}
input:focus, select:focus, button:focus{
outline: none !important;
border-color: $main_color !important;
transition: all .2s linear;
}
input[type="submit"]:hover,input[type="button"]:hover, button:hover, button.activeButton, button.activeButton:focus{
border-color: $main_color;
background: $hi_color2-5;
}
input[type="text"], input[type="password"], select{
padding:5px 10px;
margin:5px;
color:$main_color;
border: 1px solid $acc_color2;
border-radius:5px;
background:$main_bg;
min-width:120px;
//font-family: monospace;
}
input[type="text"]:disabled, input[type="password"]:disabled, select:disabled{
color: $acc_color2;
}
input.longer{
min-width:333px;
}
button:disabled{
cursor: default;
}
button:disabled, .inactiveButton{
opacity: 0.3;
}
small{font-size:10pt;}
img{border:0; max-width:100%;}
a, a:visited{color:#2e6da4; cursor:pointer;}
a:hover{text-decoration:underline;}
label{text-align:left;}
.error{color:#cc0000 !important;}
.valid{color:green !important;}
.white{color:#fff !important;}
.php_error{color:orange; font-weight:bold;}
.floatFixer{width:100%; clear:both; height:1px;}
strong{font-weight: 600;}