59 |
60 |
--------------------------------------------------------------------------------
/style.css:
--------------------------------------------------------------------------------
1 | /*
2 | Theme Name: WSU Everett Theme
3 | Theme URI: http://everett.wsu.edu
4 | Description: A child theme of the WSU Spine
5 | Author: WSU University Communications
6 | Author URI: http://ucomm.wsu.edu
7 | Template: spine
8 | Version: 0.0.1
9 | */
10 |
11 | @import url("../spine/style.css");
12 |
13 | #jacket {
14 | background: url("http://everett.wsu.edu/wp-content/uploads/2014/03/home-banner2.jpg") repeat-x scroll top transparent;
15 | }
16 |
17 | #jacket.size-lt-medium {
18 | background: /* below css moves bkgrd img down to compensate for logo/nav moving to top of screen */
19 | url("http://everett.wsu.edu/wp-content/uploads/2014/03/home-banner2.jpg") repeat-x scroll left 50px transparent;
20 | }
21 |
22 | .page-order-of-the-engineer #jacket,
23 | .page-order-of-the-engineeer #jacket.size-lt-medium {
24 | background: none;
25 | }
26 |
27 | .main-header {
28 | background: none;
29 | left: 0;
30 | /* -webkit-box-shadow: -15px 8px 15px -8px black;
31 | -moz-box-shadow: -15px 8px 15px -8px black;
32 | box-shadow: -15px 8px 15px -8px black;*/
33 | }
34 |
35 | .home .main-header {
36 | height: 132px;
37 | }
38 |
39 | .page .main-header .sub-header-default {
40 | display: none;
41 | }
42 |
43 | .page .main-header sub:before {
44 | content: attr(data-pagetitle);
45 | }
46 |
47 | h1.article-title {
48 | display: none;
49 | }
50 |
51 | #wsu-contact .organization-name {
52 | padding-bottom: 0;
53 | }
54 |
55 | section .column-two {
56 | padding: 2em 2em 1em;
57 | }
58 |
59 | .home .main_header_graphic img {
60 | border-bottom: solid 3px #981e32;
61 | /*-webkit-box-shadow: -15px 8px 15px -8px black;
62 | -moz-box-shadow: -15px 8px 15px -8px black;
63 | box-shadow: -15px 8px 15px -8px black;*/
64 | }
65 |
66 | @media only screen
67 | and (max-width: 872px) and (min-width: 792px) {
68 | .home div#jacket div#binder.fluid main.spine-sideright-template section.row div.column div.fill-width div.main_header_graphic img.attachment-header-image {
69 | width: 676px;
70 | height: 290px;
71 | }
72 | }
73 |
74 | .home .site {
75 | display: none;
76 | }
77 |
78 | .main-header {
79 | width: 100%;
80 | }
81 |
82 | .main-header .header-group {
83 | width: auto;
84 | padding-bottom: 1em;
85 | }
86 |
87 | .home .header-group {
88 | padding-bottom: .375em;
89 | }
90 |
91 | .home .main-header sup {
92 | display: none;
93 | }
94 |
95 | img.sidebar_photo {
96 | border: solid 1px #d7dadb;
97 | /*-webkit-box-shadow: -15px 8px 15px -8px black;
98 | -moz-box-shadow: -15px 8px 15px -8px black;
99 | box-shadow: -15px 8px 15px -8px black;*/
100 | }
101 |
102 | td {
103 | padding: 15px;
104 | }
105 |
106 | ul li {
107 | list-style: disc outside none;
108 | }
109 |
110 | #wsu-contact div {
111 | padding-top: 3px;
112 | }
113 |
114 | table {
115 | /* IE7 and lower */
116 | border-spacing: 0;
117 | width: 100%;
118 | }
119 |
120 | .bordered {
121 | border: none;
122 | -moz-border-radius: 6px;
123 | -webkit-border-radius: 6px;
124 | border-radius: 6px;
125 | -webkit-box-shadow: 0 1px 1px #ccc;
126 | -moz-box-shadow: 0 1px 1px #ccc;
127 | box-shadow: 0 1px 1px #ccc;
128 | margin-bottom: 10px;
129 | }
130 |
131 | .bordered tr:hover, .bordered tr.alt:hover {
132 | background: #d7dadb;
133 | -o-transition: all .1s ease-in-out;
134 | -webkit-transition: all .1s ease-in-out;
135 | -moz-transition: all .1s ease-in-out;
136 | -ms-transition: all .1s ease-in-out;
137 | transition: all .1s ease-in-out;
138 | }
139 |
140 | .bordered td, .bordered th {
141 | border-left: 1px solid #ccc;
142 | border-top: 1px solid #ccc;
143 | padding: 10px;
144 | text-align: left;
145 | }
146 |
147 | .bordered tr.alt {
148 | background: #eff0f1;
149 | }
150 |
151 | .bordered th {
152 | background-color: #981e32;
153 | color: #ffffff;
154 | background-image: -webkit-gradient(linear,left top,left bottom,from(#7b1828),to(#981e32));
155 | background-image: -webkit-linear-gradient(top,#7b1828,#981e32);
156 | background-image: -moz-linear-gradient(top,#7b1828,#981e32);
157 | background-image: -ms-linear-gradient(top,#7b1828,#981e32);
158 | background-image: -o-linear-gradient(top,#7b1828,#981e32);
159 | background-image: linear-gradient(top,#7b1828,#981e32);
160 | -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
161 | -moz-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
162 | box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
163 | border-top: none;
164 | text-shadow: 0 1px 0 rgba(255,255,255,.5);
165 | }
166 |
167 | .bordered td:first-child, .bordered th:first-child {
168 | border-left: none;
169 | }
170 |
171 | .bordered th:first-child {
172 | -moz-border-radius: 6px 0 0;
173 | -webkit-border-radius: 6px 0 0 0;
174 | border-radius: 6px 0 0 0;
175 | }
176 |
177 | .bordered th:last-child {
178 | -moz-border-radius: 0 6px 0 0;
179 | -webkit-border-radius: 0 6px 0 0;
180 | border-radius: 0 6px 0 0;
181 | }
182 |
183 | .bordered th:only-child {
184 | -moz-border-radius: 6px 6px 0 0;
185 | -webkit-border-radius: 6px 6px 0 0;
186 | border-radius: 6px 6px 0 0;
187 | }
188 |
189 | .bordered tr:last-child td:first-child {
190 | -moz-border-radius: 0 0 0 6px;
191 | -webkit-border-radius: 0 0 0 6px;
192 | border-radius: 0 0 0 6px;
193 | }
194 |
195 | .bordered tr:last-child td:last-child {
196 | -moz-border-radius: 0 0 6px;
197 | -webkit-border-radius: 0 0 6px 0;
198 | border-radius: 0 0 6px 0;
199 | }
--------------------------------------------------------------------------------