1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
|
/*
Theme Name: Kil-a-Bytes
Theme URI: http://mckenzierobotics.org
Author: Luke Shumaker
Author URI: http://lukeshu.ath.cx
License: GNU General Public License
License URI: license.txt
Description: HTML5 Theme for FRC team 1024, a child theme of Twenty-Eleven
Version: 0.1
Template: twentyeleven
*/
@import "../twentyeleven/style.css";
@import "logo-style.scss";
$yellow : #FFFF00;
$background-blue: #2210D2;
$highlight-blue : #0000FF; //<-lighter that background, darker than light
$light-blue : #1E90FF;
@mixin gradient($color1, $color2) {
background-color: $color1;
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#{$color1}, endColorstr=#{$color2});
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from($color1), to($color2)); // older syntax
background-image: -webkit-linear-gradient($color1, $color2);
background-image: -moz-linear-gradient($color1, $color2);
background-image: -o-linear-gradient($color1, $color2);
background-image: linear-gradient($color1, $color2);
}
body {
background-color: $background-blue;
#page {
$border-width: 0.1em;
border: {
style: solid;
width: $border-width;
color: black;
radius: 2em 2em 0 0;
}
header#branding {
border: none;/* override inherit from twentyeleven */
hgroup {
margin: -$border-width;
margin-bottom: 0;
border: {
style: solid;
width: $border-width;
color: #000099;
radius: 2em 2em 0 0;
bottom: none
}
overflow: hidden;
box-shadow: 0 .15em 0 #AAAAFF inset;
height: 175px;
padding: 25px 50% 0 3em;
background: {
color: $light-blue;
image: url('img/swoosh.png');
repeat: no-repeat;
position: right bottom;
}
a {
text-decoration: inherit;
color: inherit;
}
#team-name {
@extend .logo-nowhite;
font-size: 80px;
}
h2 {
@extend .logo-nowhite;
font-size: 40px;
}
#team-number {
@extend .logo-white;
position: absolute;
bottom: 0.2em;
right: 0.4em;
font-size: 130px;
line-height: 1em;
}
}
}
#access {
box-shadow: none;
border-top: solid 0.3em $yellow;
@include gradient($light-blue, $highlight-blue);
li:hover > a, a:focus {
@include gradient($yellow, darken($yellow, 10%));
}
}
}
}
/*div.menu-wp_nav_menu-container {
margin: 0 .5em !important;
}
*/
|