+++ /dev/null
-<table width="100%" height="100%" cellpadding="0" cellspacing="0">
- <tbody>
- <tr valign="top">
- <td class="feature-main">
- <div class="feature-controls" location="feature-controls"></div>
- <div class="feature-example" location="feature-example"></div>
- </td>
- <td width="350px" class="feature-info">
- <div class="feature-name" location="feature-name"></div>
- <div class="feature-desc" location="feature-desc"></div>
- <div class="feature-res" location="feature-res"></div>
- <div class="feature-api" location="feature-api"></div>
- <div class="feature-rel" location="feature-rel"></div>
- </td>
- </tbody>
-</table>
\ No newline at end of file
text-align: right;
}
-/******************************************************************************
- * For Sampler
- ******************************************************************************/
-#sampler {
- background-color: white;
-}
-#sampler .i-expandlayout-topbar {
- border-bottom: 1px solid #999;
-}
-#sampler .feature-main {
- padding: 20px;
-}
-#sampler .feature-controls {
- margin-bottom: 20px;
-}
-#sampler .feature-info {
- background-color: #999;
- color: white;
- padding: 20px;
- line-height: 30px;
-}
-#sampler .feature-name {
- font-size: 18px;
- font-weight: bold;
-}
-.i-customcomponent-ModeSwitch .i-button {
- height: 28px;
- border: none;
- border-right: 1px solid #736a60;
- margin: 0px;
-}
-.i-customcomponent-ModeSwitch .i-button-first-on {
- background: transparent url(sampler/left-on.gif) no-repeat;
-}
-.i-customcomponent-ModeSwitch .i-button-first {
- background: transparent url(sampler/left.gif) no-repeat;
-}
-.i-customcomponent-ModeSwitch .i-button-mid-on {
- background: transparent url(sampler/mid-on.gif) no-repeat;
-}
-.i-customcomponent-ModeSwitch .i-button-mid {
- background: transparent url(sampler/mid.gif) no-repeat;
-}
-.i-customcomponent-ModeSwitch .i-button-last-on {
- border: none;
- background: transparent url(sampler/right-on.gif) no-repeat right top;
-}
-.i-customcomponent-ModeSwitch .i-button-last {
- border: none;
- background: transparent url(sampler/right.gif) no-repeat right top;
-}
--- /dev/null
+/* Dummy styles for the DummyExample */
+.i-panel-DummyFeatureExample .i-label {
+ border: 1px dotted red;
+}
\ No newline at end of file
--- /dev/null
+<table width="100%" height="100%" cellpadding="0" cellspacing="0">
+ <tbody>
+ <tr valign="top">
+ <td class="feature-main">
+ <div class="feature-controls" location="feature-controls"></div>
+ <div class="feature-example" location="feature-example"></div>
+ </td>
+ <td width="350px" class="feature-info">
+ <div class="feature-name" location="feature-name"></div>
+ <div class="feature-desc" location="feature-desc"></div>
+ <div class="feature-res" location="feature-res"></div>
+ <div class="feature-api" location="feature-api"></div>
+ <div class="feature-rel" location="feature-rel"></div>
+ </td>
+ </tbody>
+</table>
\ No newline at end of file
--- /dev/null
+/******************************************************************************
+ * Sampler styles
+ ******************************************************************************/
+#sampler {
+ background-color: white;
+}
+#sampler .i-expandlayout-topbar {
+ border-bottom: 1px solid #999;
+}
+#sampler .feature-main {
+ padding: 20px;
+}
+#sampler .feature-controls {
+ margin-bottom: 20px;
+}
+#sampler .feature-info {
+ background-color: #999;
+ color: white;
+ padding: 20px;
+ line-height: 30px;
+}
+#sampler .feature-name {
+ font-size: 18px;
+ font-weight: bold;
+}
+.i-customcomponent-ModeSwitch .i-button {
+ height: 28px;
+ border: none;
+ border-right: 1px solid #736a60;
+ margin: 0px;
+}
+.i-customcomponent-ModeSwitch .i-button-first-on {
+ background: transparent url(left-on.gif) no-repeat;
+}
+.i-customcomponent-ModeSwitch .i-button-first {
+ background: transparent url(left.gif) no-repeat;
+}
+.i-customcomponent-ModeSwitch .i-button-mid-on {
+ background: transparent url(mid-on.gif) no-repeat;
+}
+.i-customcomponent-ModeSwitch .i-button-mid {
+ background: transparent url(mid.gif) no-repeat;
+}
+.i-customcomponent-ModeSwitch .i-button-last-on {
+ border: none;
+ background: transparent url(right-on.gif) no-repeat right top;
+}
+.i-customcomponent-ModeSwitch .i-button-last {
+ border: none;
+ background: transparent url(right.gif) no-repeat right top;
+}
@import url(../default/styles.css);
+@import url(sampler/styles.css);
+
@import url(dummy/styles.css);
-/******************************************************************************
- * For Sampler
- ******************************************************************************/
-#sampler {
- background-color: white;
-}
-#sampler .i-expandlayout-topbar {
- border-bottom: 1px solid #999;
-}
-#sampler .feature-main {
- padding: 20px;
-}
-#sampler .feature-controls {
- margin-bottom: 20px;
-}
-#sampler .feature-info {
- background-color: #999;
- color: white;
- padding: 20px;
- line-height: 30px;
-}
-#sampler .feature-name {
- font-size: 18px;
- font-weight: bold;
-}
-.i-customcomponent-ModeSwitch .i-button {
- height: 28px;
- border: none;
- border-right: 1px solid #736a60;
- margin: 0px;
-}
-.i-customcomponent-ModeSwitch .i-button-first-on {
- background: transparent url(sampler/left-on.gif) no-repeat;
-}
-.i-customcomponent-ModeSwitch .i-button-first {
- background: transparent url(sampler/left.gif) no-repeat;
-}
-.i-customcomponent-ModeSwitch .i-button-mid-on {
- background: transparent url(sampler/mid-on.gif) no-repeat;
-}
-.i-customcomponent-ModeSwitch .i-button-mid {
- background: transparent url(sampler/mid.gif) no-repeat;
-}
-.i-customcomponent-ModeSwitch .i-button-last-on {
- border: none;
- background: transparent url(sampler/right-on.gif) no-repeat right top;
-}
-.i-customcomponent-ModeSwitch .i-button-last {
- border: none;
- background: transparent url(sampler/right.gif) no-repeat right top;
-}