Template:Benchmark: Difference between revisions

Revision as of 07:56, January 8, 2013

{{#css: div.benchmark {

 width: 200px;
 border: 1px solid #678;
 border-radius: 25px;
 background: #123;
 box-shadow: 0 0 10px -2px #9CC;
 margin: 0 auto;

} div.benchmark span {

 display: inline-block;
 vertical-align: middle;

} span.benchmark {

 width: 60%;
 text-align: center;
 font-weight: bold;
 color: #000;
 text-shadow: 0 0 2px #F81, 0 0 0 2px #F81;

} }}

Benchmark

@@ Line 1: / Line 1: @@
-{| style="width:10%; border:2px solid #678; padding: 4px 0px 0px 5px; border-radius:25px; background:#123; box-shadow: 0 0 10px -2px #9CC;"
+{{#css:
+div.benchmark {
+  width: 200px;
+  border: 1px solid #678;
+  border-radius: 25px;
+  background: #123;
+  box-shadow: 0 0 10px -2px #9CC;
+  margin: 0 auto;
+}
+div.benchmark span {
+  display: inline-block;
+  vertical-align: middle;
+}
+span.benchmark {
+  width: 60%;
+  text-align: center;
+  font-weight: bold;
+  color: #000;
+  text-shadow: 0 0 2px #F81, 0 0 0 2px #F81;
+}
+}}
+<div class="benchmark">
+<span style="float: left;">[[Image:Benchmark32.png]]</span>
+<span style="benchmark">{{Fs|1.5em|'''Benchmark'''}}</span>
+<span style="float: right;">[[Image:Benchmark32.png]]</span>
+</div>
+<noinclude>{| style="width:10%; border:2px solid #678; padding: 4px 0px 0px 5px; border-radius:25px; background:#123; box-shadow: 0 0 10px -2px #9CC;"
 |-
 | style="text-align:left;" |[[Image:Benchmark32.png]]
 | style="text-align:center; width:100%; font-weight:900; color:#000; text-shadow:0 0 0.2em #F81,0 0 0.2em #F81,0 0 0.2em #F81" | {{Fs|1.5em|'''Benchmark'''}}
 | style="text-align:right;" |[[Image:Benchmark32.png]]
-|}
+|}</noinclude>
 <noinclude>
-==Usage Examples==
-'''Code:'''
-<pre>{{Benchmark}}</pre>
-'''Result:'''
-{{Benchmark}}