Revision 345357 of EditButton

  • Revision slug: User:dbruant/EditButton
  • Revision title: EditButton
  • Revision id: 345357
  • Created:
  • Creator: dbruant
  • Is current revision? No
  • Comment

Revision Content

Edit button

HTML Content

<a href="/en-US/docs/WebAPI/Doc_status$edit">
<span style="font-size: 50%;">Log-in with Persona to</span><br>
Edit
</a>

CSS Content

a {
padding: 7px 8px 4px;
padding-left: 32px;
background: #A5D9F3 url("https://developer.cdn.mozilla.net/media/img/wiki/button-edit.png") 0 50% repeat-x;

display: inline-block;
color: #333;
font: 200 15px/1 "Bebas Neue","League Gothic",Haettenschweiler,sans-serif;

font-size: 14px;
text-transform: uppercase;
letter-spacing: .5px;
border: 0;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: 1px 1px 0 rgba(0,0,0,.25);
-webkit-box-shadow: 1px 1px 0 rgba(0, 0, 0, .25);
box-shadow: 1px 1px 0 rgba(0, 0, 0, .25);
text-decoration: none;
}

JavaScript Content

//Sample JavaScript Content

{{ EmbedLiveSample('Edit_button') }}

 

Revision Source

<h2 id="Edit_button" name="Edit_button">Edit button</h2>
<h3 id="HTML_Content">HTML Content</h3>
<pre class="brush: html">
&lt;a href="/en-US/docs/WebAPI/Doc_status$edit"&gt;
&lt;span style="font-size: 50%;"&gt;Log-in with Persona to&lt;/span&gt;&lt;br&gt;
Edit
&lt;/a&gt;</pre>
<h3 id="CSS_Content">CSS Content</h3>
<pre class="brush: css">
a {
padding: 7px 8px 4px;
padding-left: 32px;
background: #A5D9F3 url("https://developer.cdn.mozilla.net/media/img/wiki/button-edit.png") 0 50% repeat-x;

display: inline-block;
color: #333;
font: 200 15px/1 "Bebas Neue","League Gothic",Haettenschweiler,sans-serif;

font-size: 14px;
text-transform: uppercase;
letter-spacing: .5px;
border: 0;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: 1px 1px 0 rgba(0,0,0,.25);
-webkit-box-shadow: 1px 1px 0 rgba(0, 0, 0, .25);
box-shadow: 1px 1px 0 rgba(0, 0, 0, .25);
text-decoration: none;
}
</pre>
<h3 id="JavaScript_Content">JavaScript Content</h3>
<pre class="brush: js">
//Sample JavaScript Content</pre>
<p>{{ EmbedLiveSample('Edit_button') }}</p>
<p>&nbsp;</p>
Revert to this revision