Author: jonathan
Date: Mon Dec 3 17:36:13 2007
New Revision: 10456
Log:
Increased basic font size slightly (11px is just too small).
Simplified endpoint-expanded/endpoint-collapsed structure and css to fix
x-platform alignment glitches.
Modified:
trunk/commons/dynamic-codegen/src/doc.xslt
trunk/commons/dynamic-codegen/src/tryit.xslt
Modified: trunk/commons/dynamic-codegen/src/doc.xslt
==============================================================================
--- trunk/commons/dynamic-codegen/src/doc.xslt (original)
+++ trunk/commons/dynamic-codegen/src/doc.xslt Mon Dec 3 17:36:13 2007
@@ -41,7 +41,7 @@
<div id="logo">
<a href="http://wso2.com";><img
src="{$image-path}wso2-logo.gif"/></a>
</div>
- <h1><xsl:value-of select="$service-name"/> service
documentation</h1>
+ <h1><strong><xsl:value-of
select="$service-name"/></strong> service documentation</h1>
</nobr>
</div>
</xsl:if>
@@ -188,7 +188,7 @@
margin: 0px;
padding: 0px;
font-family: "Lucida Grande","Lucida Sans","Microsoft Sans
Serif","Lucida Sans Unicode",verdana,sans-serif,"trebuchet ms";
- font-size: 11px;
+ font-size: 10pt;
}
p { }
@@ -215,8 +215,8 @@
padding-top: 15px;
padding-right: 0px;
padding-bottom: 0px;
- font-size: 24px;
- font-weight: bold;
+ font-size: 18pt;
+ font-weight: normal;
}
div#logo {
padding-top: 5px;
@@ -248,7 +248,7 @@
border-top: solid 1px #F47B20;
padding-left: 20px;
padding-top: 3px;
- font-size: 11px;
+ font-size: 9pt;
}
/* middle styles */
@@ -278,10 +278,10 @@
white-space:nowrap;
padding-right:1.5em;
font-weight:bold;
- font-size:11px;
+ font-size:10pt;
}
table#operationsTable td {
- font-size:11px;
+ font-size:10pt;
}
table#operationsTable table.params {
@@ -289,7 +289,7 @@
}
table#operationsTable table.params th {
text-align:left;
- font-size:11px;
+ font-size:10pt;
}
table#operationsTable table.params td.parameter,
table#operationsTable table.params td.return {
Modified: trunk/commons/dynamic-codegen/src/tryit.xslt
==============================================================================
--- trunk/commons/dynamic-codegen/src/tryit.xslt (original)
+++ trunk/commons/dynamic-codegen/src/tryit.xslt Mon Dec 3 17:36:13 2007
@@ -462,7 +462,7 @@
thisInput = thisExpando.parentNode.getElementsByTagName("*").item(0);
if (thisExpando.className == "cornerExpand") {
// increase the height and width of the textarea, and change the
icon to "collapse".
- thisInput.style.width = "30em";
+ thisInput.style.width = "50em";
thisInput.style.height = "6em";
thisExpando.className = "cornerCollapse";
thisExpando.title = "Reduce typing space";
@@ -554,7 +554,7 @@
<div id="logo">
<a href="http://wso2.com";><img
src="{$image-path}wso2-logo.gif"/></a>
</div>
- <h1>Try the <xsl:value-of select="$service-name"/>
service.</h1>
+ <h1>Try the <strong><xsl:value-of
select="$service-name"/></strong> service.</h1>
</nobr>
</div>
</xsl:if>
@@ -573,8 +573,7 @@
<div id="endpoint-collapsed">
<div class="content">Choose endpoint...</div>
<div class="bottom">
- <div class="right-corner"><a href="#"><img
src="{$image-path}expand.gif" onclick="toggleconfig('endpoint-collapsed',
'endpoint-expanded')" title="Show endpoint options"/></a></div>
- <div class="bottom-line"></div>
+ <span class="right-corner"><a href="#"><img
src="{$image-path}expand.gif" onclick="toggleconfig('endpoint-collapsed',
'endpoint-expanded')" title="Show endpoint options"/></a></span>
</div>
</div>
<div id="endpoint-expanded" style="display:none">
@@ -595,8 +594,7 @@
</ul>
</div>
<div class="bottom">
- <div class="right-corner"><a href="#"><img
src="{$image-path}collapse.gif" onclick="toggleconfig('endpoint-expanded',
'endpoint-collapsed')" title="Show endpoint options"/></a></div>
- <div class="bottom-line"></div>
+ <span class="right-corner"><a href="#"><img
src="{$image-path}collapse.gif" onclick="toggleconfig('endpoint-expanded',
'endpoint-collapsed')" title="Show endpoint options"/></a></span>
</div>
</div>
</div>
@@ -795,7 +793,7 @@
margin: 0px;
padding: 0px;
font-family: "Lucida Grande","Lucida Sans","Microsoft Sans Serif","Lucida
Sans Unicode",verdana,sans-serif,"trebuchet ms";
- font-size: 11px;
+ font-size: 10pt;
}
p { }
@@ -828,8 +826,8 @@
padding-top: 15px;
padding-right: 0px;
padding-bottom: 0px;
- font-size: 24px;
- font-weight: bold;
+ font-size: 18pt;
+ font-weight: normal;
}
div#logo {
padding-top: 5px;
@@ -857,79 +855,39 @@
margin-right: 40px;
}
/* end point collapsed styles */
-div#endpoint div#endpoint-collapsed{
- width: 150px;
-}
-div#endpoint-collapsed div.content {
+div#endpoint div#endpoint-collapsed {
+ border-bottom: solid 1px #999;
border-right: solid 1px #999;
- margin-right: 7px;
- padding: 0px;
- padding-top: 5%;
-}
-div#endpoint-collapsed div.bottom div.right-corner a img {
- border: 0px;
- vertical-align: bottom;
-}
-div#endpoint-collapsed div.bottom {
- height: 16px;
- padding: 0px;
- margin: 0px;
+ width: 150px;
}
-div#endpoint-collapsed div.bottom div.bottom-line{
+div#endpoint div#endpoint-expanded {
border-bottom: solid 1px #999;
- margin-right: 16px;
- height: 8px;
- padding: 0px;
- margin-bottom: 7px;
- margin-left: 0px;
- margin-top: 0px;
- border-right: solid 0px #ccc;
-}
-div#endpoint-collapsed div.bottom div.right-corner {
- float: right;
- height: 16px;
- width: 15px;
- border: 0px;
- margin-bottom: 0px;
-}
-
-/* end point expanded styles */
-div#endpoint div#endpoint-expanded{
+ border-right: solid 1px #999;
width: 450px;
}
-div#endpoint-expanded div.content {
- border-right: solid 1px #999;
- margin-right: 7px;
- padding: 0px;
- padding-top: 2.5%;
-}
-div#endpoint-expanded div.bottom div.right-corner a img {
+div#endpoint-collapsed div.bottom .right-corner a img,
+div#endpoint-expanded div.bottom .right-corner a img {
border: 0px;
vertical-align: bottom;
}
+div#endpoint-collapsed div.bottom,
div#endpoint-expanded div.bottom {
height: 16px;
+ text-align:right;
padding: 0px;
margin: 0px;
}
-div#endpoint-expanded div.bottom div.bottom-line{
- border-bottom: solid 1px #999;
- margin-right: 16px;
- height: 8px;
- padding: 0px;
- margin-bottom: 7px;
- margin-left: 0px;
- margin-top: 0px;
- border-right: solid 0px #ccc;
-}
-div#endpoint-expanded div.bottom div.right-corner {
- float: right;
- height: 16px;
- width: 15px;
+div#endpoint-collapsed div.bottom .right-corner,
+div#endpoint-expanded div.bottom .right-corner {
+ width: 16px;
border: 0px;
margin-bottom: 0px;
+ position:relative;
+ top:6px;
+ left:6px;
}
+
/* middle styles */
div#middle {
margin-left: 35px;
@@ -1010,7 +968,7 @@
font-weight: bold;
text-decoration: none;
cursor: text;
- font-size: 11px;
+ font-size: 10pt;
}
div#middle table#operations tr.operation-selected td.operation-right {
width: 26px;
@@ -1030,20 +988,20 @@
padding-left: 15px;
margin: 0px;
padding-top: 5px;
- font-size: 11px;
+ font-size: 10pt;
}
div#middle table#operations tr.operation td.operation-left a{
color: #000;
- font-size: 11px;
+ font-size: 10pt;
font-weight: bold;
text-decoration: none;
}
div#middle table#operations tr.operation td.operation-left a:hover{
- font-size: 11px;
+ font-size: 10pt;
text-decoration: underline;
}
div#middle table#operations tr.operation td.operation-left a:visited {
- font-size: 11px;
+ font-size: 10pt;
color: #894f7b;
}
div#middle table#operations tr.operation td.operation-right {
@@ -1088,11 +1046,11 @@
border-top: solid 1px #F47B20;
padding-left: 20px;
padding-top: 3px;
- font-size: 11px;
+ font-size: 9pt;
}
/* parameter form styles */
- table.ops th,
+table.ops th,
table.ops td {padding: 0px 5px; font-size: 80%; margin:0px}
table.ops thead th {text-align: left; vertical-align: middle; padding: 0 15px;
}
table.ops td {text-align: left; vertical-align: top; }
@@ -1105,12 +1063,12 @@
textarea.nonemptyfield { height: 1.7em; overflow-x:hidden; overflow-y:auto;
margin:0px; border: 1px solid #CCCCCC;}
textarea.emptyfield { height: 1.7em; color:#CCC; overflow-x:hidden;
overflow-y:auto; margin:0px; border: 1px solid #CCCCCC;}
.typeannotation {color:#CCC;}
-.output {font-family: monospace; font-size:11px; padding-top: 10px;
padding-left: 10px;}
+.output {font-family: monospace; font-size:10pt; padding-top: 10px;
padding-left: 10px;}
#address {width:26em}
table.config td {font-size: 80%; padding:.5em}
.config {background-color:#f0f6ff; border: 1px solid #DDD;}
-.corner {position:relative; top:.58em; left:.58em; cursor:pointer}
-.cornerExpand {margin: 0px; border: 0px none; vertical-align: bottom;
left:-12px; cursor:pointer}
+.corner {position:relative; top:.58em; left:.58em; cursor:pointer }
+.cornerExpand {margin: 0px; border: 0px none; vertical-align: bottom;
left:-20px; cursor:pointer}
.cornerCollapse {margin: 0px; border: 0px none; vertical-align: bottom;
left:-12px; cursor:pointer}
#configshown {display:none}
.configExpando {vertical-align:bottom}
_______________________________________________
Commons-dev mailing list
[email protected]
http://wso2.org/cgi-bin/mailman/listinfo/commons-dev
