source: extensions/Evil_Blog/posts.css @ 18928

Last change on this file since 18928 was 17932, checked in by EvilKant, 12 years ago
File size: 5.5 KB
Line 
1.evil_blog_posts {
2        list-style: none;
3        padding: 0px;
4}
5.evil_blog_posts li {
6        padding: 10px;
7        border-radius: 10px 10px;
8        margin-bottom: 10px;
9}
10.evil_blog_posts li .post_title {
11        border-bottom: 1px #fff dashed;
12        padding-bottom: 5px;
13}
14.evil_blog_posts li .post_description {
15        padding-top: 10px;
16}
17.evil_blog_posts li .post_header, .evil_blog_posts li .post_number {
18        font-size: 125%;
19}
20.evil_blog_posts li .post_date {
21        float: right;
22        font-size: 75%;
23}
24.evil_blog_posts li .post_description a {
25        text-decoration: none;
26}
27
28/********colorbox**************/
29
30/*
31    ColorBox Core Style:
32    The following CSS is consistent between example themes and should not be altered.
33*/
34#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
35#cboxOverlay{position:fixed; width:100%; height:100%;}
36#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
37#cboxContent{position:relative;}
38#cboxLoadedContent{overflow:auto;}
39#cboxTitle{margin:0;}
40#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
41#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
42.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none;}
43.cboxIframe{width:100%; height:100%; display:block; border:0;}
44#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box;}
45
46/*
47    User Style:
48    Change the following styles to modify the appearance of ColorBox.  They are
49    ordered & tabbed in a way that represents the nesting of the generated HTML.
50*/
51#cboxOverlay{background:url(js/images/overlay.png) repeat 0 0;}
52#colorbox{}
53    #cboxTopLeft{width:21px; height:21px; background:url(js/images/controls.png) no-repeat -101px 0;}
54    #cboxTopRight{width:21px; height:21px; background:url(js/images/controls.png) no-repeat -130px 0;}
55    #cboxBottomLeft{width:21px; height:21px; background:url(js/images/controls.png) no-repeat -101px -29px;}
56    #cboxBottomRight{width:21px; height:21px; background:url(js/images/controls.png) no-repeat -130px -29px;}
57    #cboxMiddleLeft{width:21px; background:url(js/images/controls.png) left top repeat-y;}
58    #cboxMiddleRight{width:21px; background:url(js/images/controls.png) right top repeat-y;}
59    #cboxTopCenter{height:21px; background:url(js/images/border.png) 0 0 repeat-x;}
60    #cboxBottomCenter{height:21px; background:url(js/images/border.png) 0 -29px repeat-x;}
61    #cboxContent{background:#fff; overflow:hidden;}
62        .cboxIframe{background:#fff;}
63        #cboxError{padding:50px; border:1px solid #ccc;}
64        #cboxLoadedContent{margin-bottom:28px;}
65        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
66        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
67        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
68        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(js/images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
69        #cboxPrevious:hover{background-position:-75px -25px;}
70        #cboxNext{position:absolute; bottom:0; left:27px; background:url(js/images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
71        #cboxNext:hover{background-position:-50px -25px;}
72        #cboxLoadingOverlay{background:url(js/images/loading_background.png) no-repeat center center;}
73        #cboxLoadingGraphic{background:url(js/images/loading.gif) no-repeat center center;}
74        #cboxClose{position:absolute; bottom:0; right:0; background:url(js/images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
75        #cboxClose:hover{background-position:-25px -25px;}
76
77/*
78  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
79  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
80  See: http://jacklmoore.com/notes/ie-transparency-problems/
81*/
82.cboxIE #cboxTopLeft,
83.cboxIE #cboxTopCenter,
84.cboxIE #cboxTopRight,
85.cboxIE #cboxBottomLeft,
86.cboxIE #cboxBottomCenter,
87.cboxIE #cboxBottomRight,
88.cboxIE #cboxMiddleLeft,
89.cboxIE #cboxMiddleRight {
90    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
91}
92
93/*
94  The following provides PNG transparency support for IE6
95  Feel free to remove this and the /ie6/ directory if you have dropped IE6 support.
96*/
97.cboxIE6 #cboxTopLeft{background:url(js/images/ie6/borderTopLeft.png);}
98.cboxIE6 #cboxTopCenter{background:url(js/images/ie6/borderTopCenter.png);}
99.cboxIE6 #cboxTopRight{background:url(js/images/ie6/borderTopRight.png);}
100.cboxIE6 #cboxBottomLeft{background:url(js/images/ie6/borderBottomLeft.png);}
101.cboxIE6 #cboxBottomCenter{background:url(js/images/ie6/borderBottomCenter.png);}
102.cboxIE6 #cboxBottomRight{background:url(js/images/ie6/borderBottomRight.png);}
103.cboxIE6 #cboxMiddleLeft{background:url(js/images/ie6/borderMiddleLeft.png);}
104.cboxIE6 #cboxMiddleRight{background:url(js/images/ie6/borderMiddleRight.png);}
105
106.cboxIE6 #cboxTopLeft,
107.cboxIE6 #cboxTopCenter,
108.cboxIE6 #cboxTopRight,
109.cboxIE6 #cboxBottomLeft,
110.cboxIE6 #cboxBottomCenter,
111.cboxIE6 #cboxBottomRight,
112.cboxIE6 #cboxMiddleLeft,
113.cboxIE6 #cboxMiddleRight {
114    _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')");
115}
Note: See TracBrowser for help on using the repository browser.