Colored checkbox

<!DOCTYPE html>
<html>
<style>
/* The container */
.container {
display: block;
position: relative;
padding-left: 24px;
margin-bottom: 12px;
cursor: pointer;
font-size: 14px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

/* Hide the browser’s default checkbox */
.container input {
position: absolute;
opacity: 0;
cursor: pointer;
}

/* Create a custom checkbox */
.checkmark {
position: absolute;
top: 0;
left: 0;
height: 14px;
width: 14px;
background-color: #fff;
border: 1px solid #ff7c1f;
border-radius: 3px;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
background-color: #fff;
}

/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
background-color: #fff;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
content: “”;
position: absolute;
display: none;
}

/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
display: block;
}

/* Style the checkmark/indicator */
.container .checkmark:after {
left: 4px;
top: 0px;
width: 3px;
height: 8px;
border: solid #ff7c1f;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
</style>
<body>

<h1>Custom Checkboxes</h1>
<label class=”container”>One
<input type=”checkbox” checked=”checked”>
<span class=”checkmark”></span>
</label>
<label class=”container”>Two
<input type=”checkbox”>
<span class=”checkmark”></span>
</label>
<label class=”container”>Three
<input type=”checkbox”>
<span class=”checkmark”></span>
</label>
<label class=”container”>Four
<input type=”checkbox”>
<span class=”checkmark”></span>
</label>

</body>
</html>

Laptop

25.990.000 ₫

Core i7-7700HQ/Dos (15.6 inch) – Đen


24.490.000 đ

i5-8250U | 8GB DDR4 | 256GB SSD | GeForce MX150 2GB | 14.0 FHD IPS | Win10


20.279.000 ₫

i5-8250U | 4GB DDR4 | 128GB SSD + 1TB HDD | Geforce 940MX 4GB | 15.6 FHD IPS | Win10 + Office 365


23.289.000 ₫

i7-8550U | 8GB RAM | 1TB HDD | Radeon 530 4GB | 14.0 FHD | Win10 + Office365


21.239.000 ₫

i7-7500U | 8GB DDR4 | 1TB HDD | NoDVD | GeForce 940MX 4GB | 15.6inch FHD | Win10 license


16.350.000 đ

i7-8550U | 4GB DDR4 | 1TB HDD | Geforce MX130 2GB | 15.6 FHD | Win10


21.850.000 đ

i7-8550U | 8GB DDR4 | 128GB SSD + 1TB HDD | Geforce MX150 2GB | 15.6 FHD IPS | Win10


22.800.000 đ

i5-8250U | 8GB LPDDR3 | 256GB SSD | Geforce MX150 2GB | 14 FHD | Win10

Add equation number in Microsoft Word

You can create a template that can be used to automatically generate the table and equation with number to the right:

  1. Insert → Table → 3×1.
  2. Right click table → Table Properties.
  3. In Table Tab, Check Preferred Width → Percent → 100.
  4. In Column Tab, set preferred width to 7%, 86% and 7% for 1st 2nd and 3rd column respectively.These values work well for Times New Roman 12pt equation numbers. (Other percentages will work provided they add up to 100%.)
  5. Click Ok.
  6. Insert → Equation into center column (type in current equation or placeholder).
  7. Click References → Insert Caption.Select Label: Equation
    Position: Above or Below
  8. Adjust numbering as desired.
  9. Cut and past number from above location to right column of equation table.
  10. Right-align text in right column.
  11. Center equation column.
  12. Highlight the entire table.
  13. Turn off borders.
  14. Re-highlight the entire table.
  15. Select Insert → Equation → Save Selection to Equation Gallery.

Now if you want to insert an equation with automatic numbering in standard journal/conference paper format, just select the template you have made from the equation gallery and it will insert it into the document as desired.

Equation numbers will be automatically updated and references can be made to them using the References → Cross Reference option for equations.

NOTE: If you’d like to save this newly formatted equation as a keyboard shortcut (like pressing the Alt and + keys simultaneously in order to create a new equation), you can do so by going to File→ Options → Customize Ribbon → Customize Shortcuts and then selecting “Building Blocks”. Search for your newly created equation template in the right list, then assign a keyboard shortcut to it.

Copy from: https://superuser.com/questions/594559/how-do-you-easily-add-equation-numbers-to-microsoft-word-2010-equations

Atom styles

/*
* Your Stylesheet
*
* This stylesheet is loaded when Atom starts up and is reloaded automatically
* when it is changed and saved.
*
* Add your own CSS or Less to fully customize Atom.
* If you are unfamiliar with Less, you can read more about it here:
* http://lesscss.org
*/

/*
* Examples
* (To see them, uncomment and save)
*/

// style the background color of the tree view
.tree-view {
// background-color: whitesmoke;
font-size: 17px;
font-family: Consolas;
font-weight: bold;
.list-tree li .list-item {
.icon {
&[data-name$=”.js”] {
color: #3BFF37;
}
&[data-name$=”.scss”],
&[data-name$=”.css”] {
color: #FFFC0D;
}
}
.icon-file-directory {
color: #f3f3f3;
}
}
}

// style the background and foreground colors on the atom-text-editor-element itself
atom-text-editor {
// color: white;
// background-color: hsl(180, 24%, 12%);
// font-weight: bold;
font-family: Consolas;
&.editor .bracket-matcher .region {
border-bottom: 1px solid #de9536;
background-color: #FF0000;
opacity: 0.8;
}
.fold-marker::after {
font-size: 1em;
}
}

// style UI elements inside atom-text-editor
atom-text-editor .cursor {
// border-color: white;
border-width: thick;
}