-
26 |
27 |
28 |
46 | 47 | 48 |
49 |50 | 51 | 52 |
53 |54 | 55 | 56 |
57 | 1%", "ie 8-11", "Firefox ESR" ] 23 | } ) 24 | ] 25 | }, 26 | dist: { 27 | src: "style-sass.css", 28 | dest: "style.css" 29 | } 30 | }, 31 | 32 | csslint: { 33 | admission: { 34 | src: [ "style.css" ], 35 | options: { 36 | "fallback-colors": false, // unless we want to support IE8 37 | "box-sizing": false, // unless we want to support IE7 38 | "compatible-vendor-prefixes": false, // The library on this is older than autoprefixer. 39 | "gradients": false, // This also applies ^ 40 | "overqualified-elements": false, // We have weird uses that will always generate warnings. 41 | "ids": false, 42 | "regex-selectors": false, // audit 43 | "adjoining-classes": false, 44 | "box-model": false, // audit 45 | "universal-selector": false, // audit 46 | "unique-headings": false, // audit 47 | "outline-none": false, // audit 48 | "floats": false, 49 | "font-sizes": false, // audit 50 | "important": false, // This should be set to 2 one day. 51 | "unqualified-attributes": false, // Should probably be 2 one day. 52 | "qualified-headings": false, 53 | "known-properties": 1, // Okay to ignore in the case of known unknowns. 54 | "duplicate-background-images": 2, 55 | "duplicate-properties": 2, 56 | "star-property-hack": 2, 57 | "text-indent": 2, 58 | "display-property-grouping": 2, 59 | "shorthand": 2, 60 | "empty-rules": 2, 61 | "vendor-prefix": 2, 62 | "zero-units": 2 63 | } 64 | } 65 | }, 66 | 67 | cssmin: { 68 | options: { 69 | sourceMap: true 70 | }, 71 | combine: { 72 | files: { 73 | "style.min.css": ["style.css"] 74 | } 75 | } 76 | }, 77 | 78 | clean: { 79 | temporary: { 80 | src: [ 81 | 'style-sass.css', 82 | 'style-sass.css.map' 83 | ] 84 | } 85 | } 86 | 87 | }); 88 | 89 | grunt.loadNpmTasks( "grunt-sass" ); 90 | grunt.loadNpmTasks( "grunt-postcss" ); 91 | grunt.loadNpmTasks( "grunt-contrib-csslint" ); 92 | grunt.loadNpmTasks( "grunt-contrib-cssmin" ); 93 | grunt.loadNpmTasks( "grunt-contrib-clean" ); 94 | 95 | // Default task(s). 96 | grunt.registerTask('default', ['sass', 'postcss', 'csslint', 'cssmin', 'clean']); 97 | }; -------------------------------------------------------------------------------- /includes/web-template.php: -------------------------------------------------------------------------------- 1 | is_template_request() && in_array( 'template-current-nav', $classes ) ) { 33 | return array( 'current-menu-item' ); 34 | } elseif ( $this->is_template_request() && ( in_array( 'current-menu-item', $classes ) || in_array( 'current_page_parent', $classes ) ) ) { 35 | return array(); 36 | } 37 | 38 | return $classes; 39 | } 40 | 41 | /** 42 | * Determine if this is a template request. 43 | * 44 | * @return bool 45 | */ 46 | public function is_template_request() { 47 | if ( isset( $_SERVER['REQUEST_URI'] ) && false !== strpos( $_SERVER['REQUEST_URI'], '/web-template/' ) ) { 48 | return true; 49 | } 50 | 51 | return false; 52 | } 53 | 54 | /** 55 | * Title text to prepend in the header of the HTML. 56 | * 57 | * @return string Modified title text. 58 | */ 59 | public function set_html_title() { 60 | return esc_html( $this->html_title . ' | Washington State University' ); 61 | } 62 | 63 | /** 64 | * Look for and handle any requests made to the `/web-template/` URL so that a JSON object containing 65 | * the two parts of the template can be returned. We force the response to 200 OK and die as soon as 66 | * the JSON is output. 67 | */ 68 | public function handle_template_request() { 69 | global $wp_query; 70 | 71 | if ( $this->is_template_request() ) { 72 | if ( isset( $_GET['html_title'] ) ) { 73 | $this->html_title = $_GET['html_title']; 74 | } 75 | 76 | add_filter( 'spine_get_title', array( $this, 'set_html_title' ) ); 77 | $pre = $this->build_pre_content(); 78 | $post = $this->build_post_content(); 79 | remove_filter( 'spine_get_title', array( $this, 'set_html_title' ) ); 80 | 81 | status_header( 200 ); 82 | $wp_query->is_404 = false; 83 | header('HTTP/1.1 200 OK'); 84 | header('Content-Type: application/json'); 85 | echo json_encode( array( 'before_content' => $pre, 'after_content' => $post ) ); 86 | die(0); 87 | } 88 | } 89 | 90 | /** 91 | * Build the HTML to be displayed before any additional content is added by the requesting page. 92 | * 93 | * @return string HTML content. 94 | */ 95 | private function build_pre_content() { 96 | ob_start(); 97 | 98 | $site_name = get_bloginfo('name'); 99 | $site_tagline = get_bloginfo('description'); 100 | 101 | get_header(); 102 | ?> 103 |Congratulations!
You are eligible for $4000.
Your strong academic record may also qualify you for additional awards from the University's 700-plus scholarship programs. If you haven't already done so, please apply for admission and scholarships.
":a>=2400?document.getElementById("awardlevel").innerHTML="Congratulations!
You are eligible for $2000.
Your good academic record may also qualify you for additional awards from the University's 700-plus scholarship programs. If you haven't already done so, please apply for admission and scholarships.
":2400>a&&(document.getElementById("awardlevel").innerHTML="Based on the scores you provided, you do not qualify for the University Achievement Award.If your scores change, please calculate your eligibility again. You may qualify for other awards from the University's 700-plus scholarship programs. If you haven't already done so, please apply for admission and scholarships.
"):$("#CAA").length?a>=2400?document.getElementById("awardlevel").innerHTML="Congratulations!
You are eligible for $11,000 in your first year, renewable for up to three additional years.
Your good academic record may also qualify you for additional awards from the University's 700-plus scholarship programs. If you haven't already done so, please apply for admission and scholarships.
":2400>a&&(document.getElementById("awardlevel").innerHTML="Based on the scores you provided, you do not qualify for the Cougar Freshman Academic Award.If your scores change, you may use this calculator again to see if you are eligible. You may qualify for other awards from the University's 700-plus scholarship programs. If you haven't already done so, please apply for admission and scholarships.
"):$("#CC").length?a>=2200?document.getElementById("awardlevel").innerHTML='Congratulations!
Your good academic record indicates you\'re eligible for the Crimson Crew program provided you also:
1) Have a college preparatory curriculum
2) Positive grade trends
3) Apply to the WSU Pullman campus
Based on the information you provided, it does not appear you're eligible for the Crimson Crew program at this time.
But wait!
That doesn't mean you're not eligible for admission. Discuss further with your admission counselor at rep.wsu.edu.
"):document.getElementById("awardlevel").innerHTML=""}else document.getElementById("awardlevel").innerHTML=""}$(document).ready(function(){$(".gpa input").on("change",function(){var e=$(".gpa input").val();a("gpa",e)}),$(".math input").on("change",function(){var e=$(".math input").val();a("math",e)}),$(".reading input").on("change",function(){var e=$(".reading input").val();a("reading",e)}),$(".act input").on("change",function(){var e=$(".act input").val();a("act",e)}),$("#calculator input").on("keyup",function(){e()})})}(jQuery); -------------------------------------------------------------------------------- /styles/sass/pages/_home.scss: -------------------------------------------------------------------------------- 1 | /* Social Wall */ 2 | 3 | .socialize .unbound.recto { 4 | margin-right: 0 !important; 5 | } 6 | 7 | .socialize .row.single, 8 | .socialize .row.single .column { 9 | width: 100% !important; 10 | max-width: 100% !important; 11 | } 12 | 13 | .socialize { 14 | 15 | background: linear-gradient(to bottom, rgba(152,30,50,1) 0%,rgba(152,30,50,1) 50%,rgba(42,48,51,1) 50%,rgba(42,48,51,1) 100%); 16 | 17 | .spine-social-channels { 18 | width: 40%; 19 | position: absolute; 20 | z-index: 509; 21 | 22 | li { 23 | width: 3em; 24 | } 25 | 26 | a { 27 | color: white; 28 | line-height: 60px; 29 | font-size: 2rem; 30 | } 31 | 32 | a:hover::before { 33 | color: $gray-darker; 34 | } 35 | 36 | } 37 | 38 | .size-lt-medium main & .spine-social-channels { 39 | display: none; 40 | } 41 | 42 | .gallery { 43 | 44 | display: flex; 45 | flex-direction: column; 46 | flex-wrap: wrap; 47 | height: 610px; 48 | max-width: 1188px; 49 | margin: 0 auto; 50 | 51 | img { 52 | border: none; 53 | width: 100%; 54 | height: auto; 55 | } 56 | 57 | .size-lt-xlarge & img { 58 | min-height: 100%; 59 | width: auto; 60 | max-width: 1000px; 61 | } 62 | 63 | .size-gt-large & img { 64 | min-width: 100%; 65 | height: auto; 66 | } 67 | 68 | a { 69 | display: block; 70 | } 71 | 72 | .gallery-item { 73 | margin: 0; 74 | float: none; 75 | height: 198px; 76 | overflow: hidden; 77 | width: 20%; 78 | } 79 | 80 | .gallery-item:nth-of-type(1) { 81 | margin-top: 99px; 82 | } 83 | .gallery-item:nth-of-type(3) { 84 | margin-top: 150px; 85 | } 86 | .gallery-item:nth-of-type(8) { 87 | margin-top: 66px; 88 | } 89 | 90 | .size-lt-medium & .gallery-item:nth-of-type(6) ~ .gallery-item { 91 | display: none; 92 | } 93 | 94 | .size-lt-medium & .gallery-item { 95 | width: 33.33334%; 96 | } 97 | 98 | .gallery-icon { 99 | line-height: 0; 100 | overflow: hidden; 101 | } 102 | 103 | figcaption { 104 | display: none; 105 | } 106 | 107 | } 108 | 109 | 110 | } 111 | 112 | /* FOS Browser */ 113 | 114 | .fos-index { 115 | 116 | header { 117 | margin-bottom: .5rem; 118 | } 119 | 120 | .areas-wrap { 121 | background-color: $gray-lighter; 122 | height: 2.8em; 123 | position: relative; 124 | padding: 1rem; 125 | margin-bottom: 1rem; 126 | } 127 | 128 | .areas-wrap ul { 129 | width: calc(100% - 2rem); 130 | } 131 | 132 | ul, 133 | li { 134 | box-sizing: border-box; 135 | } 136 | 137 | ul { 138 | height: auto; 139 | padding: 0; 140 | width: 100%; 141 | } 142 | 143 | li { 144 | padding: 0; 145 | margin: 0; 146 | list-style: none; 147 | background-color: white; 148 | } 149 | 150 | li.top a { 151 | color: $gray; 152 | padding: 10px 0 10px 20px; 153 | text-transform: uppercase; 154 | pointer-events: none; 155 | } 156 | 157 | li.top:hover { 158 | cursor: pointer; 159 | } 160 | 161 | li a { 162 | color: $crimson; 163 | font-size: 14px; 164 | padding: 5px 20px; 165 | display: block; 166 | } 167 | 168 | // Drop menus 169 | 170 | ul.drop { 171 | padding: 0; 172 | position: absolute; 173 | z-index: 509; 174 | background-color: white; 175 | } 176 | 177 | ul.drop li a:hover { 178 | color: white; 179 | background-color: $crimson; 180 | transition: background-color .2s ease-in-out; 181 | } 182 | 183 | ul.drop li.item { 184 | display: none; 185 | } 186 | 187 | ul.dropped { 188 | padding-bottom: 20px; 189 | } 190 | 191 | ul.dropped li.item { 192 | display: block; 193 | } 194 | 195 | // AZ 196 | 197 | .az li { 198 | display: inline-block; 199 | margin-bottom: 5px; 200 | background: transparent; 201 | } 202 | 203 | .az li a { 204 | color: $gray-light; 205 | border: 1px $gray-light solid; 206 | padding: 6px 12px; 207 | } 208 | 209 | .az li a:hover { 210 | color: $gray; 211 | background-color: white; 212 | border-color: white; 213 | } 214 | 215 | .home & .colleges-wrap, 216 | .page-academics & .colleges-wrap { 217 | display: none; 218 | } 219 | 220 | } 221 | 222 | /* Fairs */ 223 | 224 | .fairs { 225 | 226 | li { 227 | display: inline-block; 228 | margin-right: 2px; 229 | margin-bottom: 2px; 230 | } 231 | 232 | li a { 233 | color: white; 234 | background-color: $crimson; 235 | padding: 5px 5px; 236 | } 237 | 238 | li a:hover { 239 | color: $crimson; 240 | background-color: white; 241 | } 242 | } 243 | 244 | /* Stats */ 245 | 246 | .stats { 247 | 248 | text-align: center; 249 | 250 | .column header { 251 | margin-bottom: .2rem; 252 | } 253 | 254 | h2 { 255 | padding-bottom: 0; 256 | font-weight: 800; 257 | } 258 | 259 | } 260 | 261 | /* Gallery */ 262 | 263 | .gallery::after { 264 | content: ""; 265 | display: table; 266 | clear: both; 267 | } 268 | 269 | .section-wrapper { 270 | background-size: cover; 271 | background-position: center center; 272 | } 273 | 274 | /* Inspiring Ticker */ 275 | 276 | .inspiring { 277 | height: 500px; 278 | background-size: cover; 279 | } 280 | 281 | .inspiring .column.one { 282 | position: relative; 283 | } 284 | 285 | .inspiring-you .column.one { 286 | border-left: 40px $crimson solid; 287 | height: 200px; 288 | position: relative; 289 | } 290 | 291 | .inspiring-you .column.two { 292 | min-height: 200px; 293 | position: relative; 294 | overflow: hidden; 295 | font-size: 18px; 296 | @include antialiased; 297 | } 298 | 299 | ul.inspirings { 300 | width: 500px; 301 | margin-bottom: -2px; 302 | padding: 0; 303 | position: absolute; 304 | bottom: 0; 305 | left: 0; 306 | margin-left: 15px; 307 | } 308 | 309 | ul.inspirings ul { 310 | padding: 0; 311 | } 312 | 313 | @-webkit-keyframes on { 314 | 0% { 315 | opacity: 1; 316 | } 317 | 50% { 318 | opacity: 1; 319 | } 320 | 100% { 321 | opacity: 0; 322 | } 323 | } 324 | 325 | .inspirings li { 326 | @include open; 327 | font-weight: 800; 328 | color: white; 329 | text-transform: uppercase; 330 | font-size: 54px; 331 | line-height: 48px; 332 | } 333 | 334 | .subhead header h2 { 335 | font-weight: 300; 336 | } 337 | 338 | .inspirings li { 339 | display: block; 340 | padding: 0; 341 | bottom: 0; 342 | list-style: none; 343 | } 344 | 345 | .inspirings b { 346 | margin-bottom: 48px; 347 | display: block; 348 | font-weight: 800; 349 | } 350 | 351 | .inspirings ul { 352 | padding: 0; 353 | } 354 | 355 | .inspirings ul li { 356 | opacity: 0; 357 | position: absolute; 358 | left: 0; 359 | } 360 | 361 | $inspiration: 1; 362 | $delay: 0; 363 | $duration: 2; 364 | 365 | @while $inspiration < 17 { 366 | 367 | .inspirings ul li:nth-of-type(#{$inspiration}) { 368 | -webkit-animation-name: on; 369 | -webkit-animation-duration: #{$duration}s; 370 | -webkit-animation-delay: #{$delay}s; 371 | } 372 | $inspiration: $inspiration + 1; 373 | @if $inspiration < 9 { 374 | $duration: $duration - ($inspiration * .05); 375 | } 376 | $delay: $delay + $duration; 377 | 378 | } 379 | 380 | .inspirings ul li:nth-of-type(16) { 381 | -webkit-animation-duration: 100000s; 382 | } 383 | 384 | .inspiring-you { 385 | background-image: url("images/bg-inspiring-you.jpg"); 386 | } 387 | 388 | .inspiring-academics { 389 | background-image: url("images/bg-inspiring-academics.jpg"); 390 | } 391 | 392 | .size-gt-small .inspiring-you { 393 | background-position: right center; 394 | } 395 | 396 | .size-gt-small .inspiring-you .column.two { 397 | margin-top: 200px; 398 | } -------------------------------------------------------------------------------- /scripts/calculators.js: -------------------------------------------------------------------------------- 1 | /* jshint unused:false */ 2 | 3 | (function($){ 4 | 5 | function checkScore(metric,score) { 6 | 7 | var low = 0; 8 | var high = 0; 9 | 10 | if ( metric === "gpa" ) { high = 4.0; low = 2.5; } 11 | if ( metric === "reading" || metric === "math" ) { high = 800; low = 200; } 12 | if ( metric === "act" ) { high = 36; low = 11; } 13 | 14 | if (score) { 15 | 16 | if ( score < low || score > high ) { 17 | 18 | $("#correction-"+metric).show(); 19 | 20 | } else { 21 | 22 | $("#correction-"+metric).hide(); 23 | 24 | } 25 | 26 | } else { 27 | 28 | $("#correction-"+metric).hide(); 29 | 30 | } 31 | 32 | } 33 | 34 | function calculate() { 35 | 36 | if ( ( $(".gpa input").val().length > 1 ) && ( ( $(".act input").val().length === 2 ) || ( ( $(".reading input").val().length === 3 ) && $(".math input").val().length === 3 ) ) ) { 37 | 38 | var qvalue = 0; 39 | var gpa = $("input#gpa").val() * 400; 40 | var reading = $("input#reading").val(); 41 | var math = $("input#math").val(); 42 | var sat = ( parseFloat(reading) + parseFloat(math) ); 43 | var act = $("input#act").val(); 44 | if ( reading !== "" && math !== "" ) { 45 | qvalue = ( parseFloat(reading) + parseFloat(math) + parseFloat(gpa) ); 46 | } 47 | 48 | switch(act) { 49 | 50 | case "36": 51 | act = 1600; 52 | break; 53 | case "35": 54 | act = 1580; 55 | break; 56 | case "34": 57 | act = 1520; 58 | break; 59 | case "33": 60 | act = 1470; 61 | break; 62 | case "32": 63 | act = 1420; 64 | break; 65 | case "31": 66 | act = 1380; 67 | break; 68 | case "30": 69 | act = 1340; 70 | break; 71 | case "29": 72 | act = 1300; 73 | break; 74 | case "28": 75 | act = 1260; 76 | break; 77 | case "27": 78 | act = 1220; 79 | break; 80 | case "26": 81 | act = 1180; 82 | break; 83 | case "25": 84 | act = 1140; 85 | break; 86 | case "24": 87 | act = 1110; 88 | break; 89 | case "23": 90 | act = 1070; 91 | break; 92 | case "22": 93 | act = 1030; 94 | break; 95 | case "21": 96 | act = 990; 97 | break; 98 | case "20": 99 | act = 950; 100 | break; 101 | case "19": 102 | act = 910; 103 | break; 104 | case "18": 105 | act = 870; 106 | break; 107 | case "17": 108 | act = 830; 109 | break; 110 | case "16": 111 | act = 780; 112 | break; 113 | case "15": 114 | act = 740; 115 | break; 116 | case "14": 117 | act = 680; 118 | break; 119 | case "13": 120 | act = 620; 121 | break; 122 | case "12": 123 | act = 560; 124 | break; 125 | case "11": 126 | act = 500; 127 | break; 128 | default: 129 | break; 130 | 131 | } 132 | 133 | if ( act !== null && ( ( parseFloat(act) + parseFloat(gpa) ) > qvalue ) ) { 134 | 135 | qvalue = parseFloat(act) + parseFloat(gpa); 136 | } 137 | 138 | // University Achievement Award 139 | if ( $("#UAA").length ) { 140 | 141 | if ( qvalue >= 2750 ) { 142 | document.getElementById("awardlevel").innerHTML = "Congratulations!
You are eligible for $4000.
Your strong academic record may also qualify you for additional awards from the University's 700-plus scholarship programs. If you haven't already done so, please apply for admission and scholarships.
"; 143 | } else if ( qvalue >= 2400 ) { 144 | document.getElementById("awardlevel").innerHTML = "Congratulations!
You are eligible for $2000.
Your good academic record may also qualify you for additional awards from the University's 700-plus scholarship programs. If you haven't already done so, please apply for admission and scholarships.
"; 145 | } else if (qvalue < 2400) { 146 | document.getElementById("awardlevel").innerHTML = "Based on the scores you provided, you do not qualify for the University Achievement Award.If your scores change, please calculate your eligibility again. You may qualify for other awards from the University's 700-plus scholarship programs. If you haven't already done so, please apply for admission and scholarships.
"; 147 | } 148 | 149 | // Cougar Achievement Award 150 | } else if ( $("#CAA").length ) { 151 | 152 | if (qvalue >= 2400) { 153 | document.getElementById("awardlevel").innerHTML = "Congratulations!
You are eligible for $11,000 in your first year, renewable for up to three additional years.
Your good academic record may also qualify you for additional awards from the University's 700-plus scholarship programs. If you haven't already done so, please apply for admission and scholarships.
"; 154 | } else if (qvalue < 2400) { 155 | document.getElementById("awardlevel").innerHTML = "Based on the scores you provided, you do not qualify for the Cougar Freshman Academic Award.If your scores change, you may use this calculator again to see if you are eligible. You may qualify for other awards from the University's 700-plus scholarship programs. If you haven't already done so, please apply for admission and scholarships.
"; 156 | } 157 | 158 | // Cougar Commitment 159 | } else if ( $("#CC").length ) { 160 | if (qvalue >= 2200) { 161 | document.getElementById("awardlevel").innerHTML = "Congratulations!
Your good academic record indicates you're eligible for the Crimson Crew program provided you also:
1) Have a college preparatory curriculum
2) Positive grade trends
3) Apply to the WSU Pullman campus
Based on the information you provided, it does not appear you're eligible for the Crimson Crew program at this time.
But wait!
That doesn't mean you're not eligible for admission. Discuss further with your admission counselor at rep.wsu.edu.
"; 164 | } 165 | 166 | 167 | } else { 168 | document.getElementById("awardlevel").innerHTML = ""; 169 | } 170 | 171 | } else { 172 | document.getElementById("awardlevel").innerHTML = ""; 173 | } 174 | 175 | } 176 | 177 | $(document).ready( function() { 178 | 179 | $(".gpa input").on("change", function() { 180 | var score = $(".gpa input").val(); 181 | 182 | checkScore("gpa",score); 183 | }); 184 | 185 | /* SAT Scores */ 186 | 187 | $(".math input").on("change", function() { 188 | var score = $(".math input").val(); 189 | checkScore("math",score); 190 | }); 191 | 192 | $(".reading input").on("change", function() { 193 | var score = $(".reading input").val(); 194 | checkScore("reading",score); 195 | }); 196 | 197 | /* ACT Scores */ 198 | 199 | $(".act input").on("change", function() { 200 | var score = $(".act input").val(); 201 | checkScore("act",score); 202 | }); 203 | 204 | /* Calculate */ 205 | 206 | $("#calculator input").on("keyup", function() { 207 | calculate(); 208 | }); 209 | 210 | }); 211 | 212 | })(jQuery); -------------------------------------------------------------------------------- /styles/sass/_actions.scss: -------------------------------------------------------------------------------- 1 | @import 'global/vars'; 2 | @import 'global/colors'; 3 | @import 'global/utilities'; 4 | 5 | .page-visits .main-footer { 6 | display: none; 7 | } 8 | 9 | .main-footer { 10 | position: fixed; 11 | min-height: 50px; 12 | z-index: 99164; 13 | width: 100%; 14 | top: 0; 15 | right: 0; 16 | box-sizing: border-box; 17 | } 18 | 19 | .main-footer .action-items { 20 | width: 33.3334%; 21 | max-width: 100%; 22 | min-width: 396px; 23 | float: right; 24 | } 25 | 26 | .size-small .main-footer .action-items, 27 | .size-small .action-item dd { 28 | min-width: 100%; 29 | } 30 | 31 | .action-items { 32 | background-color: $crimson; 33 | overflow: hidden; 34 | display: flex; 35 | } 36 | 37 | .actions.affixed-top dl.action-item dt { 38 | text-align: center; 39 | width: 100%; 40 | } 41 | 42 | .actions.affixed-top dl.actions-list, 43 | .actions.affixed-top dl.action-item, 44 | .actions.affixed-top dl.action-item dt { 45 | height: 50px; 46 | } 47 | 48 | dl.actions-list { 49 | width: 100%; 50 | height: 50px; 51 | padding: 0; 52 | display: -webkit-flex; 53 | -webkit-flex-direction: row; 54 | -webkit-flex-wrap: nowrap; 55 | -webkit-flex-flow: row nowrap; 56 | justify-content: space-around; 57 | background: $crimson; 58 | } 59 | 60 | dl.action-item { 61 | width: 25%; 62 | flex: 1; 63 | padding: 0; 64 | margin: auto; 65 | float: left; 66 | } 67 | 68 | /* Admin Bar Adjustments */ 69 | x.admin-bar .size-gt-medium:not(.size-lt-990) .main-footer { 70 | top: 32px; 71 | } 72 | 73 | .size-lt-large .main-footer, 74 | x.admin-bar .size-lt-large .actions.affixed-top { 75 | top: 50px; 76 | } 77 | 78 | .admin-bar .main-footer { 79 | top: 32px; 80 | } 81 | 82 | .admin-bar .size-lt-large .main-footer { 83 | top: 50px; 84 | } 85 | 86 | 87 | .action-item, 88 | .action-item dt { 89 | height: 50px; 90 | } 91 | 92 | .action-item dt { 93 | width: 100%; 94 | list-style: none; 95 | font-weight: 300; 96 | padding: 0; 97 | display: table; 98 | background-color: $crimson; 99 | } 100 | 101 | .action-item dt a, 102 | .action-item dt button { 103 | color: white; 104 | height: 100%; 105 | vertical-align: middle; 106 | display: table-cell; 107 | border-radius: 0; 108 | border-width: 0; 109 | background-color: transparent; 110 | font-size: 24px; 111 | padding: 0; 112 | @include antialiased; 113 | font-weight: 300; 114 | font-family: "Open Sans"; 115 | text-align: center; 116 | width: 100%; 117 | outline: none; 118 | } 119 | 120 | .action-item:nth-of-type(n+2) dt a, 121 | .action-item:nth-of-type(n+2) dt button { 122 | border-left: 2px #7c182d solid; 123 | } 124 | 125 | .action-item:nth-of-type(n+1) dt a:hover, 126 | .action-item:nth-of-type(n+1) dt button:hover, 127 | .action-item.opened dt, 128 | .action-item.opened dt button { 129 | background: $crimson-er; 130 | background: $gray-darker; 131 | } 132 | 133 | 134 | .action-item:nth-of-type(n+1):not(.opened) dt a:hover, 135 | .action-item:nth-of-type(n+1):not(.opened) dt button:hover { 136 | background-color: #7c182d; 137 | } 138 | 139 | .action-item dd { 140 | display: none; 141 | } 142 | 143 | .action-item.opened dd { 144 | display: block; 145 | } 146 | 147 | .action-item dd { 148 | overflow-x: hidden; 149 | overflow-y: scroll; 150 | width: 33.3334%; 151 | min-width: 396px; 152 | background-color: $crimson-er; 153 | background-color: $gray-darker; 154 | position: absolute; 155 | right: 0; 156 | padding: 2rem; 157 | box-sizing: border-box; 158 | color: white; 159 | height: calc( 100vh - 50px ); 160 | z-index: 999164; 161 | } 162 | 163 | .action-item a:first-child { 164 | display: inline-block; 165 | background-color: #6b1523; 166 | background-color: white; 167 | color: $crimson !important; 168 | padding: .2em .4em; 169 | margin: -.2em .2em -.2em 0; 170 | border-left-color: white; 171 | border-style: solid; 172 | border-right-color: $crimson; 173 | border-right-width: 0; 174 | border-left-width: 0; 175 | white-space: nowrap; 176 | top: 0; 177 | text-transform: uppercase; 178 | } 179 | 180 | .action-item a:hover { 181 | background-color: $crimson-dark; 182 | color: $crimson-er !important; 183 | transition: color .2s ease-out, background-color .2s ease-out; 184 | } 185 | 186 | .action-item header { 187 | font-weight: 800; 188 | font-size: 1.4rem; 189 | text-transform: uppercase; 190 | padding-bottom: 1rem; 191 | } 192 | 193 | .action-item hr { 194 | height: 1rem; 195 | height: 3px; 196 | border: none; 197 | display: block; 198 | background: $crimson-dark; 199 | background: $gray; 200 | } 201 | 202 | #info { 203 | 204 | form { 205 | position: relative; 206 | } 207 | 208 | input[type="text"], 209 | select { 210 | margin-bottom: 3px; 211 | } 212 | 213 | input[type="text"] { 214 | width: 100%; 215 | background-color: $crimson; 216 | background-color: $gray; 217 | border: none; 218 | color: $gray-lightly; 219 | border-radius: 0; 220 | } 221 | 222 | 223 | #additional-info.closed { 224 | display: none; 225 | } 226 | 227 | #additional-info.closed ~ * { 228 | display: none; 229 | } 230 | 231 | select { 232 | background-color: $gray; 233 | height: 26px; 234 | color: white; 235 | border: none; 236 | outline: none; 237 | -webkit-appearance: none; 238 | filter: alpha(opacity=0); 239 | box-sizing: border-box; 240 | width: 100%; 241 | padding-left: 5px; 242 | padding-right: 5px; 243 | border-radius: 0; 244 | } 245 | 246 | .birthday select { 247 | width: auto; 248 | } 249 | 250 | select option { 251 | position: relative; 252 | } 253 | 254 | select option::before { 255 | content: ""; 256 | position: absolute; 257 | display: block; 258 | top: 0; 259 | width: 0; 260 | height: 0; 261 | border-left: 20px solid transparent; 262 | border-right: 20px solid transparent; 263 | border-top: 20px solid white; 264 | } 265 | 266 | input.required[type="text"], 267 | input:required, 268 | select.required, 269 | select:required { 270 | background-color: $gray-light !important; 271 | border-left: 3px $gray-lightest solid; 272 | } 273 | 274 | select:focus, 275 | input[type="text"]:focus, 276 | input[type="text"].required:focus { 277 | color: black; 278 | background-color: $gray-lightest; 279 | } 280 | 281 | .itemLabel { 282 | display: none; 283 | } 284 | 285 | input[type="text"] { 286 | &::-webkit-input-placeholder { color: white; } 287 | &:-moz-placeholder { color: white; } 288 | &::-moz-placeholder { color: white; } 289 | &:-ms-input-placeholder { color: white; } 290 | } 291 | 292 | input[type="text"]:focus { 293 | &::-webkit-input-placeholder { color: $gray; } 294 | &:-moz-placeholder { color: $gray; } 295 | &::-moz-placeholder { color: $gray; } 296 | &:-ms-input-placeholder { color: $gray; } 297 | } 298 | 299 | form button, 300 | form input[type="button"], 301 | form input[type="submit"] { 302 | border-radius: 0; 303 | border-width: 1px; 304 | color: $gray; 305 | border-color: $gray-lightly; 306 | background-color: $gray-lightly; 307 | } 308 | 309 | form button:hover, 310 | form input[type="button"]:hover, 311 | form input[type="submit"]:hover { 312 | color: $gray-darker; 313 | border-color: white; 314 | background-color: white; 315 | } 316 | 317 | form button.secondary, 318 | form input[type="submit"].secondary { 319 | background: transparent; 320 | color: $gray-light; 321 | border-color: $gray-light; 322 | } 323 | 324 | form button.secondary:hover, 325 | form input[type="submit"].secondary:hover { 326 | color: white; 327 | background: transparent; 328 | border-color: white; 329 | } 330 | 331 | } 332 | 333 | .action-item h2 { 334 | padding-top: 0; 335 | } 336 | 337 | .action-item ul { 338 | padding: 0; 339 | } 340 | 341 | .action-item li { 342 | list-style: none; 343 | padding-bottom: 1rem; 344 | } 345 | 346 | .action-item li a { 347 | font-weight: bold; 348 | color: white; 349 | } 350 | -------------------------------------------------------------------------------- /style.min.css.map: -------------------------------------------------------------------------------- 1 | {"version":3,"sources":["styles/sass/_inspiring.scss","styles/sass/style.scss","styles/sass/global/_vars.scss","styles/sass/pages/_home.scss","styles/sass/global/_utilities.scss","styles/sass/pages/_calculators.scss","styles/sass/_actions.scss","styles/sass/_overlays.scss","style-sass.css","style.css","styles/sass/_blogs.scss"],"names":[],"mappings":"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"} -------------------------------------------------------------------------------- /styles/sass/style.scss: -------------------------------------------------------------------------------- 1 | /* 2 | Theme Name: WSU Admissions 3 | Theme URI: https://admission.wsu.edu/ 4 | Description: A child theme for Washington State University's admission.wsu.edu 5 | Author: WSU University Communications, Nate Jacobson 6 | Author URI: https://web.wsu.edu 7 | Template: spine 8 | Version: 1.3.12 9 | License: GNU General Public License v2 or later, using licensed Manus font from MyFonts 10 | License URI: http://www.gnu.org/licenses/gpl-2.0.html 11 | */ 12 | /** 13 | * @license 14 | * MyFonts Webfont Build ID 3227938, 2016-06-03T12:42:07-0400 15 | * 16 | * The fonts listed in this notice are subject to the End User License 17 | * Agreement(s) entered into by the website owner. All other parties are 18 | * explicitly restricted from using the Licensed Webfonts(s). 19 | * 20 | * You may obtain a valid license at the URLs below. 21 | * 22 | * Webfont: Manus by JOEBOB graphics 23 | * URL: http://www.myfonts.com/fonts/joebob/manus/regular/ 24 | * Copyright: © 2014 GEERT 25 | * Licensed pageviews: 1,000,000 26 | * 27 | * 28 | * License: http://www.myfonts.com/viewlicense?type=web&buildid=3227938 29 | * 30 | * © 2016 MyFonts Inc 31 | */ 32 | 33 | /* @import must be at top of file, otherwise CSS will not work */ 34 | @import url("//hello.myfonts.net/count/314122"); 35 | @font-face {font-family: 'Manus';src: url('webfonts/314122_0_0.eot');src: url('webfonts/314122_0_0.eot?#iefix') format('embedded-opentype'),url('webfonts/314122_0_0.woff2') format('woff2'),url('webfonts/314122_0_0.woff') format('woff'),url('webfonts/314122_0_0.ttf') format('truetype');} 36 | 37 | @import 'global/vars'; 38 | @import 'global/colors'; 39 | @import 'global/utilities'; 40 | 41 | @import 'inspiring'; 42 | @import 'overlays'; 43 | @import 'actions'; 44 | @import 'blogs'; 45 | 46 | /* Pages */ 47 | @import 'pages/home'; 48 | @import 'pages/subpages'; 49 | @import 'pages/calculators'; 50 | 51 | .size-lt-large #binder { 52 | width: 100%; 53 | } 54 | 55 | /* Slides */ 56 | 57 | .slide .wrap { 58 | display: block; 59 | } 60 | 61 | .slide .wrap { 62 | max-width: 50%; 63 | width: 33%; 64 | padding: 2rem; 65 | } 66 | 67 | .flow-north { 68 | bottom: 0; 69 | top: auto; 70 | } 71 | 72 | .slide-college-hill .wrap { 73 | width: 33.333334%; 74 | position: absolute; 75 | right: 0; 76 | bottom: 0; 77 | } 78 | 79 | .slide-pullman .wrap { 80 | width: 33.333334%; 81 | position: absolute; 82 | right: 0; 83 | bottom: 0; 84 | } 85 | 86 | ul.white-list { 87 | padding: 0; 88 | } 89 | 90 | .white-list li a { 91 | background-color: white; 92 | color: $crimson; 93 | padding: .1rem .3rem; 94 | line-height: 1.4rem; 95 | } 96 | 97 | .white-list li a:hover { 98 | background-color: rgba(0, 0, 0, 0.5); 99 | color: white; 100 | transition: background-color .05 s; 101 | } 102 | 103 | p:last-of-type ~ ul { 104 | margin-top: .5rem; 105 | } 106 | 107 | .inline-block-list li { 108 | display: inline-block; 109 | } 110 | 111 | .column.placed-southeast, 112 | .fp-section .place-southeast .wrap { 113 | position: absolute; 114 | right: 0; 115 | bottom: 0; 116 | left: auto; 117 | top: auto; 118 | } 119 | 120 | .column:not(.inspiring-line) header { 121 | margin-bottom: .5rem; 122 | } 123 | 124 | .page .column:not(.inspiring-line) header h2 { 125 | font-size: 3rem; 126 | line-height: 2.6rem; 127 | } 128 | 129 | .white-back:not(.x):not(.y) header { 130 | color: $gray-darker; 131 | } 132 | 133 | h1,h2,h3,h4,h5,h6 { 134 | @include open; 135 | @include antialiased; 136 | } 137 | 138 | h1 { 139 | font-size: 2rem; 140 | } 141 | 142 | h2 { 143 | font-weight: 300; 144 | font-size: 2rem; 145 | text-transform: none; 146 | color: $gray-darker; 147 | } 148 | 149 | h3 { 150 | font-weight: 300; 151 | font-size: 1.4rem; 152 | text-transform: none; 153 | } 154 | 155 | h4 { 156 | text-transform: uppercase; 157 | font-size: 1rem; 158 | } 159 | 160 | ul.list-style-none { 161 | list-style: none; 162 | padding: 0; 163 | } 164 | 165 | .column header h2 { 166 | padding-top: 0; 167 | } 168 | 169 | .featured-image { 170 | height: 500px; 171 | } 172 | 173 | .has-featured-image:not(.domain-blogs-admission-wsu-edu) .main-header { 174 | background-color: transparent; 175 | position: relative; 176 | width: 100%; 177 | overflow: visible; 178 | z-index: 100; 179 | height: 500px; 180 | float: left; 181 | bottom: 0; 182 | } 183 | 184 | .has-featured-image:not(.domain-blogs-admission-wsu-edu) .header-group { 185 | min-height: 75px; 186 | max-width: 100%; 187 | height: 500px; 188 | width: 100%; 189 | 190 | box-sizing: border-box; 191 | } 192 | 193 | .has-featured-image:not(.domain-blogs-admission-wsu-edu) .header-group.guttered { 194 | padding-left: 0; 195 | } 196 | 197 | .has-featured-image:not(.domain-blogs-admission-wsu-edu) .header-group sup { 198 | display: none; 199 | } 200 | 201 | .has-featured-image:not(.domain-blogs-admission-wsu-edu) .header-group sub { 202 | position: absolute; 203 | bottom: 0; 204 | height: 120px; 205 | width: 100%; 206 | background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%,rgba(0, 0, 0, 0.6) 100%); 207 | } 208 | 209 | .has-featured-image:not(.domain-blogs-admission-wsu-edu) .header-group sub span { 210 | white-space: normal; 211 | padding-bottom: 1rem; 212 | @include open; 213 | font-size: 3rem; 214 | line-height: 1; 215 | font-weight: 300; 216 | display: block; 217 | position: absolute; 218 | bottom: 0; 219 | padding-left: 2rem; 220 | width: calc(100% - 2rem); 221 | } 222 | 223 | .comment-list { 224 | padding-left: 0; 225 | } 226 | 227 | .comment-list li { 228 | background: white; 229 | border-radius: 10px; 230 | margin-bottom: 10px; 231 | padding: 1rem; 232 | list-style: none; 233 | } 234 | 235 | .fp-section { 236 | background-size: cover; 237 | background-position: center center; 238 | } 239 | 240 | .fp-section section { 241 | height: 100%; 242 | } 243 | 244 | .slide { 245 | background-position: center center; 246 | background-size: cover; 247 | background-clip: border-box; 248 | } 249 | 250 | .fp-tableCell { 251 | display: block; 252 | } 253 | 254 | .column[class*="step-"] p big { 255 | height: 0; 256 | display: block; 257 | margin: auto; 258 | position: absolute; 259 | top: 0; 260 | left: 0; 261 | bottom: 0; 262 | right: 0; 263 | font-size: 6em; 264 | font-weight: 800; 265 | } 266 | 267 | .column[class*="step-"] p { 268 | display: block; 269 | width: 100%; 270 | text-align: center; 271 | color: white; 272 | background: $gray-light; 273 | padding-bottom: 100%; 274 | } 275 | 276 | .step.side-right .column.one { 277 | text-align: right; 278 | } 279 | .step.side-right .column.one li { 280 | direction: rtl; 281 | } 282 | 283 | .step { 284 | margin-bottom: 1rem; 285 | } 286 | 287 | .padded p:last-of-type { 288 | padding-bottom: 0; 289 | } 290 | 291 | /* Start of refresh 08/04/1206 */ 292 | 293 | .mix-blend-mode .has-featured-image .header-group sub:before, 294 | .mix-blend-mode .multiply .column:before { 295 | mix-blend-mode: multiply; 296 | z-index: 0; 297 | } 298 | 299 | /* Layout Adjustments */ 300 | 301 | @media screen and (min-width: 1188px) { 302 | 303 | #binder:not(.fluid).max-1188 .row, 304 | #binder:not(.fluid).max-1386 .row { 305 | max-width: 1188px; 306 | } 307 | 308 | .max-1188, 309 | .max-1386 { 310 | // single 311 | .row.single .column { width: 990px; } 312 | .column.singled { width: 990px !important; } 313 | 314 | // halves 315 | .row.halves .column { width: 495px; } 316 | .column.half { width: 495px !important; } 317 | 318 | // thirds 319 | .row.thirds .column { width: 330px; } 320 | .column.third { width: 330px !important; } 321 | 322 | // quarters 323 | .row.quarters .column { width: 25%; } 324 | .column.quarter { width: 25% !important; } 325 | 326 | // triptych 327 | .row.triptych .column { width: 25%; } 328 | .row.triptych .column.two { width: 50%; } 329 | 330 | // Margin - Right & Left 331 | .row.margin-right .column.one, 332 | .row.margin-left .column.two { 333 | width: 75%; 334 | } 335 | .row.margin-right .column.two, 336 | .row.margin-left .column.one { 337 | width: 25%; 338 | } 339 | 340 | // Side - Right & Left 341 | .row.side-right .column.one, 342 | .row.side-left .column.two { 343 | width: 660px; 344 | } 345 | .row.side-right .column.two, 346 | .row.side-left .column.one { 347 | width: 330px; 348 | } 349 | 350 | } 351 | 352 | } 353 | 354 | 355 | @media screen and (min-width: 1386px) { 356 | 357 | #binder:not(.fluid).max-1386 .row { 358 | width: 1386px; 359 | max-width: 1386px; 360 | } 361 | 362 | .max-1386 { 363 | 364 | // single 365 | .row.single .column { width: 1188px; } 366 | .column.singled { width: 1188px !important; } 367 | 368 | // halves 369 | .row.halves .column { width: 594px; } 370 | .column.half { width: 594px !important; } 371 | 372 | // thirds 373 | .row.thirds .column { width: 396px; } 374 | .column.third { width: 396px !important; } 375 | 376 | // quarters 377 | .row.quarters .column { width: 297px; } 378 | .column.quarter { width: 297px !important; } 379 | 380 | // triptych 381 | .row.triptych .column { width: 297px; } 382 | .row.triptych .column.two { width: 594px; } 383 | 384 | // Margin - Right & Left 385 | .row.margin-right .column.one, 386 | .row.margin-left .column.two { 387 | width: 891px; } 388 | .row.margin-right .column.two, 389 | .row.margin-left .column.one { 390 | width: 297px; } 391 | 392 | // Side - Right & Left 393 | .row.side-right .column.one, 394 | .row.side-left .column.two { 395 | width: 792px; } 396 | .row.side-right .column.two, 397 | .row.side-left .column.one { 398 | width: 396px; } 399 | 400 | } 401 | 402 | } 403 | 404 | -------------------------------------------------------------------------------- /functions.php: -------------------------------------------------------------------------------- 1 | 'Footer', 48 | 'id' => 'admission-footer', 49 | 'description' => 'Displays the action links on the top of every page.', 50 | ); 51 | register_sidebar( $footer_args ); 52 | } 53 | 54 | /** 55 | * Enqueue child theme Scripts and Styles 56 | */ 57 | public function enqueue_scripts() { 58 | wp_enqueue_script( 'calculators-scripts', get_stylesheet_directory_uri() . '/scripts/calculators.js', array( 'jquery' ), $this->version, true ); 59 | wp_enqueue_script( 'admissions-scripts', get_stylesheet_directory_uri() . '/scripts/admissions.js', array( 'jquery' ), $this->version, true ); 60 | } 61 | 62 | public function add_timing_class( $classes ) { 63 | $interval = ( current_time( 'Ymd', $gmt = 0 ) - get_the_date('Ymd') ); 64 | $interval_month = ( current_time( 'Ym', $gmt = -8 ) - get_the_date('Ym') ); 65 | 66 | if ( !is_page() ) { 67 | 68 | if ( $interval <= 1 ) { $classes[] = 'past-day'; } 69 | if ( $interval <= 7 ) { $classes[] = 'past-week'; } 70 | if ( $interval_month < 1 ) { $classes[] = 'past-month'; } 71 | if ( $interval_month <= 3 ) { $classes[] = 'past-quarter'; } 72 | if ( $interval_month <= 6 ) { $classes[] = 'past-half'; } 73 | if ( $interval <= 365 ) { $classes[] = 'past-year'; } 74 | else { $classes[] = 'before-past-year'; } 75 | 76 | } 77 | 78 | $pst = get_the_date('H') - 7; 79 | 80 | if ( $pst > 6 && $pst < 18 ) { $classes[] = 'day-time'; } 81 | else { $classes[] = 'night-time'; } 82 | 83 | return $classes; 84 | 85 | } 86 | 87 | public function prune_page_templates( $templates ) { 88 | unset( $templates['templates/halves.php'] ); 89 | unset( $templates['templates/margin-left.php'] ); 90 | unset( $templates['templates/margin-right.php'] ); 91 | unset( $templates['templates/side-left.php'] ); 92 | unset( $templates['templates/side-right.php'] ); 93 | unset( $templates['templates/single.php'] ); 94 | return $templates; 95 | } 96 | 97 | /** 98 | * Provide a specific single template for some categories. 99 | * 100 | * @param string $the_template The current template being loaded. 101 | * 102 | * @return string The modified template location. 103 | */ 104 | public function single_template( $the_template ) { 105 | foreach( (array) get_the_category() as $cat ) { 106 | if ( file_exists( TEMPLATEPATH . "/templates/single-{$cat->slug}.php" ) ) { 107 | return TEMPLATEPATH . "/templates/single-{$cat->slug}.php"; 108 | } 109 | } 110 | 111 | return $the_template; 112 | } 113 | 114 | /** 115 | * Filter BU Navigation to add the `current` tag to a nav item that matches the requested 116 | * URL when loading one of the admission sub-sites. 117 | * 118 | * @param array $item_classes 119 | * @param object $page 120 | * 121 | * @return array 122 | */ 123 | public function bu_navigation_filter_item_atts( $item_classes, $page ) { 124 | $page_url = parse_url( $page->url ); 125 | $page_path = '/'; 126 | 127 | if ( ! empty( $page_url ) ) { 128 | $page_paths = explode( '/', $page_url['path'] ); 129 | if ( ! empty( $page_paths[1] ) ) { 130 | $page_path = '/' . $page_paths[1] . '/'; 131 | } 132 | } 133 | 134 | $request_paths = explode( '/', $_SERVER['REQUEST_URI'] ); 135 | $request_path = false; 136 | 137 | if ( ! empty( $request_paths[1] ) ) { 138 | $request_path = '/' . $request_paths[1] . '/'; 139 | } 140 | 141 | if ( in_array( $page_path, array( '/for-counselors/', '/for-parents/', '/for-advisors/' ) ) && $request_path == $page_path ) { 142 | $item_classes[] = 'current'; 143 | } 144 | 145 | return $item_classes; 146 | } 147 | 148 | /** 149 | * Allow the download attribute to be used inside an anchor. This is supported in modern browsers 150 | * and allows a content publisher to tag a link to be downloaded rather than followed. 151 | * 152 | * @param array $tags List of elements and attributes allowed. 153 | * 154 | * @return mixed Modified list of elements and attributes. 155 | */ 156 | public function allow_download_attribute( $tags ) { 157 | $tags['a']['download'] = true; 158 | 159 | return $tags; 160 | } 161 | 162 | /** 163 | * Insert tracking tags used for retargeting with Carnegie Communications 164 | */ 165 | public function carnegie_tracking_tags() { 166 | ?> 167 | 168 | 171 | 178 | 180 |Tell us a bit about yourself so we can send you the right information. (Lighter fields are required.)
49 | 50 | -------------------------------------------------------------------------------- /style.css: -------------------------------------------------------------------------------- 1 | @charset "UTF-8"; 2 | /* 3 | Theme Name: WSU Admissions 4 | Theme URI: https://admission.wsu.edu/ 5 | Description: A child theme for Washington State University's admission.wsu.edu 6 | Author: WSU University Communications, Nate Jacobson 7 | Author URI: https://web.wsu.edu 8 | Template: spine 9 | Version: 1.3.13 10 | License: GNU General Public License v2 or later, using licensed Manus font from MyFonts 11 | License URI: http://www.gnu.org/licenses/gpl-2.0.html 12 | */ 13 | /** 14 | * @license 15 | * MyFonts Webfont Build ID 3227938, 2016-06-03T12:42:07-0400 16 | * 17 | * The fonts listed in this notice are subject to the End User License 18 | * Agreement(s) entered into by the website owner. All other parties are 19 | * explicitly restricted from using the Licensed Webfonts(s). 20 | * 21 | * You may obtain a valid license at the URLs below. 22 | * 23 | * Webfont: Manus by JOEBOB graphics 24 | * URL: http://www.myfonts.com/fonts/joebob/manus/regular/ 25 | * Copyright: © 2014 GEERT 26 | * Licensed pageviews: 1,000,000 27 | * 28 | * 29 | * License: http://www.myfonts.com/viewlicense?type=web&buildid=3227938 30 | * 31 | * © 2016 MyFonts Inc 32 | */ 33 | /* @import must be at top of file, otherwise CSS will not work */ 34 | @import url("//hello.myfonts.net/count/314122"); 35 | @font-face { 36 | font-family: 'Manus'; 37 | src: url("webfonts/314122_0_0.eot"); 38 | src: url("webfonts/314122_0_0.eot?#iefix") format("embedded-opentype"), url("webfonts/314122_0_0.woff2") format("woff2"), url("webfonts/314122_0_0.woff") format("woff"), url("webfonts/314122_0_0.ttf") format("truetype"); } 39 | 40 | .folded dt, 41 | .folded dd, 42 | .toggled dt, 43 | .toggled dd { 44 | display: block; } 45 | 46 | .folded dt, 47 | .toggled dt { 48 | font-size: 1.2rem; 49 | padding: .5rem 0; 50 | font-weight: 300; } 51 | 52 | .folded dt:not(.unfolded)::before, 53 | .toggled dt:not(.unfolded)::before { 54 | display: block; 55 | float: right; 56 | color: #8d959a; 57 | padding-left: 10px; 58 | font-family: Spine-Icons; 59 | content: "\F501"; 60 | font-weight: normal; 61 | font-size: 14px; } 62 | 63 | .folded dt:not(.unfolded):hover::before, 64 | .toggled dt:not(.unfolded):hover::before { 65 | color: #464e54; } 66 | 67 | .folded dt:nth-of-type(odd) 68 | dt:nth-of-type(odd) + dd, 69 | .toggled dt:nth-of-type(odd) 70 | dt:nth-of-type(odd) + dd { 71 | background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 50%, rgba(255, 255, 255, 0) 100%); 72 | background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 50%, rgba(255, 255, 255, 0) 100%); } 73 | 74 | .folded dt:not(.unfolded):nth-of-type(even), 75 | .folded dt:not(.unfolded):nth-of-type(even) + dd, 76 | .toggled dt:not(.unfolded):nth-of-type(even), 77 | .toggled dt:not(.unfolded):nth-of-type(even) + dd { 78 | background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #eaeaea 50%, rgba(255, 255, 255, 0) 100%); 79 | background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #eaeaea 50%, rgba(255, 255, 255, 0) 100%); } 80 | 81 | .folded dt, 82 | .toggled dt { 83 | border-top: 1px transparent solid; } 84 | 85 | .folded dd, 86 | .toggled dd { 87 | display: none; } 88 | 89 | .folded dt.unfolded, 90 | .folded dd.unfolded, 91 | .toggled dt.unfolded, 92 | .toggled dd.unfolded { 93 | color: black; } 94 | 95 | .folded dt.unfolded, 96 | .toggled dt.unfolded { 97 | border-top: 1px #5E6A71 solid; 98 | padding-bottom: .25rem; } 99 | 100 | .folded dt.unfolded + dd, 101 | .toggled dt.unfolded + dd { 102 | border-bottom: 1px rgba(0, 0, 0, 0.1) solid; } 103 | 104 | .folded dd, 105 | .toggled dd { 106 | opacity: .5; 107 | -webkit-transition: opacity .5s ease-in; 108 | transition: opacity .5s ease-in; } 109 | 110 | .folded dd.unfolded, 111 | .toggled dd.unfolded { 112 | display: block; 113 | padding-bottom: 1rem; 114 | opacity: 1; } 115 | 116 | .folded dt:hover, 117 | .toggled dt:hover { 118 | cursor: pointer; 119 | color: black; } 120 | 121 | /* Main Header Inspiring Line */ 122 | .main-header sup[data-default^="Inspiring"] { 123 | display: block !important; 124 | border-left: 40px #981e32 solid; 125 | height: 200px; 126 | position: relative; 127 | top: 0; } 128 | 129 | .main-header sup[data-default^="Inspiring"] span { 130 | display: block; 131 | font-family: "Open Sans", "Lucida Grande", sans-serif; 132 | font-weight: 800; 133 | color: white; 134 | text-transform: uppercase; 135 | font-size: 54px; 136 | line-height: 48px; 137 | letter-spacing: -1px; 138 | word-spacing: 100vw; 139 | position: absolute; 140 | padding-left: 10px; 141 | bottom: -2px; } 142 | 143 | /* */ 144 | .home .main-header, 145 | .page-you .main-header { 146 | display: none; } 147 | 148 | .inspiring header h2 { 149 | font-family: "Open Sans", "Lucida Grande", sans-serif; 150 | font-weight: 800; 151 | color: white; 152 | text-transform: uppercase; 153 | font-size: 54px; 154 | line-height: 48px; 155 | letter-spacing: -2px; } 156 | 157 | .inspiring-line.text-shadow header h2 { 158 | text-shadow: 0 0 10px rgba(0, 0, 0, 0.5); } 159 | 160 | .inspiring-line span { 161 | white-space: nowrap; } 162 | 163 | .min-height-100 { 164 | min-height: 100px; } 165 | 166 | .min-height-200 { 167 | min-height: 200px; } 168 | 169 | .min-height-300 { 170 | min-height: 300px; } 171 | 172 | .min-height-400 { 173 | min-height: 400px; } 174 | 175 | .min-height-500 { 176 | min-height: 500px; } 177 | 178 | .top-offset-100 { 179 | margin-top: 100px; } 180 | 181 | .top-offset-200 { 182 | margin-top: 200px; } 183 | 184 | .top-offset-300 { 185 | margin-top: 300px; } 186 | 187 | .top-offset-400 { 188 | margin-top: 400px; } 189 | 190 | .inspiring-message { 191 | font-size: 1.2rem; 192 | -webkit-font-smoothing: antialiased; } 193 | 194 | .crimson-column-right { 195 | border-right: 40px #981e32 solid; 196 | text-align: right; 197 | position: relative; } 198 | 199 | .crimson-column-left { 200 | border-left: 40px #981e32 solid; 201 | text-align: left; 202 | padding-left: 15px; } 203 | 204 | .crimson-column-left header, 205 | .crimson-column-right header { 206 | min-height: 100px; 207 | position: absolute; 208 | bottom: -14px; } 209 | 210 | .crimson-column-right header { 211 | right: 10px; } 212 | 213 | .crimson-column-left header { 214 | left: 10px; } 215 | 216 | .darken-50 { 217 | background-color: rgba(0, 0, 0, 0.5); } 218 | 219 | .column[class*="lightened-"], 220 | .column[class*="lighten-"] { 221 | color: #2a3033 !important; } 222 | 223 | .column.slide[class*="lighten-"] header { 224 | color: #464e54; 225 | border-bottom-color: #464e54; } 226 | 227 | .darkened-35 { 228 | background-color: rgba(0, 0, 0, 0.35); } 229 | 230 | .darkened-40 { 231 | background-color: rgba(0, 0, 0, 0.4); } 232 | 233 | .darkened-50 { 234 | background-color: rgba(0, 0, 0, 0.5); } 235 | 236 | .darkened-60 { 237 | background-color: rgba(0, 0, 0, 0.6); } 238 | 239 | .darkened-70 { 240 | background-color: rgba(0, 0, 0, 0.7); } 241 | 242 | .darkened-80 { 243 | background-color: rgba(0, 0, 0, 0.8); } 244 | 245 | .lightened-50, .lighten-50 .wrap { 246 | background-color: rgba(255, 255, 255, 0.5); } 247 | 248 | .lightened-60, .lighten-60 .wrap { 249 | background-color: rgba(255, 255, 255, 0.6); } 250 | 251 | .lightened-70, .lighten-70 .wrap { 252 | background-color: rgba(255, 255, 255, 0.7); } 253 | 254 | .lightened-80, .lighten-80 .wrap { 255 | background-color: rgba(255, 255, 255, 0.8); } 256 | 257 | .lightened-90, .lighten-90 .wrap { 258 | background-color: rgba(255, 255, 255, 0.9); } 259 | 260 | .lightened-95, .lighten-95 .wrap { 261 | background-color: rgba(255, 255, 255, 0.95); } 262 | 263 | [class*="darken-"], 264 | [class*="darkened-"] { 265 | color: white; } 266 | 267 | .blur::before { 268 | -webkit-filter: blur(50px); 269 | content: ""; 270 | width: 100%; 271 | position: absolute; 272 | height: 100%; 273 | display: block; 274 | border: 1px pink solid; 275 | z-index: 0; 276 | left: 0; 277 | top: 0; } 278 | 279 | .folded dt, 280 | .folded dd, 281 | .toggled dt, 282 | .toggled dd { 283 | display: block; } 284 | 285 | .folded dt, 286 | .toggled dt { 287 | font-size: 1.2rem; 288 | padding: .5rem 0; 289 | font-weight: 300; } 290 | 291 | .folded dt:not(.unfolded)::before, 292 | .toggled dt:not(.unfolded)::before { 293 | display: block; 294 | float: right; 295 | color: #8d959a; 296 | padding-left: 10px; 297 | font-family: Spine-Icons; 298 | content: "\F501"; 299 | font-weight: normal; 300 | font-size: 14px; } 301 | 302 | .folded dt:not(.unfolded):hover::before, 303 | .toggled dt:not(.unfolded):hover::before { 304 | color: #464e54; } 305 | 306 | .folded dt:nth-of-type(odd) 307 | dt:nth-of-type(odd) + dd, 308 | .toggled dt:nth-of-type(odd) 309 | dt:nth-of-type(odd) + dd { 310 | background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 50%, rgba(255, 255, 255, 0) 100%); 311 | background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 50%, rgba(255, 255, 255, 0) 100%); } 312 | 313 | .folded dt:not(.unfolded):nth-of-type(even), 314 | .folded dt:not(.unfolded):nth-of-type(even) + dd, 315 | .toggled dt:not(.unfolded):nth-of-type(even), 316 | .toggled dt:not(.unfolded):nth-of-type(even) + dd { 317 | background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #eaeaea 50%, rgba(255, 255, 255, 0) 100%); 318 | background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #eaeaea 50%, rgba(255, 255, 255, 0) 100%); } 319 | 320 | .folded dt, 321 | .toggled dt { 322 | border-top: 1px transparent solid; } 323 | 324 | .folded dd, 325 | .toggled dd { 326 | display: none; } 327 | 328 | .folded dt.unfolded, 329 | .folded dd.unfolded, 330 | .toggled dt.unfolded, 331 | .toggled dd.unfolded { 332 | color: black; } 333 | 334 | .folded dt.unfolded, 335 | .toggled dt.unfolded { 336 | border-top: 1px #5E6A71 solid; 337 | padding-bottom: .25rem; } 338 | 339 | .folded dt.unfolded + dd, 340 | .toggled dt.unfolded + dd { 341 | border-bottom: 1px rgba(0, 0, 0, 0.1) solid; } 342 | 343 | .folded dd, 344 | .toggled dd { 345 | opacity: .5; 346 | -webkit-transition: opacity .5s ease-in; 347 | transition: opacity .5s ease-in; } 348 | 349 | .folded dd.unfolded, 350 | .toggled dd.unfolded { 351 | display: block; 352 | padding-bottom: 1rem; 353 | opacity: 1; } 354 | 355 | .folded dt:hover, 356 | .toggled dt:hover { 357 | cursor: pointer; 358 | color: black; } 359 | 360 | .page-visits .main-footer { 361 | display: none; } 362 | 363 | .main-footer { 364 | position: fixed; 365 | min-height: 50px; 366 | z-index: 99164; 367 | width: 100%; 368 | top: 0; 369 | right: 0; 370 | box-sizing: border-box; } 371 | 372 | .main-footer .action-items { 373 | width: 33.3334%; 374 | max-width: 100%; 375 | min-width: 396px; 376 | float: right; } 377 | 378 | .size-small .main-footer .action-items, 379 | .size-small .action-item dd { 380 | min-width: 100%; } 381 | 382 | .action-items { 383 | background-color: #981e32; 384 | overflow: hidden; 385 | display: -webkit-box; 386 | display: -ms-flexbox; 387 | display: flex; } 388 | 389 | .actions.affixed-top dl.action-item dt { 390 | text-align: center; 391 | width: 100%; } 392 | 393 | .actions.affixed-top dl.actions-list, 394 | .actions.affixed-top dl.action-item, 395 | .actions.affixed-top dl.action-item dt { 396 | height: 50px; } 397 | 398 | dl.actions-list { 399 | width: 100%; 400 | height: 50px; 401 | padding: 0; 402 | display: -webkit-flex; 403 | -webkit-flex-direction: row; 404 | -webkit-flex-wrap: nowrap; 405 | -webkit-flex-flow: row nowrap; 406 | -ms-flex-pack: distribute; 407 | justify-content: space-around; 408 | background: #981e32; } 409 | 410 | dl.action-item { 411 | width: 25%; 412 | -webkit-box-flex: 1; 413 | -ms-flex: 1; 414 | flex: 1; 415 | padding: 0; 416 | margin: auto; 417 | float: left; } 418 | 419 | /* Admin Bar Adjustments */ 420 | x.admin-bar .size-gt-medium:not(.size-lt-990) .main-footer { 421 | top: 32px; } 422 | 423 | .size-lt-large .main-footer, 424 | x.admin-bar .size-lt-large .actions.affixed-top { 425 | top: 50px; } 426 | 427 | .admin-bar .main-footer { 428 | top: 32px; } 429 | 430 | .admin-bar .size-lt-large .main-footer { 431 | top: 50px; } 432 | 433 | .action-item, 434 | .action-item dt { 435 | height: 50px; } 436 | 437 | .action-item dt { 438 | width: 100%; 439 | list-style: none; 440 | font-weight: 300; 441 | padding: 0; 442 | display: table; 443 | background-color: #981e32; } 444 | 445 | .action-item dt a, 446 | .action-item dt button { 447 | color: white; 448 | height: 100%; 449 | vertical-align: middle; 450 | display: table-cell; 451 | border-radius: 0; 452 | border-width: 0; 453 | background-color: transparent; 454 | font-size: 24px; 455 | padding: 0; 456 | -webkit-font-smoothing: antialiased; 457 | font-weight: 300; 458 | font-family: "Open Sans"; 459 | text-align: center; 460 | width: 100%; 461 | outline: none; } 462 | 463 | .action-item:nth-of-type(n+2) dt a, 464 | .action-item:nth-of-type(n+2) dt button { 465 | border-left: 2px #7c182d solid; } 466 | 467 | .action-item:nth-of-type(n+1) dt a:hover, 468 | .action-item:nth-of-type(n+1) dt button:hover, 469 | .action-item.opened dt, 470 | .action-item.opened dt button { 471 | background: #c60c30; 472 | background: #2a3033; } 473 | 474 | .action-item:nth-of-type(n+1):not(.opened) dt a:hover, 475 | .action-item:nth-of-type(n+1):not(.opened) dt button:hover { 476 | background-color: #7c182d; } 477 | 478 | .action-item dd { 479 | display: none; } 480 | 481 | .action-item.opened dd { 482 | display: block; } 483 | 484 | .action-item dd { 485 | overflow-x: hidden; 486 | overflow-y: scroll; 487 | width: 33.3334%; 488 | min-width: 396px; 489 | background-color: #c60c30; 490 | background-color: #2a3033; 491 | position: absolute; 492 | right: 0; 493 | padding: 2rem; 494 | box-sizing: border-box; 495 | color: white; 496 | height: calc( 100vh - 50px); 497 | z-index: 999164; } 498 | 499 | .action-item a:first-child { 500 | display: inline-block; 501 | background-color: #6b1523; 502 | background-color: white; 503 | color: #981e32 !important; 504 | padding: .2em .4em; 505 | margin: -.2em .2em -.2em 0; 506 | border-left-color: white; 507 | border-style: solid; 508 | border-right-color: #981e32; 509 | border-right-width: 0; 510 | border-left-width: 0; 511 | white-space: nowrap; 512 | top: 0; 513 | text-transform: uppercase; } 514 | 515 | .action-item a:hover { 516 | background-color: #6b1523; 517 | color: #c60c30 !important; 518 | -webkit-transition: color .2s ease-out, background-color .2s ease-out; 519 | transition: color .2s ease-out, background-color .2s ease-out; } 520 | 521 | .action-item header { 522 | font-weight: 800; 523 | font-size: 1.4rem; 524 | text-transform: uppercase; 525 | padding-bottom: 1rem; } 526 | 527 | .action-item hr { 528 | height: 1rem; 529 | height: 3px; 530 | border: none; 531 | display: block; 532 | background: #6b1523; 533 | background: #5E6A71; } 534 | 535 | #info form { 536 | position: relative; } 537 | 538 | #info input[type="text"], 539 | #info select { 540 | margin-bottom: 3px; } 541 | 542 | #info input[type="text"] { 543 | width: 100%; 544 | background-color: #981e32; 545 | background-color: #5E6A71; 546 | border: none; 547 | color: #d7dadb; 548 | border-radius: 0; } 549 | 550 | #info #additional-info.closed { 551 | display: none; } 552 | 553 | #info #additional-info.closed ~ * { 554 | display: none; } 555 | 556 | #info select { 557 | background-color: #5E6A71; 558 | height: 26px; 559 | color: white; 560 | border: none; 561 | outline: none; 562 | -webkit-appearance: none; 563 | filter: alpha(opacity=0); 564 | box-sizing: border-box; 565 | width: 100%; 566 | padding-left: 5px; 567 | padding-right: 5px; 568 | border-radius: 0; } 569 | 570 | #info .birthday select { 571 | width: auto; } 572 | 573 | #info select option { 574 | position: relative; } 575 | 576 | #info select option::before { 577 | content: ""; 578 | position: absolute; 579 | display: block; 580 | top: 0; 581 | width: 0; 582 | height: 0; 583 | border-left: 20px solid transparent; 584 | border-right: 20px solid transparent; 585 | border-top: 20px solid white; } 586 | 587 | #info input.required[type="text"], 588 | #info input:required, 589 | #info select.required, 590 | #info select:required { 591 | background-color: #8d959a !important; 592 | border-left: 3px #eff0f1 solid; } 593 | 594 | #info select:focus, 595 | #info input[type="text"]:focus, 596 | #info input[type="text"].required:focus { 597 | color: black; 598 | background-color: #eff0f1; } 599 | 600 | #info .itemLabel { 601 | display: none; } 602 | 603 | #info input[type="text"]::-webkit-input-placeholder { 604 | color: white; } 605 | 606 | #info input[type="text"]:-moz-placeholder { 607 | color: white; } 608 | 609 | #info input[type="text"]::-moz-placeholder { 610 | color: white; } 611 | 612 | #info input[type="text"]:-ms-input-placeholder { 613 | color: white; } 614 | 615 | #info input[type="text"]:focus::-webkit-input-placeholder { 616 | color: #5E6A71; } 617 | 618 | #info input[type="text"]:focus:-moz-placeholder { 619 | color: #5E6A71; } 620 | 621 | #info input[type="text"]:focus::-moz-placeholder { 622 | color: #5E6A71; } 623 | 624 | #info input[type="text"]:focus:-ms-input-placeholder { 625 | color: #5E6A71; } 626 | 627 | #info form button, 628 | #info form input[type="button"], 629 | #info form input[type="submit"] { 630 | border-radius: 0; 631 | border-width: 1px; 632 | color: #5E6A71; 633 | border-color: #d7dadb; 634 | background-color: #d7dadb; } 635 | 636 | #info form button:hover, 637 | #info form input[type="button"]:hover, 638 | #info form input[type="submit"]:hover { 639 | color: #2a3033; 640 | border-color: white; 641 | background-color: white; } 642 | 643 | #info form button.secondary, 644 | #info form input[type="submit"].secondary { 645 | background: transparent; 646 | color: #8d959a; 647 | border-color: #8d959a; } 648 | 649 | #info form button.secondary:hover, 650 | #info form input[type="submit"].secondary:hover { 651 | color: white; 652 | background: transparent; 653 | border-color: white; } 654 | 655 | .action-item h2 { 656 | padding-top: 0; } 657 | 658 | .action-item ul { 659 | padding: 0; } 660 | 661 | .action-item li { 662 | list-style: none; 663 | padding-bottom: 1rem; } 664 | 665 | .action-item li a { 666 | font-weight: bold; 667 | color: white; } 668 | 669 | body[class*="domain-blogs"] .main-footer { 670 | display: none; } 671 | 672 | /* Pages */ 673 | /* Social Wall */ 674 | .socialize .unbound.recto { 675 | margin-right: 0 !important; } 676 | 677 | .socialize .row.single, 678 | .socialize .row.single .column { 679 | width: 100% !important; 680 | max-width: 100% !important; } 681 | 682 | .socialize { 683 | background: -webkit-linear-gradient(top, #981e32 0%, #981e32 50%, #2a3033 50%, #2a3033 100%); 684 | background: linear-gradient(to bottom, #981e32 0%, #981e32 50%, #2a3033 50%, #2a3033 100%); } 685 | .socialize .spine-social-channels { 686 | width: 40%; 687 | position: absolute; 688 | z-index: 509; } 689 | .socialize .spine-social-channels li { 690 | width: 3em; } 691 | .socialize .spine-social-channels a { 692 | color: white; 693 | line-height: 60px; 694 | font-size: 2rem; } 695 | .socialize .spine-social-channels a:hover::before { 696 | color: #2a3033; } 697 | .size-lt-medium main .socialize .spine-social-channels { 698 | display: none; } 699 | .socialize .gallery { 700 | display: -webkit-box; 701 | display: -ms-flexbox; 702 | display: flex; 703 | -webkit-box-orient: vertical; 704 | -webkit-box-direction: normal; 705 | -ms-flex-direction: column; 706 | flex-direction: column; 707 | -ms-flex-wrap: wrap; 708 | flex-wrap: wrap; 709 | height: 610px; 710 | max-width: 1188px; 711 | margin: 0 auto; } 712 | .socialize .gallery img { 713 | border: none; 714 | width: 100%; 715 | height: auto; } 716 | .size-lt-xlarge .socialize .gallery img { 717 | min-height: 100%; 718 | width: auto; 719 | max-width: 1000px; } 720 | .size-gt-large .socialize .gallery img { 721 | min-width: 100%; 722 | height: auto; } 723 | .socialize .gallery a { 724 | display: block; } 725 | .socialize .gallery .gallery-item { 726 | margin: 0; 727 | float: none; 728 | height: 198px; 729 | overflow: hidden; 730 | width: 20%; } 731 | .socialize .gallery .gallery-item:nth-of-type(1) { 732 | margin-top: 99px; } 733 | .socialize .gallery .gallery-item:nth-of-type(3) { 734 | margin-top: 150px; } 735 | .socialize .gallery .gallery-item:nth-of-type(8) { 736 | margin-top: 66px; } 737 | .size-lt-medium .socialize .gallery .gallery-item:nth-of-type(6) ~ .gallery-item { 738 | display: none; } 739 | .size-lt-medium .socialize .gallery .gallery-item { 740 | width: 33.33334%; } 741 | .socialize .gallery .gallery-icon { 742 | line-height: 0; 743 | overflow: hidden; } 744 | .socialize .gallery figcaption { 745 | display: none; } 746 | 747 | /* FOS Browser */ 748 | .fos-index header { 749 | margin-bottom: .5rem; } 750 | 751 | .fos-index .areas-wrap { 752 | background-color: #b5babe; 753 | height: 2.8em; 754 | position: relative; 755 | padding: 1rem; 756 | margin-bottom: 1rem; } 757 | 758 | .fos-index .areas-wrap ul { 759 | width: calc(100% - 2rem); } 760 | 761 | .fos-index ul, 762 | .fos-index li { 763 | box-sizing: border-box; } 764 | 765 | .fos-index ul { 766 | height: auto; 767 | padding: 0; 768 | width: 100%; } 769 | 770 | .fos-index li { 771 | padding: 0; 772 | margin: 0; 773 | list-style: none; 774 | background-color: white; } 775 | 776 | .fos-index li.top a { 777 | color: #5E6A71; 778 | padding: 10px 0 10px 20px; 779 | text-transform: uppercase; 780 | pointer-events: none; } 781 | 782 | .fos-index li.top:hover { 783 | cursor: pointer; } 784 | 785 | .fos-index li a { 786 | color: #981e32; 787 | font-size: 14px; 788 | padding: 5px 20px; 789 | display: block; } 790 | 791 | .fos-index ul.drop { 792 | padding: 0; 793 | position: absolute; 794 | z-index: 509; 795 | background-color: white; } 796 | 797 | .fos-index ul.drop li a:hover { 798 | color: white; 799 | background-color: #981e32; 800 | -webkit-transition: background-color .2s ease-in-out; 801 | transition: background-color .2s ease-in-out; } 802 | 803 | .fos-index ul.drop li.item { 804 | display: none; } 805 | 806 | .fos-index ul.dropped { 807 | padding-bottom: 20px; } 808 | 809 | .fos-index ul.dropped li.item { 810 | display: block; } 811 | 812 | .fos-index .az li { 813 | display: inline-block; 814 | margin-bottom: 5px; 815 | background: transparent; } 816 | 817 | .fos-index .az li a { 818 | color: #8d959a; 819 | border: 1px #8d959a solid; 820 | padding: 6px 12px; } 821 | 822 | .fos-index .az li a:hover { 823 | color: #5E6A71; 824 | background-color: white; 825 | border-color: white; } 826 | 827 | .home .fos-index .colleges-wrap, 828 | .page-academics .fos-index .colleges-wrap { 829 | display: none; } 830 | 831 | /* Fairs */ 832 | .fairs li { 833 | display: inline-block; 834 | margin-right: 2px; 835 | margin-bottom: 2px; } 836 | 837 | .fairs li a { 838 | color: white; 839 | background-color: #981e32; 840 | padding: 5px 5px; } 841 | 842 | .fairs li a:hover { 843 | color: #981e32; 844 | background-color: white; } 845 | 846 | /* Stats */ 847 | .stats { 848 | text-align: center; } 849 | .stats .column header { 850 | margin-bottom: .2rem; } 851 | .stats h2 { 852 | padding-bottom: 0; 853 | font-weight: 800; } 854 | 855 | /* Gallery */ 856 | .gallery::after { 857 | content: ""; 858 | display: table; 859 | clear: both; } 860 | 861 | .section-wrapper { 862 | background-size: cover; 863 | background-position: center center; } 864 | 865 | /* Inspiring Ticker */ 866 | .inspiring { 867 | height: 500px; 868 | background-size: cover; } 869 | 870 | .inspiring .column.one { 871 | position: relative; } 872 | 873 | .inspiring-you .column.one { 874 | border-left: 40px #981e32 solid; 875 | height: 200px; 876 | position: relative; } 877 | 878 | .inspiring-you .column.two { 879 | min-height: 200px; 880 | position: relative; 881 | overflow: hidden; 882 | font-size: 18px; 883 | -webkit-font-smoothing: antialiased; } 884 | 885 | ul.inspirings { 886 | width: 500px; 887 | margin-bottom: -2px; 888 | padding: 0; 889 | position: absolute; 890 | bottom: 0; 891 | left: 0; 892 | margin-left: 15px; } 893 | 894 | ul.inspirings ul { 895 | padding: 0; } 896 | 897 | @-webkit-keyframes on { 898 | 0% { 899 | opacity: 1; } 900 | 50% { 901 | opacity: 1; } 902 | 100% { 903 | opacity: 0; } } 904 | 905 | .inspirings li { 906 | font-family: "Open Sans", "Lucida Grande", sans-serif; 907 | font-weight: 800; 908 | color: white; 909 | text-transform: uppercase; 910 | font-size: 54px; 911 | line-height: 48px; } 912 | 913 | .subhead header h2 { 914 | font-weight: 300; } 915 | 916 | .inspirings li { 917 | display: block; 918 | padding: 0; 919 | bottom: 0; 920 | list-style: none; } 921 | 922 | .inspirings b { 923 | margin-bottom: 48px; 924 | display: block; 925 | font-weight: 800; } 926 | 927 | .inspirings ul { 928 | padding: 0; } 929 | 930 | .inspirings ul li { 931 | opacity: 0; 932 | position: absolute; 933 | left: 0; } 934 | 935 | .inspirings ul li:nth-of-type(1) { 936 | -webkit-animation-name: on; 937 | -webkit-animation-duration: 2s; 938 | -webkit-animation-delay: 0s; } 939 | 940 | .inspirings ul li:nth-of-type(2) { 941 | -webkit-animation-name: on; 942 | -webkit-animation-duration: 1.9s; 943 | -webkit-animation-delay: 1.9s; } 944 | 945 | .inspirings ul li:nth-of-type(3) { 946 | -webkit-animation-name: on; 947 | -webkit-animation-duration: 1.75s; 948 | -webkit-animation-delay: 3.65s; } 949 | 950 | .inspirings ul li:nth-of-type(4) { 951 | -webkit-animation-name: on; 952 | -webkit-animation-duration: 1.55s; 953 | -webkit-animation-delay: 5.2s; } 954 | 955 | .inspirings ul li:nth-of-type(5) { 956 | -webkit-animation-name: on; 957 | -webkit-animation-duration: 1.3s; 958 | -webkit-animation-delay: 6.5s; } 959 | 960 | .inspirings ul li:nth-of-type(6) { 961 | -webkit-animation-name: on; 962 | -webkit-animation-duration: 1s; 963 | -webkit-animation-delay: 7.5s; } 964 | 965 | .inspirings ul li:nth-of-type(7) { 966 | -webkit-animation-name: on; 967 | -webkit-animation-duration: 0.65s; 968 | -webkit-animation-delay: 8.15s; } 969 | 970 | .inspirings ul li:nth-of-type(8) { 971 | -webkit-animation-name: on; 972 | -webkit-animation-duration: 0.25s; 973 | -webkit-animation-delay: 8.4s; } 974 | 975 | .inspirings ul li:nth-of-type(9) { 976 | -webkit-animation-name: on; 977 | -webkit-animation-duration: 0.25s; 978 | -webkit-animation-delay: 8.65s; } 979 | 980 | .inspirings ul li:nth-of-type(10) { 981 | -webkit-animation-name: on; 982 | -webkit-animation-duration: 0.25s; 983 | -webkit-animation-delay: 8.9s; } 984 | 985 | .inspirings ul li:nth-of-type(11) { 986 | -webkit-animation-name: on; 987 | -webkit-animation-duration: 0.25s; 988 | -webkit-animation-delay: 9.15s; } 989 | 990 | .inspirings ul li:nth-of-type(12) { 991 | -webkit-animation-name: on; 992 | -webkit-animation-duration: 0.25s; 993 | -webkit-animation-delay: 9.4s; } 994 | 995 | .inspirings ul li:nth-of-type(13) { 996 | -webkit-animation-name: on; 997 | -webkit-animation-duration: 0.25s; 998 | -webkit-animation-delay: 9.65s; } 999 | 1000 | .inspirings ul li:nth-of-type(14) { 1001 | -webkit-animation-name: on; 1002 | -webkit-animation-duration: 0.25s; 1003 | -webkit-animation-delay: 9.9s; } 1004 | 1005 | .inspirings ul li:nth-of-type(15) { 1006 | -webkit-animation-name: on; 1007 | -webkit-animation-duration: 0.25s; 1008 | -webkit-animation-delay: 10.15s; } 1009 | 1010 | .inspirings ul li:nth-of-type(16) { 1011 | -webkit-animation-name: on; 1012 | -webkit-animation-duration: 0.25s; 1013 | -webkit-animation-delay: 10.4s; } 1014 | 1015 | .inspirings ul li:nth-of-type(16) { 1016 | -webkit-animation-duration: 100000s; } 1017 | 1018 | .inspiring-you { 1019 | background-image: url("images/bg-inspiring-you.jpg"); } 1020 | 1021 | .inspiring-academics { 1022 | background-image: url("images/bg-inspiring-academics.jpg"); } 1023 | 1024 | .size-gt-small .inspiring-you { 1025 | background-position: right center; } 1026 | 1027 | .size-gt-small .inspiring-you .column.two { 1028 | margin-top: 200px; } 1029 | 1030 | /* Calculators */ 1031 | #calculator { 1032 | background-color: white; 1033 | padding: 1rem; 1034 | border-left: 1px #b5babe solid; 1035 | box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); } 1036 | #calculator header { 1037 | font-size: 1.6rem; 1038 | font-weight: 800; 1039 | line-height: 1; 1040 | text-transform: uppercase; } 1041 | #calculator p { 1042 | margin-bottom: 0; } 1043 | #calculator dt.metric-title { 1044 | border-top: 2px #b5babe solid; 1045 | font-weight: 800; 1046 | font-size: 1.2; 1047 | color: #8d959a; } 1048 | #calculator .correction { 1049 | display: none; 1050 | font-size: .9em; 1051 | line-height: 1.1; 1052 | color: #77580c; 1053 | position: absolute; 1054 | z-index: 509; 1055 | top: 0; 1056 | right: calc(100% + 10px); 1057 | min-width: 100px; 1058 | border: 1px #9e7510 solid; 1059 | background-color: #ffb81c; 1060 | padding: 1rem; 1061 | text-align: right; 1062 | box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); } 1063 | #calculator .correction::before { 1064 | content: "Whoops"; 1065 | font-weight: bold; 1066 | display: block; } 1067 | #calculator .operator { 1068 | color: #b5babe; 1069 | font-size: 2rem; 1070 | width: 1em; 1071 | font-weight: 300; 1072 | display: inline-block; 1073 | border: 1px #b5babe solid; 1074 | border-radius: 5px; 1075 | line-height: 1em; 1076 | margin-right: 5px; 1077 | text-align: center; } 1078 | #calculator dt { 1079 | font-weight: normal; } 1080 | #calculator dd { 1081 | width: 100%; 1082 | position: relative; } 1083 | #calculator input { 1084 | width: 6rem; 1085 | font-size: 2rem; } 1086 | #calculator dl.metric ~ dl.metric { 1087 | margin-top: 1rem; } 1088 | #calculator dl.sat dt { 1089 | float: left; } 1090 | #calculator dd.reading, 1091 | #calculator dl.act { 1092 | clear: both; } 1093 | #calculator dd.reading, 1094 | #calculator dd.math { 1095 | width: 50%; 1096 | display: block; 1097 | float: left; 1098 | box-sizing: border-box; } 1099 | 1100 | .size-lt-large #binder { 1101 | width: 100%; } 1102 | 1103 | /* Slides */ 1104 | .slide .wrap { 1105 | display: block; } 1106 | 1107 | .slide .wrap { 1108 | max-width: 50%; 1109 | width: 33%; 1110 | padding: 2rem; } 1111 | 1112 | .flow-north { 1113 | bottom: 0; 1114 | top: auto; } 1115 | 1116 | .slide-college-hill .wrap { 1117 | width: 33.333334%; 1118 | position: absolute; 1119 | right: 0; 1120 | bottom: 0; } 1121 | 1122 | .slide-pullman .wrap { 1123 | width: 33.333334%; 1124 | position: absolute; 1125 | right: 0; 1126 | bottom: 0; } 1127 | 1128 | ul.white-list { 1129 | padding: 0; } 1130 | 1131 | .white-list li a { 1132 | background-color: white; 1133 | color: #981e32; 1134 | padding: .1rem .3rem; 1135 | line-height: 1.4rem; } 1136 | 1137 | .white-list li a:hover { 1138 | background-color: rgba(0, 0, 0, 0.5); 1139 | color: white; 1140 | -webkit-transition: background-color .05 s; 1141 | transition: background-color .05 s; } 1142 | 1143 | p:last-of-type ~ ul { 1144 | margin-top: .5rem; } 1145 | 1146 | .inline-block-list li { 1147 | display: inline-block; } 1148 | 1149 | .column.placed-southeast, 1150 | .fp-section .place-southeast .wrap { 1151 | position: absolute; 1152 | right: 0; 1153 | bottom: 0; 1154 | left: auto; 1155 | top: auto; } 1156 | 1157 | .column:not(.inspiring-line) header { 1158 | margin-bottom: .5rem; } 1159 | 1160 | .page .column:not(.inspiring-line) header h2 { 1161 | font-size: 3rem; 1162 | line-height: 2.6rem; } 1163 | 1164 | .white-back:not(.x):not(.y) header { 1165 | color: #2a3033; } 1166 | 1167 | h1, h2, h3, h4, h5, h6 { 1168 | font-family: "Open Sans", "Lucida Grande", sans-serif; 1169 | -webkit-font-smoothing: antialiased; } 1170 | 1171 | h1 { 1172 | font-size: 2rem; } 1173 | 1174 | h2 { 1175 | font-weight: 300; 1176 | font-size: 2rem; 1177 | text-transform: none; 1178 | color: #2a3033; } 1179 | 1180 | h3 { 1181 | font-weight: 300; 1182 | font-size: 1.4rem; 1183 | text-transform: none; } 1184 | 1185 | h4 { 1186 | text-transform: uppercase; 1187 | font-size: 1rem; } 1188 | 1189 | ul.list-style-none { 1190 | list-style: none; 1191 | padding: 0; } 1192 | 1193 | .column header h2 { 1194 | padding-top: 0; } 1195 | 1196 | .featured-image { 1197 | height: 500px; } 1198 | 1199 | .has-featured-image:not(.domain-blogs-admission-wsu-edu) .main-header { 1200 | background-color: transparent; 1201 | position: relative; 1202 | width: 100%; 1203 | overflow: visible; 1204 | z-index: 100; 1205 | height: 500px; 1206 | float: left; 1207 | bottom: 0; } 1208 | 1209 | .has-featured-image:not(.domain-blogs-admission-wsu-edu) .header-group { 1210 | min-height: 75px; 1211 | max-width: 100%; 1212 | height: 500px; 1213 | width: 100%; 1214 | box-sizing: border-box; } 1215 | 1216 | .has-featured-image:not(.domain-blogs-admission-wsu-edu) .header-group.guttered { 1217 | padding-left: 0; } 1218 | 1219 | .has-featured-image:not(.domain-blogs-admission-wsu-edu) .header-group sup { 1220 | display: none; } 1221 | 1222 | .has-featured-image:not(.domain-blogs-admission-wsu-edu) .header-group sub { 1223 | position: absolute; 1224 | bottom: 0; 1225 | height: 120px; 1226 | width: 100%; 1227 | background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.6) 100%); 1228 | background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.6) 100%); } 1229 | 1230 | .has-featured-image:not(.domain-blogs-admission-wsu-edu) .header-group sub span { 1231 | white-space: normal; 1232 | padding-bottom: 1rem; 1233 | font-family: "Open Sans", "Lucida Grande", sans-serif; 1234 | font-size: 3rem; 1235 | line-height: 1; 1236 | font-weight: 300; 1237 | display: block; 1238 | position: absolute; 1239 | bottom: 0; 1240 | padding-left: 2rem; 1241 | width: calc(100% - 2rem); } 1242 | 1243 | .comment-list { 1244 | padding-left: 0; } 1245 | 1246 | .comment-list li { 1247 | background: white; 1248 | border-radius: 10px; 1249 | margin-bottom: 10px; 1250 | padding: 1rem; 1251 | list-style: none; } 1252 | 1253 | .fp-section { 1254 | background-size: cover; 1255 | background-position: center center; } 1256 | 1257 | .fp-section section { 1258 | height: 100%; } 1259 | 1260 | .slide { 1261 | background-position: center center; 1262 | background-size: cover; 1263 | background-clip: border-box; } 1264 | 1265 | .fp-tableCell { 1266 | display: block; } 1267 | 1268 | .column[class*="step-"] p big { 1269 | height: 0; 1270 | display: block; 1271 | margin: auto; 1272 | position: absolute; 1273 | top: 0; 1274 | left: 0; 1275 | bottom: 0; 1276 | right: 0; 1277 | font-size: 6em; 1278 | font-weight: 800; } 1279 | 1280 | .column[class*="step-"] p { 1281 | display: block; 1282 | width: 100%; 1283 | text-align: center; 1284 | color: white; 1285 | background: #8d959a; 1286 | padding-bottom: 100%; } 1287 | 1288 | .step.side-right .column.one { 1289 | text-align: right; } 1290 | 1291 | .step.side-right .column.one li { 1292 | direction: rtl; } 1293 | 1294 | .step { 1295 | margin-bottom: 1rem; } 1296 | 1297 | .padded p:last-of-type { 1298 | padding-bottom: 0; } 1299 | 1300 | /* Start of refresh 08/04/1206 */ 1301 | .mix-blend-mode .has-featured-image .header-group sub:before, 1302 | .mix-blend-mode .multiply .column:before { 1303 | mix-blend-mode: multiply; 1304 | z-index: 0; } 1305 | 1306 | /* Layout Adjustments */ 1307 | @media screen and (min-width: 1188px) { 1308 | #binder:not(.fluid).max-1188 .row, 1309 | #binder:not(.fluid).max-1386 .row { 1310 | max-width: 1188px; } 1311 | .max-1188 .row.single .column, 1312 | .max-1386 .row.single .column { 1313 | width: 990px; } 1314 | .max-1188 .column.singled, 1315 | .max-1386 .column.singled { 1316 | width: 990px !important; } 1317 | .max-1188 .row.halves .column, 1318 | .max-1386 .row.halves .column { 1319 | width: 495px; } 1320 | .max-1188 .column.half, 1321 | .max-1386 .column.half { 1322 | width: 495px !important; } 1323 | .max-1188 .row.thirds .column, 1324 | .max-1386 .row.thirds .column { 1325 | width: 330px; } 1326 | .max-1188 .column.third, 1327 | .max-1386 .column.third { 1328 | width: 330px !important; } 1329 | .max-1188 .row.quarters .column, 1330 | .max-1386 .row.quarters .column { 1331 | width: 25%; } 1332 | .max-1188 .column.quarter, 1333 | .max-1386 .column.quarter { 1334 | width: 25% !important; } 1335 | .max-1188 .row.triptych .column, 1336 | .max-1386 .row.triptych .column { 1337 | width: 25%; } 1338 | .max-1188 .row.triptych .column.two, 1339 | .max-1386 .row.triptych .column.two { 1340 | width: 50%; } 1341 | .max-1188 .row.margin-right .column.one, 1342 | .max-1188 .row.margin-left .column.two, 1343 | .max-1386 .row.margin-right .column.one, 1344 | .max-1386 .row.margin-left .column.two { 1345 | width: 75%; } 1346 | .max-1188 .row.margin-right .column.two, 1347 | .max-1188 .row.margin-left .column.one, 1348 | .max-1386 .row.margin-right .column.two, 1349 | .max-1386 .row.margin-left .column.one { 1350 | width: 25%; } 1351 | .max-1188 .row.side-right .column.one, 1352 | .max-1188 .row.side-left .column.two, 1353 | .max-1386 .row.side-right .column.one, 1354 | .max-1386 .row.side-left .column.two { 1355 | width: 660px; } 1356 | .max-1188 .row.side-right .column.two, 1357 | .max-1188 .row.side-left .column.one, 1358 | .max-1386 .row.side-right .column.two, 1359 | .max-1386 .row.side-left .column.one { 1360 | width: 330px; } } 1361 | 1362 | @media screen and (min-width: 1386px) { 1363 | #binder:not(.fluid).max-1386 .row { 1364 | width: 1386px; 1365 | max-width: 1386px; } 1366 | .max-1386 .row.single .column { 1367 | width: 1188px; } 1368 | .max-1386 .column.singled { 1369 | width: 1188px !important; } 1370 | .max-1386 .row.halves .column { 1371 | width: 594px; } 1372 | .max-1386 .column.half { 1373 | width: 594px !important; } 1374 | .max-1386 .row.thirds .column { 1375 | width: 396px; } 1376 | .max-1386 .column.third { 1377 | width: 396px !important; } 1378 | .max-1386 .row.quarters .column { 1379 | width: 297px; } 1380 | .max-1386 .column.quarter { 1381 | width: 297px !important; } 1382 | .max-1386 .row.triptych .column { 1383 | width: 297px; } 1384 | .max-1386 .row.triptych .column.two { 1385 | width: 594px; } 1386 | .max-1386 .row.margin-right .column.one, 1387 | .max-1386 .row.margin-left .column.two { 1388 | width: 891px; } 1389 | .max-1386 .row.margin-right .column.two, 1390 | .max-1386 .row.margin-left .column.one { 1391 | width: 297px; } 1392 | .max-1386 .row.side-right .column.one, 1393 | .max-1386 .row.side-left .column.two { 1394 | width: 792px; } 1395 | .max-1386 .row.side-right .column.two, 1396 | .max-1386 .row.side-left .column.one { 1397 | width: 396px; } } 1398 | /*# sourceMappingURL=style.css.map */ --------------------------------------------------------------------------------
28 | 32 |
33 | 34 | 35 | 36 |37 | 'ol', 40 | 'short_ping' => true, 41 | 'avatar_size' => 56, 42 | ) ); 43 | ?> 44 |
45 | 46 | 47 | 48 | 49 | 50 | 54 | 55 | 56 | 57 | 58 | 59 |