cms/app-client/app/styles/results.scss
author nowmad@23.1.168.192.in-addr.arpa
Thu, 17 Dec 2015 12:15:57 +0100
changeset 68 69977e2aa39e
parent 53 30e7ac1ff04a
child 78 08765d161e96
permissions -rw-r--r--
improve general design of components
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
53
30e7ac1ff04a improve css of result list
nowmad@nowmads-macbook-pro.local
parents: 13
diff changeset
     1
.result-header,
30e7ac1ff04a improve css of result list
nowmad@nowmads-macbook-pro.local
parents: 13
diff changeset
     2
.result-list{
30e7ac1ff04a improve css of result list
nowmad@nowmads-macbook-pro.local
parents: 13
diff changeset
     3
  background-color: #eeeeee;
30e7ac1ff04a improve css of result list
nowmad@nowmads-macbook-pro.local
parents: 13
diff changeset
     4
}
13
ba32dd4cf8d3 update styles
nowmad@23.1.168.192.in-addr.arpa
parents:
diff changeset
     5
53
30e7ac1ff04a improve css of result list
nowmad@nowmads-macbook-pro.local
parents: 13
diff changeset
     6
.result-header{
30e7ac1ff04a improve css of result list
nowmad@nowmads-macbook-pro.local
parents: 13
diff changeset
     7
  flex: 0 1 auto;
30e7ac1ff04a improve css of result list
nowmad@nowmads-macbook-pro.local
parents: 13
diff changeset
     8
  float: left;
30e7ac1ff04a improve css of result list
nowmad@nowmads-macbook-pro.local
parents: 13
diff changeset
     9
  border-left: none;
30e7ac1ff04a improve css of result list
nowmad@nowmads-macbook-pro.local
parents: 13
diff changeset
    10
  border-top: none;
30e7ac1ff04a improve css of result list
nowmad@nowmads-macbook-pro.local
parents: 13
diff changeset
    11
}
30e7ac1ff04a improve css of result list
nowmad@nowmads-macbook-pro.local
parents: 13
diff changeset
    12
30e7ac1ff04a improve css of result list
nowmad@nowmads-macbook-pro.local
parents: 13
diff changeset
    13
.result-list{
30e7ac1ff04a improve css of result list
nowmad@nowmads-macbook-pro.local
parents: 13
diff changeset
    14
  flex: 1 1 auto;
30e7ac1ff04a improve css of result list
nowmad@nowmads-macbook-pro.local
parents: 13
diff changeset
    15
  float: left;
30e7ac1ff04a improve css of result list
nowmad@nowmads-macbook-pro.local
parents: 13
diff changeset
    16
  overflow: auto;
30e7ac1ff04a improve css of result list
nowmad@nowmads-macbook-pro.local
parents: 13
diff changeset
    17
  border-left: none;
30e7ac1ff04a improve css of result list
nowmad@nowmads-macbook-pro.local
parents: 13
diff changeset
    18
  border-top: none;
30e7ac1ff04a improve css of result list
nowmad@nowmads-macbook-pro.local
parents: 13
diff changeset
    19
  margin-bottom: 10px;
30e7ac1ff04a improve css of result list
nowmad@nowmads-macbook-pro.local
parents: 13
diff changeset
    20
}
30e7ac1ff04a improve css of result list
nowmad@nowmads-macbook-pro.local
parents: 13
diff changeset
    21
30e7ac1ff04a improve css of result list
nowmad@nowmads-macbook-pro.local
parents: 13
diff changeset
    22
.result-item {
30e7ac1ff04a improve css of result list
nowmad@nowmads-macbook-pro.local
parents: 13
diff changeset
    23
  border: 1px solid black;
30e7ac1ff04a improve css of result list
nowmad@nowmads-macbook-pro.local
parents: 13
diff changeset
    24
  margin-bottom: 1px;
68
69977e2aa39e improve general design of components
nowmad@23.1.168.192.in-addr.arpa
parents: 53
diff changeset
    25
  height: 64px;
69977e2aa39e improve general design of components
nowmad@23.1.168.192.in-addr.arpa
parents: 53
diff changeset
    26
  cursor: pointer;
69977e2aa39e improve general design of components
nowmad@23.1.168.192.in-addr.arpa
parents: 53
diff changeset
    27
  padding: 5px;
69977e2aa39e improve general design of components
nowmad@23.1.168.192.in-addr.arpa
parents: 53
diff changeset
    28
  overflow: hidden;
69977e2aa39e improve general design of components
nowmad@23.1.168.192.in-addr.arpa
parents: 53
diff changeset
    29
}
69977e2aa39e improve general design of components
nowmad@23.1.168.192.in-addr.arpa
parents: 53
diff changeset
    30
