แพ็กเกจ CSS สําหรับส่วนเสริมของเครื่องมือแก้ไข

<h1>Titles and headers</h1> <b>Bold text</b> Normal text <a href="">Links</a> <span class="current">Current navigation selection</span> <span class="error">Form input errors</span> <span class="gray">Gray text</span> <span class="secondary">Secondary text</span>

<button class="action">Translate</button>

<button>Close</button>

<button class="create">Create</button>

<button class="share">Share</button>

<div>   <input type="checkbox" id="checkbox1" checked>   <label for="checkbox1">Checked</label> </div> <div>   <input type="checkbox" id="checkbox2">   <label for="checkbox2">Unchecked</label> </div> <div>   <input type="checkbox" id="checkbox3" checked disabled>   <label for="checkbox3">Checked, disabled</label> </div> <div>   <input type="checkbox" id="checkbox4" disabled>   <label for="checkbox4">Unchecked, disabled</label> </div>

<div>   <input type="radio" name="radio-a" id="radio1" checked>   <label for="radio1">Checked</label> </div> <div>   <input type="radio" name="radio-a" id="radio2">   <label for="radio2">Unchecked</label> </div> <div>   <input type="radio" name="radio-b" id="radio3"       checked disabled>   <label for="radio3">Checked, disabled</label> </div> <div>   <input type="radio" name="radio-b" id="radio4" disabled>   <label for="radio4">Unchecked, disabled</label> </div>

<div class="block form-group">   <label for="select">Select</label>   <select id="select">     <option selected>Google Docs</option>     <option>Google Forms</option>     <option>Google Sheets</option>   </select> </div> <div class="block form-group">   <label for="disabled-select">Disabled select</label>   <select id="disabled-select" disabled>     <option selected>Google Docs</option>     <option>Google Forms</option>     <option>Google Sheets</option>   </select> </div>

<div class="form-group">   <label for="sampleTextArea">Label</label>   <textarea id="sampleTextArea" rows="3"></textarea> </div>

<div class="inline form-group">   <label for="city">City</label>   <input type="text" id="city" style="width: 150px;"> </div> <div class="inline form-group">   <label for="state">State</label>   <input type="text" id="state" style="width: 40px;"> </div> <div class="inline form-group">   <label for="zip-code">Zip code</label>   <input type="text" id="zip-code" style="width: 65px;"> </div>

<style> .branding-below {   bottom: 56px;   top: 0; } </style>  <div class="sidebar branding-below">   <div class="block form-group">     <label for="translated-text">       <b>Translation</b></label>     <textarea id="translated-text" rows="15">     </textarea>   </div>    <div class="block">     <input type="checkbox" id="save-prefs">     <label for="save-prefs">       Use these languages by default</label>   </div>   <div class="block">     <button class="blue">Translate</button>     <button>Insert</button>   </div> </div>  <div class="sidebar bottom">   <span class="gray">     Translate sample by Google</span> </div>