← Back to branch summary

~jstys-z/helioviewer.org/client5

« back to all changes in this revision

Viewing changes to resources/css/video-gallery.css

  • Committer: Michael Lynch
  • Date: 2008-02-01 06:21:07 UTC
  • Revision ID: mike@mike-desktop-20080201062107-uhqip0rcpsfc91mq
Initial import

Show diffs side-by-side

added added

removed removed

Lines of Context:
resources/css/video-gallery.css
1
 
#user-video-gallery-header {
2
 
    position: relative;
3
 
    margin: 15px 0px 3px 3px;
4
 
}
5
 
 
6
 
#user-video-gallery {
7
 
    height: 100%;
8
 
    min-height: 150px;
9
 
    font-size: 11px;
10
 
    padding: 2px 2px 0 0;
11
 
    margin: 0 5px;
12
 
    text-align: center;
13
 
}
14
 
 
15
 
#user-video-gallery-main {
16
 
    margin-bottom: 5px;
17
 
}
18
 
 
19
 
#user-video-gallery-spinner {
20
 
    background: url("../../resources/images/ajax-loader-videos.gif");
21
 
    width: 16px;
22
 
    height: 16px;
23
 
    margin: 94px auto;
24
 
}
25
 
 
26
 
#user-video-gallery-next, #user-video-gallery-prev {
27
 
    font-style: italic;
28
 
    font-weight: normal;
29
 
    display: inline-block;
30
 
}
31
 
 
32
 
#user-video-gallery a {
33
 
    font-size: 13px;
34
 
    font-weight: 200;
35
 
    text-decoration: none;
36
 
}
37
 
 
38
 
#user-video-gallery img {
39
 
    width : 240px;
40
 
    height: 180px;
41
 
    margin-left: auto;
42
 
    margin-right: auto;
43
 
}
44
 
 
45
 
#user-video-gallery img:hover {
46
 
    -moz-box-shadow:    0px 0px 1px 1px yellow;
47
 
    -webkit-box-shadow: 0px 0px 1px 1px yellow;
48
 
    box-shadow:         0px 0px 2px 1px yellow;
49
 
}
50
 
 
51
 
/*
52
 
#user-video-gallery img:hover {
53
 
    -moz-animation-duration: 3s;
54
 
    -moz-animation-name: glow;
55
 
    -moz-animation-iteration-count: infinite;
56
 
    -moz-animation-direction: alternate;
57
 
    -webkit-animation-duration: 3s;
58
 
    -webkit-animation-name: glow;
59
 
    -webkit-animation-iteration-count: infinite;
60
 
    -webkit-animation-direction: alternate;
61
 
}
62
 
 
63
 
@-moz-keyframes glow {
64
 
    from {
65
 
        -moz-box-shadow: 0 0 5px #8fcccc;
66
 
    }
67
 
    50% {
68
 
        -moz-box-shadow: 0 0 15px #7ccc66;
69
 
    }
70
 
    to {
71
 
        -moz-box-shadow: 0 0 5px #8fcccc;
72
 
    }
73
 
}
74
 
 
75
 
@-webkit-keyframes glow {
76
 
    from {
77
 
        -webkit-box-shadow: 0 0 5px #8fcccc;
78
 
    }
79
 
    50% {
80
 
        -webkit-box-shadow: 0 0 15px #99ff99;
81
 
    }
82
 
    to {
83
 
        -webkit-box-shadow: 0 0 5px #8fcccc;
84
 
    }
85
 
}*/
86
 
 
87
 
#youtube-logo {
88
 
    text-decoration: none;
89
 
    margin: 0 0 -2px 0;
90
 
}
91
 
 
92
 
.user-video-thumbnail-container {
93
 
    width: 100%;
94
 
    text-align: center;
95
 
}
96
 
 
97
 
#user-video-thumbnail-container{
98
 
    box-shadow: 0 0 10px #8fcccc;
99
 
    -webkit-box-shadow: 0 0 10px #8fcccc;
100
 
    -moz-box-shadow: 0 0 10px #8fcccc;
101
 
}