.result-item:hover {
69977e2aa39e improve general design of components
nowmad@23.1.168.192.in-addr.arpa
parents: 53
diff changeset
    31
  box-shadow: inset -1px -1px 5px 0px rgba(0,0,0,0.75);
69977e2aa39e improve general design of components
nowmad@23.1.168.192.in-addr.arpa
parents: 53
diff changeset
    32
}
69977e2aa39e improve general design of components
nowmad@23.1.168.192.in-addr.arpa
parents: 53
diff changeset
    33
.result-item.details {
69977e2aa39e improve general design of components
nowmad@23.1.168.192.in-addr.arpa
parents: 53
diff changeset
    34
  height: inherit;
69977e2aa39e improve general design of components
nowmad@23.1.168.192.in-addr.arpa
parents: 53
diff changeset
    35
}
69977e2aa39e improve general design of components
nowmad@23.1.168.192.in-addr.arpa
parents: 53
diff changeset
    36
69977e2aa39e improve general design of components
nowmad@23.1.168.192.in-addr.arpa
parents: 53
diff changeset
    37
.result-item .description{
69977e2aa39e improve general design of components
nowmad@23.1.168.192.in-addr.arpa
parents: 53
diff changeset
    38
  margin-top: 10px;
53
30e7ac1ff04a improve css of result list
nowmad@nowmads-macbook-pro.local
parents: 13
diff changeset
    39
}
68
69977e2aa39e improve general design of components
nowmad@23.1.168.192.in-addr.arpa
parents: 53
diff changeset
    40
69977e2aa39e improve general design of components
nowmad@23.1.168.192.in-addr.arpa
parents: 53
diff changeset
    41
.result-item .play-icon {
69977e2aa39e improve general design of components
nowmad@23.1.168.192.in-addr.arpa
parents: 53
diff changeset
    42
  float: right;
69977e2aa39e improve general design of components
nowmad@23.1.168.192.in-addr.arpa
parents: 53
diff changeset
    43
  background: url($base_url + 'assets/images/play-button.png') no-repeat;
69977e2aa39e improve general design of components
nowmad@23.1.168.192.in-addr.arpa
parents: 53
diff changeset
    44
  background-size: 20px;
69977e2aa39e improve general design of components
nowmad@23.1.168.192.in-addr.arpa
parents: 53
diff changeset
    45
  height: 20px;
69977e2aa39e improve general design of components
nowmad@23.1.168.192.in-addr.arpa
parents: 53
diff changeset
    46
  width: 20px;
69977e2aa39e improve general design of components
nowmad@23.1.168.192.in-addr.arpa
parents: 53
diff changeset
    47
  cursor: pointer;
69977e2aa39e improve general design of components
nowmad@23.1.168.192.in-addr.arpa
parents: 53
diff changeset
    48
  margin: 4px 7px 0 0;
69977e2aa39e improve general design of components
nowmad@23.1.168.192.in-addr.arpa
parents: 53
diff changeset
    49
}
69977e2aa39e improve general design of components
nowmad@23.1.168.192.in-addr.arpa
parents: 53
diff changeset
    50
.result-item.playing .play-icon {
69977e2aa39e improve general design of components
nowmad@23.1.168.192.in-addr.arpa
parents: 53
diff changeset
    51
  background: url($base-url + 'assets/images/playing.gif') no-repeat;
69977e2aa39e improve general design of components
nowmad@23.1.168.192.in-addr.arpa
parents: 53
diff changeset
    52
  margin: 6px 5px 0 0;
69977e2aa39e improve general design of components
nowmad@23.1.168.192.in-addr.arpa
parents: 53
diff changeset
    53
}