fanforce-app-factory 1.2.0 → 1.3.0
Sign up to get free protection for your applications and to get access to all the features.
@@ -3,7 +3,7 @@ $module_path: '/assets/common/module-initiative-searcher';
|
|
3
3
|
|
4
4
|
.module-initiative-searcher { position:relative; width:100%; padding:20px 20px 15px; overflow:hidden;
|
5
5
|
&.supreme { @include ff-box(); }
|
6
|
-
.header { padding:0
|
6
|
+
.header { padding:0; max-width:900px;
|
7
7
|
h2 { color:#505a62; text-shadow:#ffffff 1px 1px 0; margin-top:0; padding-bottom:5px; }
|
8
8
|
.form-row { position:relative; margin:0; padding:0; z-index:5;
|
9
9
|
.gigantic-input { width:auto;
|
@@ -23,24 +23,25 @@ $module_path: '/assets/common/module-initiative-searcher';
|
|
23
23
|
}
|
24
24
|
.results-found { padding:0 0 25px; max-width:900px;
|
25
25
|
.module-error { clear:both; }
|
26
|
-
.search-results { overflow:hidden; position:relative; background:#e3eef8; @include border-radius(5px);
|
27
|
-
.prev-page, .next-page { position:absolute; top:
|
26
|
+
.search-results { overflow:hidden; position:relative; background:#e3eef8; @include border-radius(0 0 5px 5px); padding-top:15px; padding-bottom:7px; margin-bottom:20px;
|
27
|
+
.prev-page, .next-page { position:absolute; top:50%; margin-top: -33px; cursor:pointer; display:block; width:25px; height:67px; background:url(#{$module_path}/sprite-arrows.png) 0 0 no-repeat; }
|
28
28
|
.prev-page { left:0;
|
29
29
|
&:hover { background-position:0 -71px; }
|
30
30
|
&.disabled { background-position:0 -142px; cursor:default; }
|
31
31
|
}
|
32
|
-
.next-page { right
|
32
|
+
.next-page { right:-3px; background-position: -25px 0;
|
33
33
|
&:hover { background-position:-25px -71px; }
|
34
34
|
&.disabled { background-position:-25px -142px; cursor:default; }
|
35
35
|
}
|
36
|
+
.searching { position:absolute; width: 50px; height: 50px; top: 50%; left: 50%; margin-top: -25px; margin-left: -25px; }
|
36
37
|
ul.video-list { @include reset-ul(); overflow:hidden; margin:0 20px;
|
37
|
-
li { float:left; width:20%; min-width: 150px; color:#666666; position:relative;
|
38
|
-
.result { cursor:pointer;
|
38
|
+
li { float:left; width:20%; min-width: 150px; color:#666666; position:relative; text-align: center;
|
39
|
+
.result { cursor:pointer; width:148px; @include opacity(0.3); position: relative; left: 50%; margin-left: -74px;
|
39
40
|
&.selected, &:hover {
|
40
41
|
@include opacity(1);
|
41
42
|
}
|
42
43
|
.module-video-thumbnail { border:5px solid #b4c9da; }
|
43
|
-
.title { width:
|
44
|
+
.title { width:148px; overflow:hidden; white-space:nowrap; text-overflow: ellipsis; font-size:$font-size-small; text-align:center; }
|
44
45
|
}
|
45
46
|
}
|
46
47
|
}
|