Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(230)

Issues Search
    My Issues | Starred     Open | Closed | All

Unified Diff: client/testing/dartest/css.dart

Issue 8905021: Dartest CL - Please review (Closed) Base URL: http://dart.googlecode.com/svn/branches/bleeding_edge/dart/
Patch Set: '' Created 9 years ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
« no previous file with comments | « client/testing/dartest/README.txt ('k') | client/testing/dartest/dartest.dart » ('j') | client/testing/dartest/dartest.dart » ('J')
Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
Index: client/testing/dartest/css.dart
===================================================================
--- client/testing/dartest/css.dart (revision 0)
+++ client/testing/dartest/css.dart (revision 0)
@@ -0,0 +1,313 @@
+// Copyright (c) 2011, the Dart project authors. Please see the AUTHORS file
+// for details. All rights reserved. Use of this source code is governed by a
+// BSD-style license that can be found in the LICENSE file.
pdr 2011/12/14 21:02:36 Could you test this on FF and IE as well? Several
shauvik 2011/12/16 07:19:27 I will test and fix on FF. For IE, I don't have ac
+
+/** Dynamic stylesheet injector with inline resources */
+class DARTestCss {
+
+ /** This fuction injects the stylesheet text in the document */
+ static void inject(Document doc, bool inAppMode){
+ HTMLStyleElement style = doc.createElement('style');
+ style.type = 'text/css';
+ if(inAppMode) {
+ style.textContent = _getInAppStyleSheet();
+ } else {
+ style.textContent = _getFullAppStyleSheet();
+ }
+ doc.head.appendChild(style);
+ }
+
+ static String commonStyles = '''
+
+ /* Dartest Common Styles */
+
+ .dt-hide{
Kelly Norton 2011/12/15 18:35:31 space before {
shauvik 2011/12/16 07:19:27 Done.
+ display:none;
+ }
+
+ .dt-show{
Kelly Norton 2011/12/15 18:35:31 space before {
shauvik 2011/12/16 07:19:27 Done.
+ display:block;
+ }
+
+ .dt-tab ul{
Kelly Norton 2011/12/15 18:35:31 space before {
shauvik 2011/12/16 07:19:27 Done.
+ list-style:none;
+ padding:5px 0;
+ margin:0;
+ background-color:#EEE;
+ }
+
+ .dt-tab li{
Kelly Norton 2011/12/15 18:35:31 space before {
shauvik 2011/12/16 07:19:27 Done.
+ display: inline;
+ border: solid #BBB;
+ border-width: 1px 1px 0 1px;
+ margin: 0 -1px 0 0;
+ padding: 5px 10px;
+ cursor:pointer;
+ }
+
+ .dt-tab li:hover{
Kelly Norton 2011/12/15 18:35:31 space before {
shauvik 2011/12/16 07:19:27 Done.
+ background-color:#BBB;
+ }
+
+ .dt-tab-selected{
Kelly Norton 2011/12/15 18:35:31 space before {
shauvik 2011/12/16 07:19:27 Done.
+ background-color:#FFF;
+ }
+
+ .dt-results{
Kelly Norton 2011/12/15 18:35:31 space before { (lots more below)
shauvik 2011/12/16 07:19:27 Done.
+ width:100%;
+ border-collapse:collapse;
+ border: solid 1px #777;
+ margin: 25px 0px 0px 0px;
+ }
+
+ .dt-results th,td{
+ border: solid 1px #777;
+ padding: 2px;
+ font-size: 12px;
+ }
+
+ .dt-results thead{
+ background-color:#DDD;
+ }
+
+ .dt-result-row{
+ background-color:#EEE;
+ cursor:pointer;
+ }
+
+ .dt-result-row:hover{
+ text-decoration:underline;
+ font-weight:bold;
+ }
+
+ .dt-main::-webkit-scrollbar{
+ width:8px;
+ height:8px;
+ }
+
+ .dt-main::-webkit-scrollbar-track {
+ -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
+ -webkit-border-radius: 10px;
+ border-radius: 10px;
+ }
+
+ .dt-main::-webkit-scrollbar-thumb {
+ -webkit-border-radius: 10px;
+ border-radius: 10px;
+ background: #888;
+ -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
+ }
+
+ .dt-toolbar{
+ width: 150px;
+ padding:5px;
+ float:left;
+ }
+
+ .dt-button{
+ width: 24px;
+ height: 24px;
+ border-radius: 12px;
+ -moz-border-radius: 12px;
+ -webkit-border-radius: 12px;
+ -o-border-radius: 12px;
+ background-color: #777;
+ border: 1px solid #ABB;
+ cursor:pointer;
+ margin-right: 5px;
+ color:white;
+ font-weight:bold;
+ }
+
+ .dt-button-disabled{
+ width: 24px;
+ height: 24px;
+ border-radius: 12px;
+ -moz-border-radius: 12px;
+ -webkit-border-radius: 12px;
+ -o-border-radius: 12px;
+ background-color: #AAA;
+ border: 1px solid #ABB;
+ cursor:pointer;
+ margin-right: 5px;
+ color:white;
+ }
+
+ .dt-button:hover{
+ background-color: #555;
+ }
+
+ .dt-load{
+ text-indent: -2px;
+ padding-bottom: 2px;
+ vertical-align: 2px;
+ }
+
+ .dt-progressbar {
+ position: relative;
+ margin: 0px;
+ clear: both;
+ }
+
+ .dt-progressbar span {
+ display: block;
+ height: 20px;
+ position: absolute;
+ overflow: hidden;
+ background-color: #eee;
+ -moz-border-radius: 4px;
+ -webkit-border-radius: 4px;
+ border-radius: 4px;
+ -webkit-box-shadow:
+ inset 0 2px 9px rgba(255,255,255,0.3),
+ inset 0 -2px 6px rgba(0,0,0,0.4);
+ -moz-box-shadow:
+ inset 0 2px 9px rgba(255,255,255,0.3),
+ inset 0 -2px 6px rgba(0,0,0,0.4);
+ box-shadow:
+ inset 0 2px 9px rgba(255,255,255,0.3),
+ inset 0 -2px 6px rgba(0,0,0,0.4);
+ }
+
+ .dt-progressbar span.green {
+ background-color: #2bc253;
+ }
+
+ .dt-progressbar span.orange {
+ background-color: #f1a165;
+ }
+
+ .dt-progressbar span.red {
+ background-color: #ff5555;
+ }
+
+ .dt-status{
+ margin: 10px 0;
+ padding: 0;
+ font-weight: bold;
+ }
+ .dt-status dt{
+ float:left;
+ }
+
+ .dt-status dd{
+ float:left;
+ width:20px;
+ margin-left: 2px;
+ }
+
+ .dt-pass{
+ background-color:green;
+ }
+
+ .dt-fail{
+ background-color:red;
+ }
+
+ .dt-error{
+ background-color:orange;
+ }
+
+ ''';
+
+ static String inAppStyles = '''
+ /* Dartest InApp Styles */
+ .dt-container{
+ font-family:Sans-serif,Verdana;
+ background:#111;
+ position:fixed;
+ bottom:0px;
+ right:0px;
+ border:1px solid black;
+ z-index:999;
+ }
+
+ .dt-main{
+ background:#FCFCFC;
+ width:355px;
+ height:350px;
+ overflow-y: auto;
+ padding: 0 5px;
+ font-size:12px;
+ }
+
+ .dt-header{
+ background:#777;
+ height:20px;
+ width:361px;
+ padding:2px;
+ color:white;
+ }
+
+ .dt-header img{
+ float:right;
+ padding:2px;
+ cursor:pointer;
+ height:16px;
+ width:16px;
+ }
+
+ .dt-header img:hover
+ {
+ background-color:#555;
+ }
+
+ .dt-header-close{
+ background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAAd0SU1FB9sKBhQGEmU63FMAAABrSURBVCjPnZGxEcAgDAN9uZSUKdgxA1BmAMZiCMb5FKEAnziSqLMl2SCb/QGwAxmIgotA8s3Mg9qbmrg27rQJUVvd9woQ1OreNBdPTFK8LfI4zOzV9OL/tBIHFYSKdXizMyV/uEulIQ/3BTexxvELK3jXZwAAAABJRU5ErkJggg==) center no-repeat;
+ }
+
+ .dt-header-pop{
+ background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAAd0SU1FB9sKBhQFLmF48xcAAABkSURBVCjPY2CgFPz//1/j////z/9jASRrImSTP21sQFN8/f///w4wPjGKJZDF0RWbICk+/P//fx50w5A5Nv////+MSzG6ycQrZmBgYEJiH2FgYPBkZGT8Qkzsmvz//5+DmJQAAEk50CjzCaicAAAAAElFTkSuQmCC) center no-repeat;
+ }
+
+ .dt-header-min{
+ background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAAd0SU1FB9sKBhQ6F2ajUSMAAAAgSURBVCjPY2AYBYMBMDIwMDD8////P1GKGRkZmQafHwD5tAQE/3DfbwAAAABJRU5ErkJggg==) center no-repeat;
+ }
+
+ .dt-header-max{
+ background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAAd0SU1FB9sKBhQ7EOHc9cEAAAAgSURBVCjPY2AgETAyMDAw/P///z9RihkZGZkYRsHIAABaEwQEd0uv8QAAAABJRU5ErkJggg==) center no-repeat;
+ }
+ ''';
+
+ static String fullAppStyles = '''
+ body{
+ margin:0;
+ }
+
+ .dt-container{
+ font-family:Sans-serif,Verdana;
+ background:#111;
+ border:1px solid black;
+ z-index:999;
+ }
+
+ .dt-main{
+ background:#FCFCFC;
Kelly Norton 2011/12/15 18:35:31 space between property and value.
shauvik 2011/12/16 07:19:27 Done.
+ overflow-y: auto;
+ padding: 0 5px;
+ font-size:12px;
+ position:absolute;
+ top:29px;
+ bottom:0;
+ left:0;
+ right:0;
+ }
+
+ .dt-minimize{
+ position:absolute;
+ top: 5px;
+ right: 5px;
+ cursor:pointer;
+ }
+ ''';
+
+ /** Provides the in-app stylesheet for Dartest */
+ static String _getInAppStyleSheet(){
Kelly Norton 2011/12/15 18:35:31 You can use => form here ... and this could just b
shauvik 2011/12/16 07:19:27 Removed this function and accessed directly from t
+ return commonStyles+inAppStyles;
+ }
+
+ /** Provides the full app stylesheet for Dartest */
+ static String _getFullAppStyleSheet(){
+ return commonStyles+fullAppStyles;
+ }
+}
« no previous file with comments | « client/testing/dartest/README.txt ('k') | client/testing/dartest/dartest.dart » ('j') | client/testing/dartest/dartest.dart » ('J')

Powered by Google App Engine
This is Rietveld 408576698