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

New theme #62

Closed
wants to merge 2 commits into from
+46 −53
Closed

New theme #62

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
fad0fb8
New QUnit theme. No text shadow, no rounded corners.
NV Dec 5, 2010
9355baa
Whoops. This shouldn't be here.
NV Dec 5, 2010
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
95 changes: 44 additions & 51 deletions qunit/qunit.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
/** Font Family and Sizes */

#qunit-tests, #qunit-header, #qunit-banner, #qunit-testrunner-toolbar, #qunit-userAgent, #qunit-testresult {
font-family: "Helvetica Neue Light", "HelveticaNeue-Light", "Helvetica Neue", Calibri, Helvetica, Arial;
#qunit-wrapper {
font-family: "Helvetica Neue", Helvetica, sans-serif;
}

#qunit-testrunner-toolbar, #qunit-userAgent, #qunit-testresult, #qunit-tests li { font-size: small; }
Expand All @@ -10,7 +10,7 @@

/** Resets */

#qunit-tests, #qunit-tests ol, #qunit-header, #qunit-banner, #qunit-userAgent, #qunit-testresult {
#qunit-wrapper, #qunit-tests, #qunit-tests ol, #qunit-header, #qunit-banner, #qunit-userAgent, #qunit-testresult {
margin: 0;
padding: 0;
}
Expand All @@ -19,19 +19,15 @@
/** Header */

#qunit-header {
padding: 0.5em 0 0.5em 1em;
font-family: "Helvetica Neue Light", "HelveticaNeue-Light", "Helvetica Neue", Helvetica, sans-serif;
padding: 0.5em 0 0.5em 1.3em;

color: #8699a4;
background-color: #0d3349;

font-size: 1.5em;
line-height: 1em;
font-weight: normal;

border-radius: 15px 15px 0 0;
-moz-border-radius: 15px 15px 0 0;
-webkit-border-top-right-radius: 15px;
-webkit-border-top-left-radius: 15px;
}

#qunit-header a {
Expand All @@ -44,51 +40,47 @@
color: #fff;
}

#qunit-banner {
#qunit-banner.qunit-pass {
height: 3px;
}
#qunit-banner.qunit-fail {
height: 5px;
}

#qunit-testrunner-toolbar {
padding: 0em 0 0.5em 2em;
padding: 0 0 0.5em 2em;
}

#qunit-testrunner-toolbar label {
margin-right: 1em;
}

#qunit-userAgent {
padding: 0.5em 0 0.5em 2.5em;
background-color: #2b81af;
color: #fff;
text-shadow: rgba(0, 0, 0, 0.5) 2px 2px 1px;
font-weight: normal;
color: #666;
}


/** Tests: Pass/Fail */

#qunit-tests {
list-style-position: inside;
list-style-type: none;
background-color: #D2E0E6;
}

#qunit-tests li {
padding: 0.4em 0.5em 0.4em 2.5em;
border-bottom: 1px solid #fff;
list-style-position: inside;
}

#qunit-tests li strong {
font-weight: normal;
cursor: pointer;
}

#qunit-tests ol {
margin-top: 0.5em;
padding: 0.5em;

margin: 0.5em 0 1em;
background-color: #fff;

border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;

box-shadow: inset 0px 2px 13px #999;
-moz-box-shadow: inset 0px 2px 13px #999;
-webkit-box-shadow: inset 0px 2px 13px #999;
}

#qunit-tests table {
Expand Down Expand Up @@ -126,29 +118,38 @@

/*** Test Counts */

#qunit-tests b.counts { color: black; }
#qunit-tests b.passed { color: #5E740B; }
#qunit-tests b.failed { color: #710909; }
#qunit-tests b.failed {
color: #710909;
}
#qunit-tests li.fail .failed {
color: #E48989;
}
#qunit-tests li.fail .passed {
color: #E3C987;
}

#qunit-tests li li {
margin: 0.5em;
padding: 0.4em 0.5em 0.4em 0.5em;
margin-left: 2.5em;
padding: 0.7em 0.5em 0.7em 0;
background-color: #fff;
border-bottom: none;
list-style-position: inside;
}

#qunit-tests b.counts {
font-weight: normal;
}

/*** Passing Styles */

#qunit-tests li li.pass {
color: #5E740B;
background-color: #fff;
border-left: 26px solid #C6E746;
}

#qunit-tests .pass { color: #528CE0; background-color: #D2E0E6; }
#qunit-tests .pass .test-name { color: #366097; }
#qunit-tests .pass { color: #2f3424; background-color: #d9dec3; }
#qunit-tests .pass .module-name { color: #636b51; }

#qunit-tests .pass .test-actual,
#qunit-tests .pass .test-expected { color: #999999; }

Expand All @@ -159,32 +160,24 @@
#qunit-tests li li.fail {
color: #710909;
background-color: #fff;
border-left: 26px solid #EE5757;
}

#qunit-tests .fail { color: #000000; background-color: #EE5757; }
#qunit-tests .fail .test-name,
#qunit-tests .fail .module-name { color: #000000; }
#qunit-tests .fail { color: #fff; background-color: #962323; }
#qunit-tests .fail .module-name,
#qunit-tests .fail .counts { color: #DEC1C1; }

#qunit-tests .fail .test-actual { color: #EE5757; }
#qunit-tests .fail .test-actual { color: #B72F2F; }
#qunit-tests .fail .test-expected { color: green; }

#qunit-banner.qunit-fail,
#qunit-testrunner-toolbar { background-color: #EE5757; }
#qunit-testrunner-toolbar { color: #dec1c1; background-color: #962323; }


/** Footer */

#qunit-testresult {
padding: 0.5em 0.5em 0.5em 2.5em;

color: #2b81af;
background-color: #D2E0E6;

border-radius: 0 0 15px 15px;
-moz-border-radius: 0 0 15px 15px;
-webkit-border-bottom-right-radius: 15px;
-webkit-border-bottom-left-radius: 15px;
color: #333;
}

/** Fixture */
Expand Down
4 changes: 2 additions & 2 deletions test/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,12 +7,12 @@
<script type="text/javascript" src="test.js"></script>
<script type="text/javascript" src="same.js"></script>
</head>
<body>
<body id="qunit-wrapper">
<h1 id="qunit-header">QUnit Test Suite</h1>
<h2 id="qunit-banner"></h2>
<div id="qunit-testrunner-toolbar"></div>
<h2 id="qunit-userAgent"></h2>
<ol id="qunit-tests"></ol>
<div id="qunit-userAgent"></div>
<div id="qunit-fixture">test markup</div>
</body>
</html>