Permalink
Browse files

gitignore, rvmrc, header and right half of columns.

  • Loading branch information...
1 parent 5cf194a commit f549dd866febefd408666424ad3466b52c52c9ca @matthewcopeland matthewcopeland committed Jun 28, 2012
Showing with 288 additions and 110 deletions.
  1. +1 −0 .gitignore
  2. +1 −0 .rvmrc
  3. +59 −57 bundle/index.html
  4. +34 −0 bundle/jqui_override.css
  5. +39 −0 bundle/reset.css
  6. +154 −53 bundle/symbiote.css
View
@@ -0,0 +1 @@
+*.DS_Store
View
1 .rvmrc
@@ -0,0 +1 @@
+rvm use 1.9.3@frank --create
View
@@ -10,73 +10,75 @@
<script src='json2.js'></script>
<script src='underscore.js'></script>
<script src='symbiote.js'></script>
+ <link href='reset.css' rel='stylesheet' />
<link href='jquery-ui.css' rel='stylesheet' />
<link href='jquery.treeview.css' rel='stylesheet' />
+ <link href='jqui_override.css' rel='stylesheet' />
<link href='symbiote.css' rel='stylesheet' />
</head>
<body>
- <div id='header'>
- <div id='main-tab-1'>
- <h1>symbiote</h1>
- <i>From here you can inspect the current state of the app's UI, and test which UI elements a selector will select</i>
+ <header id='header'>
+ <h1>symbiote</h1>
+ <i>From here you can inspect the current state of the app's UI, and test which UI elements a selector will select</i>
+ <div id='refresh'>
+ <button id='dump_button'>Refresh</button>
</div>
- </div>
- <div class='symbiote_shell'>
- <div class='ui-widget'>
- <td>
- <div id='selector-test'>
- <label for='query'>Selector</label>
- <input id='query' placeholder="label marked:'Search'" />
- <button id='flash_button'>Flash</button>
- <input id='selector_engine' placeholder='uiquery' />
- </div>
- </td>
- <td>
- <div id='refresh'>
- <img id='loading' src='images/ajax-loader.gif' />
- <button id='dump_button'>Refresh</button>
- </div>
- </td>
- <div id='list-tabs'>
- <ul>
- <li>
- <a href='#dom_dump'>View Heirarchy</a>
- </li>
- <li>
- <a href='#accessible-views-tab'>Accessible Elements</a>
- </li>
- </ul>
- <div id='dom_dump'>
- <ul></ul>
- </div>
- <div id='accessible-views-tab'>
- <div class='hints'>
- <p>Here is a list of all elements with accessibility labels.</p>
- <p>Clicking on a row will flash that view element in the simulator. Hover over a row to see the selector used to flash that view element.</p>
- </div>
- <div id='accessible-views'></div>
- </div>
+ </header>
+
+
+ <section class='symbiote_shell'>
+ <article id='selector-test'>
+ <!-- <label for='query'>Selector</label> -->
+ <input id='query' placeholder="Selector label marked:'Search'" />
+ <button id='flash_button'>Flash</button>
+ <input id='selector_engine' placeholder='uiquery' />
+ </article>
+ </section>
+
+
+ <section class="the-columns">
+ </td>
+ <div id='list-tabs'>
+ <ul>
+ <li>
+ <a href='#dom_dump'>View Heirarchy</a>
+ </li>
+ <li>
+ <a href='#accessible-views-tab'>Accessible Elements</a>
+ </li>
+ </ul>
+ <div id='dom_dump'>
+ <ul></ul>
</div>
- <div id='inspect-tabs'>
- <ul>
- <li>
- <a href='#dom_detail'>View Properties</a>
- </li>
- <li>
- <a href='#ui-locator'>View Locator</a>
- </li>
- </ul>
- <div id='ui-locator'>
- <div id='ui-locator-view'></div>
- <div id='live-view'>
- <button>start Live View</button>
- </div>
+
+ <div id='accessible-views-tab'>
+ <div class='hints'>
+ <p>Here is a list of all elements with accessibility labels.</p>
+ <p>Clicking on a row will flash that view element in the simulator. Hover over a row to see the selector used to flash that view element.</p>
</div>
- <div id='dom_detail'>
- <p>Click an element in the view heirarchy on the right to see details of that element here.</p>
+ <div id='accessible-views'></div>
+ </div>
+ </div>
+ <div id='inspect-tabs'>
+ <ul>
+ <li>
+ <a href='#dom_detail'>View Properties</a>
+ </li>
+ <li>
+ <a href='#ui-locator'>View Locator</a>
+ </li>
+ </ul>
+ <div id='ui-locator'>
+ <div id='ui-locator-view'></div>
+ <div id='live-view'>
+ <button>start Live View</button>
</div>
</div>
+ <div id='dom_detail'>
+ <p>Click an element in the view heirarchy on the right to see details of that element here.</p>
+ </div>
</div>
- </div>
+ </section>
+
</body>
</html>
View
@@ -0,0 +1,34 @@
+.ui-tabs .ui-tabs-nav li a {
+ float: left;
+ padding: 5px 10px;
+ text-decoration: none;
+ font-size: 14px;
+}
+
+.ui-widget-content, .ui-widget-header {
+ border: 0;
+ background: none;
+ color: inherit;
+}
+.ui-tabs .ui-tabs-nav {
+margin: 0;
+padding: 0;
+}
+
+.ui-corner-all {
+-moz-border-radius: 0;
+-webkit-border-radius: 0;
+border-radius: 0;
+}
+
+.ui-tabs {
+ padding: 0;
+}
+
+.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
+ border: 0;
+ background: none;
+ font-weight: normal;
+ color: inherit;
+ cursor: default;
+}
View
@@ -0,0 +1,39 @@
+/*
+* css reset
+* based on the work by eric meyer
+*/
+
+html,body {min-height:100%;width:100%;height:100%;}
+html, body, div,p,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,button,textarea,p,blockquote,th,td {margin:0;padding:0;}
+table {border-collapse:collapse;border-spacing:0;}
+fieldset,img,abbr, acronym {border:0;}
+input,button,textarea{border:none;outline:none;}
+address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;}
+ol,ul {list-style:none;}
+li {list-style-type: none;}
+caption,th {text-align:left;}
+h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
+q:before,q:after {content:'';}
+a, a:hover, a:visited, a:active, a:link {text-decoration:none;}
+form {display: inline-block;}
+textarea:focus, input:focus {outline: none;}
+/* html5 block elements for IE. Stop using IE. */
+article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, address {display: block;}
+h1 {font-size: 1.8em; font-weight:bold; letter-spacing: .05em; }
+h2 {font-size: 1.5em; letter-spacing: .05em; }
+h3 {font-size: 1.3em; letter-spacing: .05em; }
+h4 {font-size: 1.1em; letter-spacing: .05em; }
+h5 {font-size: 1.0em; letter-spacing: .05em; }
+h6 {font-size: 0.8em; letter-spacing: .05em; }
+.clear, .clearfloat {clear:both;}
+
+/* save your sanity */
+* {
+ -webkit-box-sizing: border-box;
+ -khtml-box-sizing: border-box;
+ -icab-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ -o-box-sizing: border-box;
+ box-sizing: border-box;
+}
+
Oops, something went wrong.

0 comments on commit f549dd8

Please sign in to comment.