mozilla
/
CSOL-site
зеркало из https://github.com/mozilla/CSOL-site.git
1
0
Форкнуть 0
Код Задачи Пакеты Проекты Релизы Вики Активность

Merge pull request #366 from mgballard/master 

Landing page adjustments for new menu items
This commit is contained in:
Chris McAvoy 2013-06-03 08:39:23 -07:00
Родитель 8e6a0f3494 f03c0fef5f
Коммит 1cd7516689
3 изменённых файлов: 74 добавлений и 62 удалений
Показать статистику Скачать Patch файл Скачать Diff файл Показать все файлы Свернуть все файлы

22
static/media/css/core.css
Просмотреть файл

@ -81,6 +81,7 @@ ol {
.navbar .nav .active a:focus {
background-color: #fff;
box-shadow: none;
color: #000;
}
.navbar .navbar-inner {
background-image: url('../img/chalkboard_bg.jpg');
@ -461,12 +462,6 @@ ul.thumbnails li:nth-child(3n+3) figure.thumbnail > a img {
ul.thumbnails li:nth-child(4n+4) figure.thumbnail > a img {
background-position: -210px -210px;
}
.navbar .nav .active a,
.navbar .nav .active a:hover {
color: #000;
border-left: inherit;
border-right: inherit;
}
/*Password fields with feedback bar*/
input[type="password"].metered {
padding-bottom: 9px;
@ -586,15 +581,26 @@ body.home .navbar .nav-wrap ul > li > a {
body.home .navbar .nav-wrap ul > li.learn > a:first-letter {
text-transform: capitalize;
}
body.home .navbar .nav-wrap ul > li.log-in > a {
body.home .navbar .nav-wrap ul > li.log-in > a,
body.home .navbar .nav-wrap ul > li.about > a {
font-size: 18px;
color: #fff;
text-transform: lowercase;
padding: 0 0 7px 0;
text-align: center;
line-height: 24px;
}
body.home .navbar .nav-wrap ul > li.claim > a {
text-align: center;
text-transform: capitalize;
margin-top: 5px;
}
body.home .navbar .nav-wrap ul > li.claim > a:before,
body.home .navbar .nav-wrap ul > li.claim > a:after {
content: '-';
}
body.home .navbar .nav-wrap ul > li.video {
margin-top: 35px;
margin: 30px 0;
}
body.home .navbar .nav-wrap ul > li.video a {
color: #fff;

9
static/media/js/custom_logic.js
Просмотреть файл

@ -19,11 +19,18 @@ $(document).ready(function(){
}
return false;
});
/*landing page menu rearrange*/
$('<p id="rahm">This summer Mayor Rahm Emanuel is challenging all Chicago youth to participate in the Summer of Learning. School stops for the summer, but learning never should.</p>').prependTo('.footer .upper');
$('<div id="bubbles"><span class="lt">join the conversation on <a href="#">Facebook</a>.</span><span class="rt">share stories</span></div>').appendTo('.footer .upper');
$('li.challenges').after($('<li class="video"></li>').append(vidLink));
$('li.claim').after($('<li class="video"></li>').append(vidLink));
$('li.log-in').before($('.about'));
/*landing page menu text*/
$('li.claim a').append('<span> badges</span>');
$('li.learn a').append('<span> your city</span>');
$('li.badges a').append('<span> Badges &</span>');
$('li.about a').append('<span> the program</span>')
$('li.challenges a').append('<span> your future.</span>');
}
});

105
static/media/less/core.less
Просмотреть файл

@ -87,6 +87,7 @@ ol {
a,a:hover,a:focus {
background-color:#fff;
box-shadow:none;
color:#000;
}
}
}
@ -552,17 +553,6 @@ ul.thumbnails {
}
}
}
.navbar {
.nav {
.active {
a, a:hover {
color:#000;
border-left:inherit;
border-right:inherit;
}
}
}
}
/*Password fields with feedback bar*/
input[type="password"].metered {
@ -675,57 +665,66 @@ body.home {
box-shadow:none;
ul {
padding-top:200px;
left:-6px;
left:-6px;
& > li {
text-align:left;
display:block;
line-height:9px;
line-height:9px;
& > a {
text-transform:inherit;
font-size:22px;
color:#f4fc00;
text-transform:lowercase;
text-transform:lowercase;
}
&.learn > a:first-letter {
text-transform:capitalize;
}
&.log-in > a {
font-size:18px;
color:#fff;
text-transform:lowercase;
text-align:center;
line-height:24px;
}
&.video {
margin-top:35px;
a {
color:#fff;
border-radius:7px;
margin:auto;
display:block;
width:140px;
text-align:center;
line-height:20px;
background:#e82202;
background:-moz-linear-gradient(top, #e82202 0%, #e5381d 44%, #e56854 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#e82202), color-stop(44%,#e5381d), color-stop(100%,#e56854));
background:-webkit-linear-gradient(top, #e82202 0%,#e5381d 44%,#e56854 100%);
background:-o-linear-gradient(top, #e82202 0%,#e5381d 44%,#e56854 100%);
background:-ms-linear-gradient(top, #e82202 0%,#e5381d 44%,#e56854 100%);
background:linear-gradient(to bottom, #e82202 0%,#e5381d 44%,#e56854 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#e82202', endColorstr='#e56854',GradientType=0 );
}
}
span {
color:#fff;
}
&.learn > a:first-letter {
text-transform:capitalize;
}
&.log-in > a, &.about > a {
font-size:18px;
color:#fff;
text-transform:lowercase;
padding:0 0 7px 0;
text-align:center;
line-height:24px;
}
&.claim > a {
text-align:center;
text-transform:capitalize;
margin-top:5px;
&:before, &:after {
content: '-';
}
}
&.video {
margin:30px 0;
a {
color:#fff;
border-radius:7px;
margin:auto;
display:block;
width:140px;
text-align:center;
line-height:20px;
background:#e82202;
background:-moz-linear-gradient(top, #e82202 0%, #e5381d 44%, #e56854 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#e82202), color-stop(44%,#e5381d), color-stop(100%,#e56854));
background:-webkit-linear-gradient(top, #e82202 0%,#e5381d 44%,#e56854 100%);
background:-o-linear-gradient(top, #e82202 0%,#e5381d 44%,#e56854 100%);
background:-ms-linear-gradient(top, #e82202 0%,#e5381d 44%,#e56854 100%);
background:linear-gradient(to bottom, #e82202 0%,#e5381d 44%,#e56854 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#e82202', endColorstr='#e56854',GradientType=0 );
}
}
& > li:nth-child(even) {
border-left:none;
border-right:none;
}
}
}
span {
color:#fff;
}
}
& > li:nth-child(even) {
border-left:none;
border-right:none;
}
}
}
}
#main {
padding:0 0 0 0;