|
@@ -116,3 +116,52 @@ header .filterSec {
|
|
|
position: relative;
|
|
|
height: 5.9rem;
|
|
|
border: 1px solid rgba(25, 140, 186, 0.5);
|
|
|
+ background: rgba(8, 26, 50, 0.6);
|
|
|
+ padding: 0 0.5375rem;
|
|
|
+ margin-bottom: 0.2rem;
|
|
|
+}
|
|
|
+.panel::before {
|
|
|
+ position: absolute;
|
|
|
+ top: 0;
|
|
|
+ left: 0;
|
|
|
+ content: "";
|
|
|
+ width: 10px;
|
|
|
+ height: 10px;
|
|
|
+ border-top: 2px solid #28BEFC;
|
|
|
+ border-left: 2px solid #28BEFC;
|
|
|
+}
|
|
|
+.panel::after {
|
|
|
+ position: absolute;
|
|
|
+ top: 0;
|
|
|
+ right: 0;
|
|
|
+ content: "";
|
|
|
+ width: 10px;
|
|
|
+ height: 10px;
|
|
|
+ border-top: 2px solid #28BEFC;
|
|
|
+ border-right: 2px solid #28BEFC;
|
|
|
+}
|
|
|
+.panel .panel-footer {
|
|
|
+ position: absolute;
|
|
|
+ left: 0;
|
|
|
+ bottom: 0;
|
|
|
+ width: 100%;
|
|
|
+}
|
|
|
+.panel .panel-footer::before {
|
|
|
+ position: absolute;
|
|
|
+ bottom: 0;
|
|
|
+ left: 0;
|
|
|
+ content: "";
|
|
|
+ width: 10px;
|
|
|
+ height: 10px;
|
|
|
+ border-bottom: 2px solid #28BEFC;
|
|
|
+ border-left: 2px solid #28BEFC;
|
|
|
+}
|
|
|
+.panel .panel-footer::after {
|
|
|
+ position: absolute;
|
|
|
+ bottom: 0;
|
|
|
+ right: 0;
|
|
|
+ content: "";
|
|
|
+ width: 10px;
|
|
|
+ height: 10px;
|
|
|
+ border-bottom: 2px solid #28BEFC;
|
|
|
+ border-right: 2px solid #28BEFC;
|