← Back to branch summary

~barryprice/junk/wp-theme-xubuntu-website

« back to all changes in this revision

Viewing changes to xubuntu-fifteen/style-editor.css

  • Committer: Pasi Lallinaho
  • Date: 2015-02-19 15:54:23 UTC
  • Revision ID: pasi@shimmerproject.org-20150219155423-bn9cm48kprfqmbgu
Add the "Xubuntu Fifteen" theme to the repository.

This theme is the new Xubuntu website default theme. It is based on "Xubuntu Fourteen", but since the visual changes are so dramatic, it should be a separate theme. Amongst other things, the new theme introduces responsive design for small-resolution devices.
The backend side of the two themes isn't that different; that said, a code review should be relatively simple.

This commit reverts the "Xubuntu Fourteen" theme to the state it was in revision 50; the last version that was pushed to production.

Show diffs side-by-side

added added

removed removed

Lines of Context:
xubuntu-fifteen/style-editor.css
 
1
@import url('http://fonts.googleapis.com/css?family=Open+Sans:400,400italic,700,600');
 
2
 
 
3
body {
 
4
        font-size: small;
 
5
        font-family: "Open Sans", sans-serif !important;
 
6
        line-height: 1.5em;
 
7
 
 
8
        color: #3c3c3c;
 
9
}
 
10
 
 
11
.group:after {
 
12
        content: ".";
 
13
        display: block;
 
14
        height: 0;
 
15
        clear: both;
 
16
        visibility: hidden;
 
17
}
 
18
 
 
19
/*  Elements
 
20
 *
 
21
 */
 
22
 
 
23
a {
 
24
        /* This imitates the hover style for editing clarity */
 
25
        color: #205dba;
 
26
        border-bottom: 1px solid #bccde6;
 
27
}
 
28
 
 
29
blockquote {
 
30
        /* Invert colors and remove left margin */
 
31
        background-color: #f1f1f1 !important;
 
32
        margin: 0;
 
33
}
 
34
        blockquote p {
 
35
                /* Fix spacing issues */
 
36
                margin-top: 0;
 
37
        }
 
38
 
 
39
/*  Templates
 
40
 *
 
41
 */
 
42
 
 
43
/*  Proper padding for aligned images  */
 
44
div.mceTemp .alignright { padding-left: 20px; }
 
45
div.mceTemp .alignleft { padding-right: 20px; }
 
46
.aligncenter { margin: 0 auto !important; }
 
47
 
 
48
/*  Gallery styles, adapted for the editor */
 
49
dl.wp-caption dd.wp-caption-dd,
 
50
.gallery dd.wp-caption-text {
 
51
        text-align: center;
 
52
        color: #999;
 
53
        padding: 0;
 
54
        line-height: 1.3em;
 
55
}
 
56
 
 
57
dt.gallery-icon img {
 
58
        border-radius: 3px;
 
59
        box-shadow: 1px 1px 5px rgba( 0, 0, 0, 0.2 );
 
60
}
 
61
 
 
62
.wpview-type-gallery .gallery {
 
63
        /* Make sure the gallery in editor doesn't have scrollbars */
 
64
        overflow: visible !important;
 
65
}
 
66
 
 
67
 
 
68
/*  Responsive styles
 
69
 * 
 
70
 */
 
71
 
 
72
@media only screen and (max-width:1000px) {
 
73
        .alignright,
 
74
        .alignleft {
 
75
                max-width: 310px;
 
76
        }
 
77
 
 
78
        .alignright img,
 
79
        .alignleft img {
 
80
                max-width: 300px;
 
81
                height: auto;
 
82
        }
 
83
}
 
 
b'\\ No newline at end of file'