/* SPDX-License-Identifier: GFDL-1.3-or-later */ /* article */ article { width: 1024px; margin-bottom: 40px; } article p { color:#575757; } /* split div */ div.avoid { width: 20%; display: inline-block; margin-right: -3px; } div.prefered { width: 78%; display: inline-block; margin-left: -3px; } div.note { margin-left: 10%; margin-right: 10%; } /* Table */ table { border-collapse: collapse; width: 100%; } th, td { text-align: left; padding: 8px; } /* Table: Avoid */ table.avoid th { background-color: #BB1010; color: #FFFFFF } table.avoid tr: nth-child(even){background-color: #f2f2f2} table.avoid td.image { width: 50px; } table.avoid td.image img { width: 30px; } table.avoid td{ font-size: 80%; } /* Table: Prefered */ table.prefered th { background-color: #04AA6D; color: #FFFFFF } table. tr.alternative { border: 1px solid #000000; } table.prefered td.image { width: 100px; } table.prefered td div{ vertical-align: top; display: inline-block; } table.prefered td div img{ width: 80px; } /* Table: Note */ table.note, tr { border: 1px solid #000; font-size: 80%; } table.note th { padding: 0 0.5em; background-color: #eee; } /* Tags */ div.tag { background-color: #000000; color: #ffffff; border-radius: 3px; padding-right: 4px; padding-left: 4px; padding-top: 1px; padding-bottom: 1px; } div.tag.server { background-color: #0060ed; } div.tag.app-pc { background-color: #d53640; } div.tag.app-mobile { background-color: #ffd815; color: #000000; } div.tag.site { background-color: #158452; } div.tag.module { background-color: #637075; }