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
|
} |
} |