You can also submit your ideas to submit.idea@appxite.com
/* Prevent WebKit and Windows mobile changing default text sizes */
body,
table,
td,
a {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
/* Remove spacing between tables in Outlook 2007 and up */
table,
td {
mso-table-lspace: 0pt;
mso-table-rspace: 0pt;
}
/* RESET STYLES */
img {
border: 0;
height: auto;
line-height: 100%;
outline: none;
text-decoration: none;
-ms-interpolation-mode: bicubic;
}
table {
border-collapse: collapse !important;
}
/* iOS BLUE LINKS */
a[x-apple-data-detectors] {
color: inherit !important;
text-decoration: none !important;
font-size: inherit !important;
font-family: inherit !important;
font-weight: inherit !important;
line-height: inherit !important;
}
/* BASE STYLES */
body {
height: 100% !important;
margin: 0 !important;
padding: 0 !important;
width: 100% !important;
background: #E5E5E5;
}
h1,
h2,
h3,
h4,
table,
td,
th,
a,
p,
span,
div,
i,
em,
li,
ul,
.img-block,
img,
.comment {
font-family: 'Segoe UI', '-apple-system', 'BlinkMacSystemFont', 'Roboto', 'Arial', sans-serif;
}
td {
font-size: 14px;
line-height: 20px;
color: #212121;
}
a {
text-decoration: none;
color: #0078D4;
}
em {
font-style: normal;
color: #666;
}
p {
margin: 0;
}
/* Buttons */
.btn-primary:hover {
border-color: #007acc !important;
}
.btn-default:hover {
border-color: #eaeaea !important;
}
.btn-primary:active {
border-color: #005faa !important;
background: #005faa !important;
}
.btn-default:active {
border-color: #eaeaea !important;
background: #eaeaea !important;
}
/* Images */
.img-block {
display: block;
color: #ccc;
font-size: 10px;
max-width: 100%;
}
.img-padding {
padding: 0 20px 0 0;
}
.comment {
color: #333333;
font-size: 14px;
border-radius: 5px;
}
.comment blockquote {
color: #666666;
border-left: 3px solid #a6a6a6;
padding: 1px 0 1px 15px;
margin: 12px 0;
}
.comment-gfx {
padding-top: 20px;
}
.note {
font-size: 13px;
}
/* INFO TABLE */
.activity-table {
display: table;
}
.active {
background: #CEF1DE;
font-family: 'Segoe UI', '-apple-system', 'BlinkMacSystemFont', 'Roboto', 'Arial', sans-serif;
font-size: 14px;
color: #333333;
padding: 2px 4px;
display: inline-block;
}
.inactive {
background: #eeeeee;
font-family: 'Segoe UI', '-apple-system', 'BlinkMacSystemFont', 'Roboto', 'Arial', sans-serif;
font-size: 14px;
text-decoration: line-through;
color: #666666;
padding: 2px 4px;
display: inline-block;
}
.row-label {
font-family: 'Segoe UI', '-apple-system', 'BlinkMacSystemFont', 'Roboto', 'Arial', sans-serif;
font-size: 14px;
color: #333;
padding: 2px 4px;
line-height: 16px;
text-align: left;
}
/* List */
.num {
background: #f2f2f2;
height: 20px;
padding: 0 7px;
font-size: 14px;
}
.code li {
font-family: Menlo, Monaco, Consolas, "Courier New", monospace !important;
font-size: 14px;
text-align: left;
}
span.monospaced {
font-family: Menlo, Monaco, Consolas, "Courier New", monospace !important;
}
.list li {
padding: 5px;
}
.data {
word-break: break-all;
font-family: monospace;
}
.red {
color: red;
}
ul,
ol {
padding: 0 20px;
}
ul {
list-style-type: circle;
}
.anchors {
list-style-type: square;
}
ul ul,
ol ul {
padding: 0 30px;
}
/* Other */
.author {
font-size: 13px;
color: #666;
font-style: italic;
padding: 5px 0 0;
}
.code {
padding: 0;
list-style: none;
color: #666666;
}
.code li {
font-family: Menlo, Monaco, Consolas, "Courier New", monospace !important;
}
.container {
padding: 0px;
}
.content {
padding: 20px 0px 20px 0px;
}
.title a {
color: #212121 !important;
text-decoration: none;
}
.title a:hover {
text-decoration: underline;
}
/* MOBILE STYLES */
@media screen and (max-width: 525px) {
.content {
padding: 0px !important;
}
.header {
padding: 10px 30px !important;
}
.mobile-sm-txt {
font-size: 14px !important;
}
.mobile-sm-txt span {
display: block;
}
/* ALLOWS FOR FLUID TABLES */
.wrapper {
width: 100% !important;
max-width: 100% !important;
}
/* ADJUSTS LAYOUT OF LOGO IMAGE */
.logo img {
margin: 0 auto !important;
}
/* HIDE CONTENT ON MOBILE */
.mobile-hide {
display: none !important;
}
/* GIVE IMAGES MAX WIDTH SO THEY SQUISH NICE */
.img-max {
max-width: 100% !important;
width: 100% !important;
height: auto !important;
}
/* FULL-WIDTH TABLES */
.responsive-table {
width: 100% !important;
}
/* UTILITY CLASSES FOR ADJUSTING PADDING ON MOBILE */
.padding {
padding: 10px 5% 15px 5% !important;
}
.img-padding {
padding: 0;
}
.padding-meta {
padding: 20px !important;
}
.no-padding {
padding: 0 !important;
}
/* CONTENT */
.comment {
padding: 16px 22px !important;
}
.logo {
margin: 0 auto;
padding: 10px 0 10px 5% !important;
}
.gfx-promo {
padding-bottom: 20px;
width: 40% !important;
}
.gfx-promo img {
width: 100%;
}
/* ADJUST BUTTONS ON MOBILE */
.mobile-button-container {
margin: 0 auto;
width: 100% !important;
margin-bottom: 10px !important;
}
.mobile-button {
padding: 4px !important;
display: block !important;
}
.mobile-promos {
text-align: center !important;
padding: 30px !important;
}
.foot-logo {
padding: 5px 0 25px !important;
}
}
/* Extra small device */
@media screen and (max-width: 413px) {
body[class="body-padding"] {
padding: 0 !important;
}
/* HIDE CONTENT ON MOBILE */
td[class="mobile-hide-xs"],
td[class="mobile-hide-xs comment-gfx"] {
display: none;
}
/* ADJUST BUTTONS ON MOBILE */
table[class="mobile-button-container"] {
margin: 0 auto;
width: 100% !important;
}
}
/* Android fix */
div[style*="margin: 16px 0;"] {
margin: 0 !important;
}
/* MARKDOWN RENDERING STYLES */
.markdown-code {
background-color: #EAEAEA;
}
.markdown-table {
border: 1;
border-collapse: collapse;
border-style: solid;
border-width: thin;
border-color: #A6A6A6;
padding: 8px 10px 10px 10px;
}
/* FILE-LIST-SPECIFIC STYLES */
.file-delete {
text-decoration: line-through;
}
/* BODY SPECIFIC STYLES */
.message-line {
color: #201F1E;
font-size: 16px;
font-weight: 400;
margin-left: 5px;
}
|
|||||||||||||||||||||||||||||||||||||||||
|