/
grid.scss
84 lines (72 loc) · 2.99 KB
/
grid.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
/* Bootstrap GRID */
body.grid {
#divGrid {
position: absolute;
left: 0;
top: 0;
height: 1000%;
width: 100%;
opacity: 0.4;
z-index: 9999;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAAYCAYAAADQ+yzZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkYxQjE1NUY0RDEyRDExRTI5QjNDREYzRTY0NjE5RUQyIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkYxQjE1NUY1RDEyRDExRTI5QjNDREYzRTY0NjE5RUQyIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RjFCMTU1RjJEMTJEMTFFMjlCM0NERjNFNjQ2MTlFRDIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RjFCMTU1RjNEMTJEMTFFMjlCM0NERjNFNjQ2MTlFRDIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5ixEeUAAAAHklEQVR42mJhWN3+nwEIGP//B9MMTAxQMKQZAAEGAE4XBWCHIJDMAAAAAElFTkSuQmCC);
background-position: 0 -1px;
pointer-events: none;
display: block;
.col-md-1:nth-child(odd),
.col-sm-1:nth-child(odd),
.col-xs-1:nth-child(odd),
.col-lg-1:nth-child(odd) {
background-color: rgba(255, 0, 0, 0.5);
height: 100%;
border-left: solid 15px rgba(0, 255, 0, 0.5) !important;
border-right: solid 15px rgba(0, 255, 0, 0.5) !important;
}
.col-md-1:nth-child(even),
.col-sm-1:nth-child(even),
.col-xs-1:nth-child(even),
.col-lg-1:nth-child(even) {
background-color: rgba(255, 0, 0, 0.5);
height: 100%;
border-left: solid 15px rgba(0, 255, 0, 0.5);
border-right: solid 15px rgba(0, 255, 0, 0.5);
}
.container {
height: 100%;
}
.row {
height: 100%;
background: transparent;
}
.row .col-xs-1, #divGrid .row .col-sm-1, #divGrid .row .col-md-1, #divGrid .row .col-lg-1 {
padding: 0px !important;
}
}
h1, body.grid h2, body.grid h1, body.grid h3, body.grid h4, body.grid .more, body.grid img, body.grid .arrow-top {
background: #ccc;
}
.module, body.grid #footer {
background: #ffffcc;
}
p, body.grid h5 {
background: #bbffbb;
}
.bignumber, body.grid ul {
background: #99ffff;
}
}
@media (max-width: 767px) {
body {
padding-left: 0px;
padding-right: 0px;
}
#divGrid .row [class*="col"] {
float: left;
}
#divGrid .row .col-md-1 {
/*width: 4.3478260869565215%;
margin-left: 4.3478260869565215%;*/
}
#divGrid .row [class*="col-md-1"]:first-child {
margin-left: 0%;
}
}