Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

QUnit Adding Contribute ribbon link. #218

Closed
wants to merge 4 commits into from
Closed

QUnit Adding Contribute ribbon link. #218

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
753f3ba
Adds Contribute corner ribbon to QUnitJS.com pages.
kleinmaetschke Feb 20, 2013
4ca6bdc
Merge branch 'master' of https://github.com/jquery/jquery-wp-content …
kleinmaetschke Feb 25, 2013
2ec3bc9
Fixing ribbon sizing.
kleinmaetschke Feb 25, 2013
b9d6ad8
Moving to anchor link.
kleinmaetschke Feb 26, 2013
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
96 changes: 86 additions & 10 deletions themes/jquery/css/base.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -1528,32 +1528,32 @@ iframe {
border-right: none;
}

#container,
#container,
footer {
border-top: 1px solid #7ACEF4;
}

.jquery-ui #container,
.jquery-ui #container,
.jquery-ui footer {
border-top-color: #FAA523;
}

.jquery-mobile #container,
.jquery-mobile #container,
.jquery-mobile footer {
border-top-color: #3EB249;
}

.sizzlejs #container,
.sizzlejs #container,
.sizzlejs footer {
border-top-color: #FAA523;
}

.qunitjs #container,
.qunitjs #container,
.qunitjs footer {
border-top-color: #9C3493;
}

.jquery-learn #container,
.jquery-learn #container,
.jquery-learn footer {
border-top-color: #333;
}
Expand Down Expand Up @@ -2154,7 +2154,7 @@ p.author a {
padding: 20px;
}

#banner-secondary h1,
#banner-secondary h1,
#banner-secondary h2 {
margin-bottom: 0;
color: #fff;
Expand Down Expand Up @@ -2976,6 +2976,82 @@ footer li img {
margin: 0;
}

.qunitjs .ribbon-wrapper-purple {
width: 100px;
height: 100px;
overflow: hidden;
position: fixed;
bottom: 0px;
right: 0px;
cursor: pointer;
}

.qunitjs .ribbon-purple {
font: 10px "klavika-web", "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
text-transform: uppercase;
color: white;
text-align: center;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
position: relative;
padding: 7px 0;
right: 17px;
bottom: -48px;
width: 150px;
border-top: 1px solid rgba(250, 250, 250, 0.27);
background-color: #6A2165;
background-image: -webkit-gradient(linear, left top, left bottom, from(#6A2165), to(#390F39));
background-image: -webkit-linear-gradient(top, #6A2165, #390F39);
background-image: -moz-linear-gradient(top, #6A2165, #390F39);
background-image: -ms-linear-gradient(top, #6A2165, #390F39);
background-image: -o-linear-gradient(top, #6A2165, #390F39);
-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
}

.qunitjs .ribbon-purple-base i.icon-github-alt {
font-size: 18px;
color: white;
}

.qunitjs .ribbon-purple-base .icon-github-alt:before {
padding-right: 8px;
}

.qunitjs .ribbon-purple:before {
left: 0;
}
.qunitjs .ribbon-purple:after {
right: 0;
}
.qunitjs .ribbon-purple-base {
font-size: 12px;
color: #333;
text-align: center;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
position: relative;
padding: 7px 14px;
left: 50px;
bottom: -16px;
width: 150px;
height: 150px;
background-color: #6A2165;
background-image: -webkit-gradient(linear, left top, left bottom, from(#6A2165), to(#390F39));
background-image: -webkit-linear-gradient(top, #6A2165, #390F39);
background-image: -moz-linear-gradient(top, #6A2165, #390F39);
background-image: -ms-linear-gradient(top, #6A2165, #390F39);
background-image: -o-linear-gradient(top, #6A2165, #390F39);
color: white;
-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
}

/* Media Queries
========================================================================== */
Expand Down Expand Up @@ -3196,7 +3272,7 @@ footer li img {

@media only screen and (max-width: 480px) {

#global-nav {
#global-nav {
display: none;
}

Expand Down Expand Up @@ -3239,7 +3315,7 @@ footer li img {

nav#main ul li, nav#main ul li a {
float: none;
padding: 6px 0px 6px 8px;
padding: 6px 0px 6px 8px;
}
.chzn-container-single .chzn-single span {
font: normal normal 16px "klavika-web", "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
Expand All @@ -3252,7 +3328,7 @@ footer li img {
padding-right: 10px;
}

.content-full #content,
.content-full #content,
.content-full.full-width #content,
.content-right #content,
.content-left #content {
Expand Down
6 changes: 6 additions & 0 deletions themes/jquery/footer-qunit.php
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -40,6 +40,12 @@
</p>
</div>
</div>
<a href="<?php echo jq_get_github_url(); ?>" target="_blank" id="qunit-contribute-link">
<div class="ribbon-wrapper-purple">
<div class="ribbon-purple">Contribute</div>
<div class="ribbon-purple-base"><i class="icon-github-alt"></i></div>
</div>
</a>
</footer>

<?php wp_footer(); ?>
Expand Down