Unified Diff: static/css/testpages.css
Issue 29755578:
Issue 2148 - Rewrite the testpages test suite (Closed)
Patch Set:
Created April 18, 2018, 11:54 a.m.
Use n/p to move between diff chunks;
N/P to move between comments.
« sources/object-subrequest.as ('K')
|
« static/abp-testcase-subscription.txt ('k')
|
static/images/header-logo.svg » ('j')
|
static/testcasefiles/document/stylesheet.css » ('J')
Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')
Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')
| Index: static/css/testpages.css |
| =================================================================== |
| --- a/static/css/testpages.css |
| +++ b/static/css/testpages.css |
| @@ -7,322 +7,264 @@ |
| font-size: 16px; |
| font-family: Helvetica, sans-serif; |
| - background-color: #E4E4E4; |
| + background-color: #f2f2f2; |
| } |
| -h1 { font-size: 1.8rem; } |
| +h1 { font-size: 1.7rem; } |
| h2 { font-size: 1.4rem; } |
| h3 { font-size: 1.1rem; } |
| -.center { text-align: center; } |
| + |
| +/* Site Header/Footer */ |
| + |
| +.site-header { |
| + height: 4em; |
| + background-color: #c70d2c; |
| +} |
| + |
| +#site-header-logo, #site-header-logo > * { |
| + float: left; |
| +} |
| + |
| +#site-header-logo { |
| + padding: 0em 1em; |
| + color: #fff; |
| +} |
| -.abp-container { |
| - width: 100%; |
| - border-width: 1px 1px 1px; |
| - border-style: solid solid solid; |
| - border-color: #D9D9D9 #D9D9D9 #D9D9D9; |
| - box-shadow: 1px 1px 0px 0px #D9D9D9; |
| - margin-left: auto; |
| - margin-right: auto; |
| - color: #7D7D7D; |
| - border-radius: 0px 0px 5px 5px; |
| - padding: .50rem; |
| - margin-top: .5rem; |
| - background-color: white; |
| +#site-header-logo:hover, |
| +#site-header-logo:active, |
| +#site-header-logo:focus |
| +{ |
| + background-color: #AE0013; |
| + text-decoration: none; |
| +} |
| + |
| +#site-header-logo img { |
| + height: 4em; |
| + padding: 0.5em 0em; |
| + margin: 0em 1em 0em 0em; |
| +} |
| + |
| +#site-header-logo > span { |
| + line-height: 2.51em; |
| + font-size: 1.5em; |
| } |
| -.abp-container h1, h2, h3 { |
| - margin: 0; |
| - border-bottom: 1px solid #D9D9D9; |
| +.site-footer { |
| + color: #ececec; |
| + background-color: #292929; |
| + font-size: 0.9em; |
| + margin: 1rem 0 0 0 ; |
| + padding: .5rem; |
| +} |
| + |
| +.site-footer .site-update { |
| + text-align: center; |
| + font-size: 0.7rem; |
| +} |
| + |
| + |
| +/* Site Colours/Patterns */ |
| + |
| +.stripes-grey { |
| + border: 2px solid #bcbcbc; |
| + background-image: repeating-linear-gradient(45deg, #ccc, #ccc 10px, #dbdbdb 10px, #dbdbdb 20px); |
| } |
| -.abp-container h3 { |
| +.stripes-green { |
| + border: 2px solid #02c219; |
| + background-image: repeating-linear-gradient(45deg, #22b522, #22b522 10px, #0c0 10px, #0c0 20px); |
| +} |
| + |
| +.stripes-red { |
| + border: 2px solid #12bd1f; |
| + background-image: repeating-linear-gradient(45deg, #f00, #f00 10px, #c00 10px, #c00 20px); |
| +} |
| + |
| + |
| +/* Site Layout/Panels */ |
| + |
| +.site-container { |
| + width: 1000px; |
| + max-width: 100%; |
| + margin: 0 auto 0 auto; |
| + padding: 0 .75rem 0 .75rem; |
| +} |
| + |
| +.site-panel { |
| + background-color: white; |
| + padding: 1rem; |
| margin-top: .5rem; |
| } |
| -.abp-container p { |
| - margin-top: .5rem; |
| - margin-bottom: .5rem; |
| -} |
| -.abp-container p:last-of-type |
| -{ |
| +.site-panel h2 { |
| + margin-top: 0; |
| margin-bottom: 0; |
| } |
| -.abp-container hr { |
| - border: 0; |
| - border-bottom: 1px solid #D9D9D9; |
| -} |
| - |
| -.abp-header h1 { |
| - margin: 0; |
| - display: inline-block; |
| - vertical-align: top; |
| - margin-top: .8rem; |
| -} |
| - |
| -.abp-header a { |
| - color: #7D7D7D; |
| -} |
| - |
| -.abp-logo { |
| - width: 64px; |
| - height: 64px; |
| -} |
| - |
| -.abp-breadcrumbs { |
| - margin-top: 0.5rem; |
| - border-radius: 2px; |
| -} |
| - |
| -.abp-pagelist { |
| - list-style-type: none; |
| - min-width: 45%; |
| - margin-left: .5rem; |
| - margin-right: 1rem; |
| +.site-panel h2 + p { |
| margin-top: .5rem; |
| - padding: 0; |
| - display: inline-block; |
| - vertical-align: top; |
| -} |
| - |
| -.abp-pagelist h3 { |
| - |
| - margin-bottom: .5rem; |
| -} |
| - |
| - |
| -.abp-testsuitelist { |
| - width: 98%; |
| - list-style-type: none; |
| - margin-left: .5rem; |
| - margin-right: .5rem; |
| - padding: 0; |
| - display: inline-block; |
| - vertical-align: top; |
| -} |
| - |
| -.abp-bubble { |
| - padding: .5rem; |
| - background-color: #ECECEC; |
| - display: inline-block; |
| - vertical-align: top; |
| - border-radius: 4px; |
| - margin-right: .25rem; |
| - margin-top: .5rem; |
| -} |
| - |
| -.abp-bubble p { margin-top: 0; } |
| - |
| -.abp-bubble h4 { |
| - margin: 0; |
| - border-bottom: 1px solid #ccc; |
| -} |
| - |
| -.abp-bubble a { |
| - margin-right: .25rem; |
| - vertical-align: middle; |
| -} |
| - |
| -.abp-bubble a:hover { |
| - color: #aaa; |
| -} |
| - |
| -.abp-bubble a img { |
| - margin-top: .5rem; |
| -} |
| -.abp-customfilterlist { |
| - |
| - display: inline-block; |
| -} |
| - |
| -.abp-linkset |
| -{ |
| - padding: 0; |
| -} |
| - |
| -.abp-linkset li |
| -{ |
| - display: inline-block; |
| - margin-right: .5rem; |
| -} |
| - |
| -.abp-lastupdate |
| -{ |
| margin-bottom: 0; |
| } |
| -.abp-feature-table td,th |
| -{ |
| - padding-left: .5rem; |
| - padding-right: .5rem; |
| - text-align: center; |
| - border: 1px solid #cacaca; |
| +.site-pagelist { |
| + margin: 0; |
| + padding: 0; |
| + list-style: none; |
| } |
| -.abp-filterlist { |
| - margin-bottom: .5rem; |
| +.site-pagelist li { |
| + background-color: #f3f3f3; |
| + display: inline-block; |
| + width: 100%; |
| + margin-top: .25rem; |
| +} |
| +.site-pagelist li:hover { |
| + background-color: #eee; |
| } |
| - |
| -.abp-reference-image { |
| +.site-pagelist li a { |
| padding: .5rem; |
| - border: 1px solid #cacaca; |
| + color: #222; |
| + text-decoration: none; |
| + display: inline-block; |
| width: 100%; |
| } |
| -.abp-testcase-information { |
| - border: 1px solid #cacaca; |
| - border-radius: 2px; |
| - width: 100%; |
| - margin-top: .5rem; |
| +.site-pagelist li a h3 { |
| + font-weight: bold; |
| + margin: 0; |
| +} |
| + |
| +.site-button { |
| + padding: .5rem; |
| + background-color: #f3f3f3; |
| + text-decoration: none; |
| } |
| -.abp-testcase-information th { |
| - min-width: 100px; |
| - text-align: right; |
| +.site-button:hover { |
| + background-color: #eee; |
| +} |
| + |
| + |
| + |
| + |
| +/* Testcase */ |
| + |
| +.testcase-container { |
| + background-color: #f2f2f2; |
| + min-height: 10rem; |
| padding: .5rem; |
| - vertical-align: top; |
| -} |
| -.abp-testcase-information td { |
| - padding: .5rem; |
| - border: 1px solid #cacaca; |
| + margin-top: .5rem; |
| + border: 1px solid #ababab; |
| } |
| -.abp-testsuite-testcase { |
| - margin-top: .5rem; |
| - border: 1px solid #cacaca; |
| - border-radius: 2px; |
| - padding: .25rem; |
| - min-height: 50px; |
| -} |
| -.abp-testsuite-testcase-inner { |
| - position: relative; |
| - |
| - min-height: 50px; |
| - text-align: center; |
| - line-height: 25px; |
| - |
| +.testcase-content { |
| + color: white; |
| + background-color: grey; |
| + height: 100%; |
| + width: auto; |
| + overflow: hidden; |
| + border: 2px solid #bcbcbc; |
| + padding: .5rem; |
| } |
| -.abp-testsuite-pass { |
| - border: 4px solid #33B30B; |
| - padding: .5rem; |
| +.testcase-contentaside { |
| color: white; |
| - font-weight: bold; |
| - text-align: center; |
| - background-color: #3CC943; |
| - position: absolute; |
| - top: 0; |
| - left: 0; |
| - right: 0; |
| - bottom: 0; |
| - display: block; |
| - min-width: 350px; |
| - |
| - vertical-align: middle; |
| + width: 20%; |
| + vertical-align: top; |
| + height: 35%; |
| + padding: .5rem; |
| + background-color: red; |
| + float:right; |
| + margin-left: .5rem; |
| + display: table-cell; |
| } |
| -.abp-testsuite-fail { |
| - border: 4px solid #B30B0B; |
| +.testcase-image { |
| + height: 5rem; |
| +} |
| + |
| +.testcase-row { |
| + background-color: white; |
| padding: .5rem; |
| - color: white; |
| - font-weight: bold; |
| - text-align: center; |
| - background-color: #C93C3C; |
| - min-width: 350px; |
| - position: absolute; |
| - top: 0; |
| - left: 0; |
| - right: 0; |
| - bottom: 0; |
| + margin-top: .5rem; |
| +} |
| + |
| +.testcase-row:first-of-type { |
| + margin-top: 0; |
| } |
| -.abp-testsuite-image |
| -{ |
| +.testcase-column { |
| + background-color: white; |
| + display: inline-block; |
| + width: 50%; |
| vertical-align: top; |
| - position: absolute; |
| - top: 0; |
| - left: 0; |
| + height: 10rem; |
| + padding: .5rem; |
| + border: 1px solid #ababab; |
| +} |
| + |
| +.testcase-row > h3 { |
| + margin-top: 0; |
| + margin-bottom: .5rem; |
| } |
| -.abp-testsuite-result { |
| - border: 4px solid #D3D74C; |
| - padding: .5rem; |
| - color: #A4A83B; |
| - font-weight: bold; |
| - text-align: center; |
| - background-color: yellow; |
| - position: absolute; |
| - display: block; |
| +.testcase-filter { |
| + border: 0px solid #ababab; |
| + |
| + margin-top: .5rem; |
| } |
| -.abp-testsuite-iframe { |
| - position: absolute; |
| - display: block; |
| - height: 75px; |
| - border: none; |
| -} |
| - |
| -.abp-testsuite-03-img { |
| - vertical-align: top; |
| - position: absolute; |
| - left: 0; |
| - top: 0; |
| +.testcase-filter .filter { |
| + background-color: #e0e0e0; |
| + margin: 0; |
| + padding: .5rem; |
| + padding-bottom: .75rem; |
| + padding-top: .75rem; |
| + border-bottom: 1px solid #ccc; |
| + font-family: monospace; |
| + overflow-x: scroll; |
| + word-break: keep-all; |
| } |
| -.abp-testsuite-04 { |
| - vertical-align: top; |
| - position: absolute; |
| - left: 0; |
| - top: 0; |
| - background-color: yellow; |
| - border: 4px solid yellow; |
| +.testcase-filter .description { |
| + background-color: #f2f2f2; |
| + margin: 0; |
| + padding: .5rem; |
| } |
| -.abp-testcase-img-04 { |
| - position: relative; |
| - height: 150px; |
| +.testcase-es-prop { |
| + width: 213px; |
| } |
| -.abp-testcase-img-04 img { |
| - position: absolute; |
| +.testcase-es-chained { |
| + width: 214px; |
| } |
| -.abp-testcase-img-04-overlay { |
| - width: 150px; |
| - height: 150px; |
| - background-color: rgba( 255, 0, 0, 0.5 ); |
| - position: absolute; |
| -} |
| - |
| -.abp-testcase-img-05 { |
| - width: 160px; |
| - height: 160px; |
| - border: 0; |
| +.testcase-es-case { |
| + width: 215px; |
| } |
| -.abp-testcase-css-01 { |
| - width: 150px; |
| - height: 150px; |
| - background-image: url( '/images/test-image-01.png' ); |
| +.testcase-es-wildcard { |
| + width: 216px; |
| + height: 50px; |
| + cursor: pointer; |
| } |
| -.abp-testcase-css-02 { |
| - width: 150px; |
| - height: 150px; |
| - background-image: url(data:image/png;base64,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); |
| +.testcase-es-regex-1 { |
| + width: 121px; |
| } |
| - |
| -.abp-testcase-css-03::before { |
| - width: 128px; |
| - height: 128px; |
| - content: url( '/images/test-image-01.png' ); |
| +.testcase-es-regex-2 { |
| + width: 122px; |
| +} |
| +.testcase-es-regex-3 { |
| + width: 100px; |
| } |
| @media( min-width: 720px ) { |
| .abp-container { |
| width: 75%; |
| - max-width: 1000px; |
| + max-width: 900px; |
|
kzar
2018/04/19 13:08:23
Nit: Git warned me that you've accidentally put a
|
| } |
| } |
