Skip to content

Instantly share code, notes, and snippets.

@cwparsons
Last active August 29, 2015 14:16
Show Gist options
  • Save cwparsons/e642c01cf612f7c2ee4d to your computer and use it in GitHub Desktop.
Save cwparsons/e642c01cf612f7c2ee4d to your computer and use it in GitHub Desktop.
An organized version of SharePoint's out-of-the-box RTE classes
/**
* rte.css contains styles for rich text editor
*/
@prefix: ~"ex-rte"
/*#region $OOTB RTE */
/*#region $ELEMENTS */
H1.@{prefix}Element-H1 {
-ms-name: "Heading 1";
-ms-element: "true";
}
H2.@{prefix}Element-H2 {
-ms-name: "Heading 2";
-ms-element: "true";
}
H3.@{prefix}Element-H3 {
-ms-name: "Heading 3";
-ms-element: "true";
}
H4.@{prefix}Element-H4 {
-ms-name: "Heading 4";
-ms-element: "true";
}
H1.@{prefix}Element-H1B {
-ms-name: "Heading 1 Alternate";
}
H2.@{prefix}Element-H2B {
-ms-name: "Heading 2 Alternate";
}
H3.@{prefix}Element-H3B {
-ms-name: "Heading 3 Alternate";
}
H4.@{prefix}Element-H4B {
-ms-name: "Heading 4 Alternate";
}
P.@{prefix}Element-P {
-ms-name: "Paragraph";
-ms-element: "true";
}
/*#endregion */
/*#region $STYLES */
.@{prefix}Style-Normal {
-ms-name: "Normal";
}
.@{prefix}Style-Quote {
-ms-name: "Quote";
}
.@{prefix}Style-IntenseQuote {
-ms-name: "Intense Quote";
}
.@{prefix}Style-Emphasis {
-ms-name: "Emphasis";
}
.@{prefix}Style-IntenseEmphasis {
-ms-name: "Intense Emphasis";
}
.@{prefix}Style-References {
-ms-name: "Reference";
}
.@{prefix}Style-IntenseReferences {
-ms-name: "Intense Reference";
}
.@{prefix}Style-Accent1 {
-ms-name: "Accent 1";
}
.@{prefix}Style-Accent2 {
-ms-name: "Accent 2";
}
/*#endregion */
/*#region $FORECOLOR */
.@{prefix}ForeColor-1 {
color: darkred;
-ms-name: "";
-ms-color: "Dark Red";
}
.@{prefix}ForeColor-2 {
color: red;
-ms-name: "";
-ms-color: "Red";
}
.@{prefix}ForeColor-3 {
color: orange;
-ms-name: "";
-ms-color: "Gold";
}
.@{prefix}ForeColor-4 {
color: yellow;
-ms-name: "";
-ms-color: "Yellow";
}
.@{prefix}ForeColor-5 {
color: lightgreen;
-ms-name: "";
-ms-color: "Light Green";
}
.@{prefix}ForeColor-6 {
color: green;
-ms-name: "";
-ms-color: "Dark Green";
}
.@{prefix}ForeColor-7 {
color: lightblue;
-ms-name: "";
-ms-color: "Sky Blue";
}
.@{prefix}ForeColor-8 {
color: blue;
-ms-name: "";
-ms-color: "Blue";
}
.@{prefix}ForeColor-9 {
color: darkblue;
-ms-name: "";
-ms-color: "Dark Blue";
}
.@{prefix}ForeColor-10 {
color: purple;
-ms-name: "";
-ms-color: "Dark Purple";
}
/*#endregion */
/*#region $BACKCOLOR */
.@{prefix}BackColor-1 {
background-color: darkred;
-ms-name: "";
-ms-color: "Dark Red";
}
.@{prefix}BackColor-2 {
background-color: red;
-ms-name: "";
-ms-color: "Red";
}
.@{prefix}BackColor-3 {
background-color: orange;
-ms-name: "";
-ms-color: "Gold";
}
.@{prefix}BackColor-4 {
background-color: yellow;
-ms-name: "";
-ms-color: "Yellow";
}
.@{prefix}BackColor-5 {
background-color: lightgreen;
-ms-name: "";
-ms-color: "Light Green";
}
.@{prefix}BackColor-6 {
background-color: green;
-ms-name: "";
-ms-color: "Dark Green";
}
.@{prefix}BackColor-7 {
background-color: lightblue;
-ms-name: "";
-ms-color: "Sky Blue";
}
.@{prefix}BackColor-8 {
background-color: blue;
-ms-name: "";
-ms-color: "Blue";
}
.@{prefix}BackColor-9 {
background-color: darkblue;
-ms-name: "";
-ms-color: "Dark Blue";
}
.@{prefix}BackColor-10 {
background-color: purple;
-ms-name: "";
-ms-color: "Dark Purple";
}
/*#endregion */
/*#region $FONTFACE */
.@{prefix}FontFace-1 {
-ms-name: "Tahoma";
font-family: tahoma;
}
.@{prefix}FontFace-2 {
-ms-name: "Courier";
font-family: courier,monospace;
}
.@{prefix}FontFace-3 {
-ms-name: "Times New Roman";
font-family: "Times New Roman", Times, serif;
}
.@{prefix}FontFace-4 {
-ms-name: "Comic Sans";
font-family: "Comic Sans", "Comic Sans MS", cursive;
}
.@{prefix}FontFace-5 {
-ms-name: "Calibri";
font-family: Calibri;
}
.@{prefix}FontFace-6 {
-ms-name: "Georgia";
font-family: Georgia;
}
.@{prefix}FontFace-7 {
-ms-name: "Impact";
font-family: Impact;
}
.@{prefix}FontFace-8 {
-ms-name: "Trebuchet MS";
font-family: "Trebuchet MS", helvetica;
}
.@{prefix}FontFace-9 {
-ms-name: "Palatino Linotype";
font-family: "Palatino Linotype", Palatino, serif;
}
.@{prefix}FontFace-10 {
-ms-name: "Lucida Console";
font-family: "Lucida Console", monaco, sans-serif;
}
.@{prefix}FontFace-11 {
-ms-name: "Garamond";
font-family: garamond;
}
.@{prefix}FontFace-12 {
-ms-name: "Segoe UI";
font-family: "Segoe UI", Tahoma;
}
/*#endregion */
/*#region $FONTSIZE */
.@{prefix}FontSize-1 {
font-size: 9pt;
}
.@{prefix}FontSize-2 {
font-size: 11pt;
}
.@{prefix}FontSize-3 {
font-size: 13pt;
}
.@{prefix}FontSize-4 {
font-size: 18pt;
}
.@{prefix}FontSize-5 {
font-size: 24pt;
}
.@{prefix}FontSize-6 {
font-size: 36pt;
}
.@{prefix}FontSize-7 {
font-size: 48pt;
}
.@{prefix}FontSize-8 {
font-size: 72pt;
}
/*#endregion */
/*#region $THEMEFORECOLOR */
.@{prefix}ThemeForeColor-1-0 {
/* [ReplaceColor(themeColor:"BackgroundOverlay",opacity:"1")] */ color: #fff;
-ms-name: "Light 1";
/* [ColorName] */ -ms-color: "White";
}
.@{prefix}ThemeForeColor-2-0 {
/* [ReplaceColor(themeColor:"BodyText",opacity:"1")] */ color: #444;
-ms-name: "Dark 1";
/* [ColorName] */ -ms-color: "Black";
}
.@{prefix}ThemeForeColor-3-0 {
/* [ReplaceColor(themeColor:"SubtleEmphasisText",opacity:"1")] */ color: #666;
-ms-name: "Light 2";
/* [ColorName] */ -ms-color: "White";
}
.@{prefix}ThemeForeColor-4-0 {
/* [ReplaceColor(themeColor:"SubtleEmphasisBackground",opacity:"1")] */ color: #efefef;
-ms-name: "Dark 2";
/* [ColorName] */ -ms-color: "Blue Gray";
}
.@{prefix}ThemeForeColor-5-0 {
/* [ReplaceColor(themeColor:"ContentAccent1",opacity:"1")] */ color: #0072C6;
-ms-name: "Accent 1";
/* [ColorName] */ -ms-color: "Dark Blue";
}
.@{prefix}ThemeForeColor-6-0 {
/* [ReplaceColor(themeColor:"ContentAccent2",opacity:"1")] */ color: #00485B;
-ms-name: "Accent 2";
/* [ColorName] */ -ms-color: "Pink";
}
.@{prefix}ThemeForeColor-7-0 {
/* [ReplaceColor(themeColor:"ContentAccent3",opacity:"1")] */ color: #288054;
-ms-name: "Accent 3";
/* [ColorName] */ -ms-color: "Turquoise";
}
.@{prefix}ThemeForeColor-8-0 {
/* [ReplaceColor(themeColor:"ContentAccent4",opacity:"1")] */ color: #767956;
-ms-name: "Accent 4";
/* [ColorName] */ -ms-color: "Orange";
}
.@{prefix}ThemeForeColor-9-0 {
/* [ReplaceColor(themeColor:"ContentAccent5",opacity:"1")] */ color: #ED0033;
-ms-name: "Accent 5";
/* [ColorName] */ -ms-color: "Dark Green";
}
.@{prefix}ThemeForeColor-10-0 {
/* [ReplaceColor(themeColor:"ContentAccent6",opacity:"1")] */ color: #682A7A;
-ms-name: "Accent 6";
/* [ColorName] */ -ms-color: "Yellow";
}
.@{prefix}ThemeForeColor-1-1 {
/* [ReplaceColor(themeColor:"BackgroundOverlay-Lightest",opacity:"1")] */ color: #F2F2F2;
-ms-name: "Light 1 Lightest";
/* [ColorName] */ -ms-color: "White";
}
.@{prefix}ThemeForeColor-2-1 {
/* [ReplaceColor(themeColor:"BodyText-Lightest",opacity:"1")] */ color: #D9D9D9;
-ms-name: "Dark 1 Lightest";
/* [ColorName] */ -ms-color: "Gray-50%";
}
.@{prefix}ThemeForeColor-3-1 {
/* [ReplaceColor(themeColor:"SubtleEmphasisText-Lightest",opacity:"1")] */ color: #E0E0E0;
-ms-name: "Light 2 Lightest";
/* [ColorName] */ -ms-color: "Ice Blue";
}
.@{prefix}ThemeForeColor-4-1 {
/* [ReplaceColor(themeColor:"SubtleEmphasisBackground-Lightest",opacity:"1")] */ color: #D8D8D8;
-ms-name: "Dark 2 Lightest";
/* [ColorName] */ -ms-color: "Ice Blue";
}
.@{prefix}ThemeForeColor-5-1 {
/* [ReplaceColor(themeColor:"ContentAccent1-Lightest",opacity:"1")] */ color: #C0E4FF;
-ms-name: "Accent 1 Lightest";
/* [ColorName] */ -ms-color: "Light Blue";
}
.@{prefix}ThemeForeColor-6-1 {
/* [ReplaceColor(themeColor:"ContentAccent2-Lightest",opacity:"1")] */ color: #D5F6FF;
-ms-name: "Accent 2 Lightest";
/* [ColorName] */ -ms-color: "Pink";
}
.@{prefix}ThemeForeColor-7-1 {
/* [ReplaceColor(themeColor:"ContentAccent3-Lightest",opacity:"1")] */ color: #CAEEDC;
-ms-name: "Accent 3 Lightest";
/* [ColorName] */ -ms-color: "Light Turquoise";
}
.@{prefix}ThemeForeColor-8-1 {
/* [ReplaceColor(themeColor:"ContentAccent4-Lightest",opacity:"1")] */ color: #E4E5DB;
-ms-name: "Accent 4 Lightest";
/* [ColorName] */ -ms-color: "Light Orange";
}
.@{prefix}ThemeForeColor-9-1 {
/* [ReplaceColor(themeColor:"ContentAccent5-Lightest",opacity:"1")] */ color: #FFC8D4;
-ms-name: "Accent 5 Lightest";
/* [ColorName] */ -ms-color: "Light Green";
}
.@{prefix}ThemeForeColor-10-1 {
/* [ReplaceColor(themeColor:"ContentAccent6-Lightest",opacity:"1")] */ color: #E5CBED;
-ms-name: "Accent 6 Lightest";
/* [ColorName] */ -ms-color: "Light Yellow";
}
.@{prefix}ThemeForeColor-1-2 {
/* [ReplaceColor(themeColor:"BackgroundOverlay-Lighter",opacity:"1")] */ color: #D8D8D8;
-ms-name: "Light 1 Lighter";
/* [ColorName] */ -ms-color: "Gray-25%";
}
.@{prefix}ThemeForeColor-2-2 {
/* [ReplaceColor(themeColor:"BodyText-Lighter",opacity:"1")] */ color: #B4B4B4;
-ms-name: "Dark 1 Lighter";
/* [ColorName] */ -ms-color: "Gray-80%";
}
.@{prefix}ThemeForeColor-3-2 {
/* [ReplaceColor(themeColor:"SubtleEmphasisText-Lighter",opacity:"1")] */ color: #C1C1C1;
-ms-name: "Light 2 Lighter";
/* [ColorName] */ -ms-color: "Ice Blue";
}
.@{prefix}ThemeForeColor-4-2 {
/* [ReplaceColor(themeColor:"SubtleEmphasisBackground-Lighter",opacity:"1")] */ color: #B4B4B4;
-ms-name: "Dark 2 Lighter";
/* [ColorName] */ -ms-color: "Ice Blue";
}
.@{prefix}ThemeForeColor-5-2 {
/* [ReplaceColor(themeColor:"ContentAccent1-Lighter",opacity:"1")] */ color: #82CAFF;
-ms-name: "Accent 1 Lighter";
/* [ColorName] */ -ms-color: "Light Turquoise";
}
.@{prefix}ThemeForeColor-6-2 {
/* [ReplaceColor(themeColor:"ContentAccent2-Lighter",opacity:"1")] */ color: #96E9FF;
-ms-name: "Accent 2 Lighter";
/* [ColorName] */ -ms-color: "Pink";
}
.@{prefix}ThemeForeColor-7-2 {
/* [ReplaceColor(themeColor:"ContentAccent3-Lighter",opacity:"1")] */ color: #96DEBA;
-ms-name: "Accent 3 Lighter";
/* [ColorName] */ -ms-color: "Light Turquoise";
}
.@{prefix}ThemeForeColor-8-2 {
/* [ReplaceColor(themeColor:"ContentAccent4-Lighter",opacity:"1")] */ color: #CACCB8;
-ms-name: "Accent 4 Lighter";
/* [ColorName] */ -ms-color: "Light Orange";
}
.@{prefix}ThemeForeColor-9-2 {
/* [ReplaceColor(themeColor:"ContentAccent5-Lighter",opacity:"1")] */ color: #FF91A9;
-ms-name: "Accent 5 Lighter";
/* [ColorName] */ -ms-color: "Light Green";
}
.@{prefix}ThemeForeColor-10-2 {
/* [ReplaceColor(themeColor:"ContentAccent6-Lighter",opacity:"1")] */ color: #CC98DB;
-ms-name: "Accent 6 Lighter";
/* [ColorName] */ -ms-color: "Light Yellow";
}
.@{prefix}ThemeForeColor-1-3 {
/* [ReplaceColor(themeColor:"BackgroundOverlay-Medium",opacity:"1")] */ color: #BFBFBF;
-ms-name: "Light 1 Medium";
/* [ColorName] */ -ms-color: "Gray-25%";
}
.@{prefix}ThemeForeColor-2-3 {
/* [ReplaceColor(themeColor:"BodyText-Medium",opacity:"1")] */ color: #8E8E8E;
-ms-name: "Dark 1 Medium";
/* [ColorName] */ -ms-color: "Gray-80%";
}
.@{prefix}ThemeForeColor-3-3 {
/* [ReplaceColor(themeColor:"SubtleEmphasisText-Medium",opacity:"1")] */ color: #A3A3A3;
-ms-name: "Light 2 Medium";
/* [ColorName] */ -ms-color: "Blue Gray";
}
.@{prefix}ThemeForeColor-4-3 {
/* [ReplaceColor(themeColor:"SubtleEmphasisBackground-Medium",opacity:"1")] */ color: #787878;
-ms-name: "Dark 2 Medium";
/* [ColorName] */ -ms-color: "Blue Gray";
}
.@{prefix}ThemeForeColor-5-3 {
/* [ReplaceColor(themeColor:"ContentAccent1-Medium",opacity:"1")] */ color: #43AFFF;
-ms-name: "Accent 1 Medium";
/* [ColorName] */ -ms-color: "Blue";
}
.@{prefix}ThemeForeColor-6-3 {
/* [ReplaceColor(themeColor:"ContentAccent2-Medium",opacity:"1")] */ color: #2DD3FF;
-ms-name: "Accent 2 Medium";
/* [ColorName] */ -ms-color: "Pink";
}
.@{prefix}ThemeForeColor-7-3 {
/* [ReplaceColor(themeColor:"ContentAccent3-Medium",opacity:"1")] */ color: #62CE98;
-ms-name: "Accent 3 Medium";
/* [ColorName] */ -ms-color: "Light Turquoise";
}
.@{prefix}ThemeForeColor-8-3 {
/* [ReplaceColor(themeColor:"ContentAccent4-Medium",opacity:"1")] */ color: #B0B394;
-ms-name: "Accent 4 Medium";
/* [ColorName] */ -ms-color: "Light Orange";
}
.@{prefix}ThemeForeColor-9-3 {
/* [ReplaceColor(themeColor:"ContentAccent5-Medium",opacity:"1")] */ color: #FF5B7E;
-ms-name: "Accent 5 Medium";
/* [ColorName] */ -ms-color: "Green";
}
.@{prefix}ThemeForeColor-10-3 {
/* [ReplaceColor(themeColor:"ContentAccent6-Medium",opacity:"1")] */ color: #B364C9;
-ms-name: "Accent 6 Medium";
/* [ColorName] */ -ms-color: "Light Yellow";
}
.@{prefix}ThemeForeColor-1-4 {
/* [ReplaceColor(themeColor:"BackgroundOverlay-Darker",opacity:"1")] */ color: #A5A5A5;
-ms-name: "Light 1 Darker";
/* [ColorName] */ -ms-color: "Gray-50%";
}
.@{prefix}ThemeForeColor-2-4 {
/* [ReplaceColor(themeColor:"BodyText-Darker",opacity:"1")] */ color: #333;
-ms-name: "Dark 1 Darker";
/* [ColorName] */ -ms-color: "Gray-80%";
}
.@{prefix}ThemeForeColor-3-4 {
/* [ReplaceColor(themeColor:"SubtleEmphasisText-Darker",opacity:"1")] */ color: #4C4C4C;
-ms-name: "Light 2 Darker";
/* [ColorName] */ -ms-color: "Blue Gray";
}
.@{prefix}ThemeForeColor-4-4 {
/* [ReplaceColor(themeColor:"SubtleEmphasisBackground-Darker",opacity:"1")] */ color: #3C3C3C;
-ms-name: "Dark 2 Darker";
/* [ColorName] */ -ms-color: "Blue Gray";
}
.@{prefix}ThemeForeColor-5-4 {
/* [ReplaceColor(themeColor:"ContentAccent1-Darker",opacity:"1")] */ color: #005594;
-ms-name: "Accent 1 Darker";
/* [ColorName] */ -ms-color: "Dark Blue";
}
.@{prefix}ThemeForeColor-6-4 {
/* [ReplaceColor(themeColor:"ContentAccent2-Darker",opacity:"1")] */ color: #009AC3;
-ms-name: "Accent 2 Darker";
/* [ColorName] */ -ms-color: "Plum";
}
.@{prefix}ThemeForeColor-7-4 {
/* [ReplaceColor(themeColor:"ContentAccent3-Darker",opacity:"1")] */ color: #1D603F;
-ms-name: "Accent 3 Darker";
/* [ColorName] */ -ms-color: "Turquoise";
}
.@{prefix}ThemeForeColor-8-4 {
/* [ReplaceColor(themeColor:"ContentAccent4-Darker",opacity:"1")] */ color: #585A40;
-ms-name: "Accent 4 Darker";
/* [ColorName] */ -ms-color: "Brown";
}
.@{prefix}ThemeForeColor-9-4 {
/* [ReplaceColor(themeColor:"ContentAccent5-Darker",opacity:"1")] */ color: #B10026;
-ms-name: "Accent 5 Darker";
/* [ColorName] */ -ms-color: "Dark Green";
}
.@{prefix}ThemeForeColor-10-4 {
/* [ReplaceColor(themeColor:"ContentAccent6-Darker",opacity:"1")] */ color: #4E1F5B;
-ms-name: "Accent 6 Darker";
/* [ColorName] */ -ms-color: "Yellow";
}
.@{prefix}ThemeForeColor-1-5 {
/* [ReplaceColor(themeColor:"BackgroundOverlay-Darkest",opacity:"1")] */ color: #7F7F7F;
-ms-name: "Light 1 Darkest";
/* [ColorName] */ -ms-color: "Gray-50%";
}
.@{prefix}ThemeForeColor-2-5 {
/* [ReplaceColor(themeColor:"BodyText-Darkest",opacity:"1")] */ color: #222;
-ms-name: "Dark 1 Darkest";
/* [ColorName] */ -ms-color: "Black";
}
.@{prefix}ThemeForeColor-3-5 {
/* [ReplaceColor(themeColor:"SubtleEmphasisText-Darkest",opacity:"1")] */ color: #333333;
-ms-name: "Light 2 Darkest";
/* [ColorName] */ -ms-color: "Blue Gray";
}
.@{prefix}ThemeForeColor-4-5 {
/* [ReplaceColor(themeColor:"SubtleEmphasisBackground-Darkest",opacity:"1")] */ color: #181818;
-ms-name: "Dark 2 Darkest";
/* [ColorName] */ -ms-color: "Blue Gray";
}
.@{prefix}ThemeForeColor-5-5 {
/* [ReplaceColor(themeColor:"ContentAccent1-Darkest",opacity:"1")] */ color: #003963;
-ms-name: "Accent 1 Darkest";
/* [ColorName] */ -ms-color: "Dark Blue";
}
.@{prefix}ThemeForeColor-6-5 {
/* [ReplaceColor(themeColor:"ContentAccent2-Darkest",opacity:"1")] */ color: #006984;
-ms-name: "Accent 2 Darkest";
/* [ColorName] */ -ms-color: "Plum";
}
.@{prefix}ThemeForeColor-7-5 {
/* [ReplaceColor(themeColor:"ContentAccent3-Darkest",opacity:"1")] */ color: #13402A;
-ms-name: "Accent 3 Darkest";
/* [ColorName] */ -ms-color: "Dark Teal";
}
.@{prefix}ThemeForeColor-8-5 {
/* [ReplaceColor(themeColor:"ContentAccent4-Darkest",opacity:"1")] */ color: #3B3C2B;
-ms-name: "Accent 4 Darkest";
/* [ColorName] */ -ms-color: "Brown";
}
.@{prefix}ThemeForeColor-9-5 {
/* [ReplaceColor(themeColor:"ContentAccent5-Darkest",opacity:"1")] */ color: #760019;
-ms-name: "Accent 5 Darkest";
/* [ColorName] */ -ms-color: "Dark Green";
}
.@{prefix}ThemeForeColor-10-5 {
/* [ReplaceColor(themeColor:"ContentAccent6-Darkest",opacity:"1")] */ color: #34153D;
-ms-name: "Accent 6 Darkest";
/* [ColorName] */ -ms-color: "Dark Yellow";
}
/*#endregion */
/*#region $THEMEBACKCOLOR */
.@{prefix}ThemeBackColor-1-0 {
/* [ReplaceColor(themeColor:"BackgroundOverlay",opacity:"1")] */ background-color: #fff;
-ms-name: "Light 1";
/* [ColorName] */ -ms-color: "White";
}
.@{prefix}ThemeBackColor-2-0 {
/* [ReplaceColor(themeColor:"BodyText",opacity:"1")] */ background-color: #444;
-ms-name: "Dark 1";
/* [ColorName] */ -ms-color: "Black";
}
.@{prefix}ThemeBackColor-3-0 {
/* [ReplaceColor(themeColor:"SubtleEmphasisText",opacity:"1")] */ background-color: #666;
-ms-name: "Light 2";
/* [ColorName] */ -ms-color: "White";
}
.@{prefix}ThemeBackColor-4-0 {
/* [ReplaceColor(themeColor:"SubtleEmphasisBackground",opacity:"1")] */ background-color: #efefef;
-ms-name: "Dark 2";
/* [ColorName] */ -ms-color: "Blue Gray";
}
.@{prefix}ThemeBackColor-5-0 {
/* [ReplaceColor(themeColor:"ContentAccent1",opacity:"1")] */ background-color: #0072C6;
-ms-name: "Accent 1";
/* [ColorName] */ -ms-color: "Dark Blue";
}
.@{prefix}ThemeBackColor-6-0 {
/* [ReplaceColor(themeColor:"ContentAccent2",opacity:"1")] */ background-color: #00485B;
-ms-name: "Accent 2";
/* [ColorName] */ -ms-color: "Pink";
}
.@{prefix}ThemeBackColor-7-0 {
/* [ReplaceColor(themeColor:"ContentAccent3",opacity:"1")] */ background-color: #288054;
-ms-name: "Accent 3";
/* [ColorName] */ -ms-color: "Turquoise";
}
.@{prefix}ThemeBackColor-8-0 {
/* [ReplaceColor(themeColor:"Accent4")] */ background-color: #FD9F08;
/* [ReplaceColor(themeColor:"ContentAccent4",opacity:"1")] */ background-color: #767956;
-ms-name: "Accent 4";
/* [ColorName] */ -ms-color: "Orange";
}
.@{prefix}ThemeBackColor-9-0 {
/* [ReplaceColor(themeColor:"ContentAccent5",opacity:"1")] */ background-color: #ED0033;
-ms-name: "Accent 5";
/* [ColorName] */ -ms-color: "Dark Green";
}
.@{prefix}ThemeBackColor-10-0 {
/* [ReplaceColor(themeColor:"ContentAccent6",opacity:"1")] */ background-color: #682A7A;
-ms-name: "Accent 6";
/* [ColorName] */ -ms-color: "Yellow";
}
.@{prefix}ThemeBackColor-1-1 {
/* [ReplaceColor(themeColor:"BackgroundOverlay-Lightest",opacity:"1")] */ background-color: #F2F2F2;
-ms-name: "Light 1 Lightest";
/* [ColorName] */ -ms-color: "White";
}
.@{prefix}ThemeBackColor-2-1 {
/* [ReplaceColor(themeColor:"BodyText-Lightest",opacity:"1")] */ background-color: #D9D9D9;
-ms-name: "Dark 1 Lightest";
/* [ColorName] */ -ms-color: "Gray-50%";
}
.@{prefix}ThemeBackColor-3-1 {
/* [ReplaceColor(themeColor:"SubtleEmphasisText-Lightest",opacity:"1")] */ background-color: #E0E0E0;
-ms-name: "Light 2 Lightest";
/* [ColorName] */ -ms-color: "Ice Blue";
}
.@{prefix}ThemeBackColor-4-1 {
/* [ReplaceColor(themeColor:"SubtleEmphasisBackground-Lightest",opacity:"1")] */ background-color: #D8D8D8;
-ms-name: "Dark 2 Lightest";
/* [ColorName] */ -ms-color: "Ice Blue";
}
.@{prefix}ThemeBackColor-5-1 {
/* [ReplaceColor(themeColor:"ContentAccent1-Lightest",opacity:"1")] */ background-color: #C0E4FF;
-ms-name: "Accent 1 Lightest";
/* [ColorName] */ -ms-color: "Light Blue";
}
.@{prefix}ThemeBackColor-6-1 {
/* [ReplaceColor(themeColor:"ContentAccent2-Lightest",opacity:"1")] */ background-color: #D5F6FF;
-ms-name: "Accent 2 Lightest";
/* [ColorName] */ -ms-color: "Pink";
}
.@{prefix}ThemeBackColor-7-1 {
/* [ReplaceColor(themeColor:"ContentAccent3-Lightest",opacity:"1")] */ background-color: #CAEEDC;
-ms-name: "Accent 3 Lightest";
/* [ColorName] */ -ms-color: "Light Turquoise";
}
.@{prefix}ThemeBackColor-8-1 {
/* [ReplaceColor(themeColor:"ContentAccent4-Lightest",opacity:"1")] */ background-color: #E4E5DB;
-ms-name: "Accent 4 Lightest";
/* [ColorName] */ -ms-color: "Light Orange";
}
.@{prefix}ThemeBackColor-9-1 {
/* [ReplaceColor(themeColor:"ContentAccent5-Lightest",opacity:"1")] */ background-color: #FFC8D4;
-ms-name: "Accent 5 Lightest";
/* [ColorName] */ -ms-color: "Light Green";
}
.@{prefix}ThemeBackColor-10-1 {
/* [ReplaceColor(themeColor:"ContentAccent6-Lightest",opacity:"1")] */ background-color: #E5CBED;
-ms-name: "Accent 6 Lightest";
/* [ColorName] */ -ms-color: "Light Yellow";
}
.@{prefix}ThemeBackColor-1-2 {
/* [ReplaceColor(themeColor:"BackgroundOverlay-Lighter",opacity:"1")] */ background-color: #D8D8D8;
-ms-name: "Light 1 Lighter";
/* [ColorName] */ -ms-color: "Gray-25%";
}
.@{prefix}ThemeBackColor-2-2 {
/* [ReplaceColor(themeColor:"BodyText-Lighter",opacity:"1")] */ background-color: #B4B4B4;
-ms-name: "Dark 1 Lighter";
/* [ColorName] */ -ms-color: "Gray-80%";
}
.@{prefix}ThemeBackColor-3-2 {
/* [ReplaceColor(themeColor:"SubtleEmphasisText-Lighter",opacity:"1")] */ background-color: #C1C1C1;
-ms-name: "Light 2 Lighter";
/* [ColorName] */ -ms-color: "Ice Blue";
}
.@{prefix}ThemeBackColor-4-2 {
/* [ReplaceColor(themeColor:"SubtleEmphasisBackground-Lighter",opacity:"1")] */ background-color: #B4B4B4;
-ms-name: "Dark 2 Lighter";
/* [ColorName] */ -ms-color: "Ice Blue";
}
.@{prefix}ThemeBackColor-5-2 {
/* [ReplaceColor(themeColor:"ContentAccent1-Lighter",opacity:"1")] */ background-color: #82CAFF;
-ms-name: "Accent 1 Lighter";
/* [ColorName] */ -ms-color: "Light Turquoise";
}
.@{prefix}ThemeBackColor-6-2 {
/* [ReplaceColor(themeColor:"ContentAccent2-Lighter",opacity:"1")] */ background-color: #96E9FF;
-ms-name: "Accent 2 Lighter";
/* [ColorName] */ -ms-color: "Pink";
}
.@{prefix}ThemeBackColor-7-2 {
/* [ReplaceColor(themeColor:"ContentAccent3-Lighter",opacity:"1")] */ background-color: #96DEBA;
-ms-name: "Accent 3 Lighter";
/* [ColorName] */ -ms-color: "Light Turquoise";
}
.@{prefix}ThemeBackColor-8-2 {
/* [ReplaceColor(themeColor:"ContentAccent4-Lighter",opacity:"1")] */ background-color: #CACCB8;
-ms-name: "Accent 4 Lighter";
/* [ColorName] */ -ms-color: "Light Orange";
}
.@{prefix}ThemeBackColor-9-2 {
/* [ReplaceColor(themeColor:"ContentAccent5-Lighter",opacity:"1")] */ background-color: #FF91A9;
-ms-name: "Accent 5 Lighter";
/* [ColorName] */ -ms-color: "Light Green";
}
.@{prefix}ThemeBackColor-10-2 {
/* [ReplaceColor(themeColor:"ContentAccent6-Lighter",opacity:"1")] */ background-color: #CC98DB;
-ms-name: "Accent 6 Lighter";
/* [ColorName] */ -ms-color: "Light Yellow";
}
.@{prefix}ThemeBackColor-1-3 {
/* [ReplaceColor(themeColor:"BackgroundOverlay-Medium",opacity:"1")] */ background-color: #BFBFBF;
-ms-name: "Light 1 Medium";
/* [ColorName] */ -ms-color: "Gray-25%";
}
.@{prefix}ThemeBackColor-2-3 {
/* [ReplaceColor(themeColor:"BodyText-Medium",opacity:"1")] */ background-color: #8E8E8E;
-ms-name: "Dark 1 Medium";
/* [ColorName] */ -ms-color: "Gray-80%";
}
.@{prefix}ThemeBackColor-3-3 {
/* [ReplaceColor(themeColor:"SubtleEmphasisText-Medium",opacity:"1")] */ background-color: #A3A3A3;
-ms-name: "Light 2 Medium";
/* [ColorName] */ -ms-color: "Blue Gray";
}
.@{prefix}ThemeBackColor-4-3 {
/* [ReplaceColor(themeColor:"SubtleEmphasisBackground-Medium",opacity:"1")] */ background-color: #787878;
-ms-name: "Dark 2 Medium";
/* [ColorName] */ -ms-color: "Blue Gray";
}
.@{prefix}ThemeBackColor-5-3 {
/* [ReplaceColor(themeColor:"ContentAccent1-Medium",opacity:"1")] */ background-color: #43AFFF;
-ms-name: "Accent 1 Medium";
/* [ColorName] */ -ms-color: "Blue";
}
.@{prefix}ThemeBackColor-6-3 {
/* [ReplaceColor(themeColor:"ContentAccent2-Medium",opacity:"1")] */ background-color: #2DD3FF;
-ms-name: "Accent 2 Medium";
/* [ColorName] */ -ms-color: "Pink";
}
.@{prefix}ThemeBackColor-7-3 {
/* [ReplaceColor(themeColor:"ContentAccent3-Medium",opacity:"1")] */ background-color: #62CE98;
-ms-name: "Accent 3 Medium";
/* [ColorName] */ -ms-color: "Light Turquoise";
}
.@{prefix}ThemeBackColor-8-3 {
/* [ReplaceColor(themeColor:"ContentAccent4-Medium",opacity:"1")] */ background-color: #B0B394;
-ms-name: "Accent 4 Medium";
/* [ColorName] */ -ms-color: "Light Orange";
}
.@{prefix}ThemeBackColor-9-3 {
/* [ReplaceColor(themeColor:"ContentAccent5-Medium",opacity:"1")] */ background-color: #FF5B7E;
-ms-name: "Accent 5 Medium";
/* [ColorName] */ -ms-color: "Green";
}
.@{prefix}ThemeBackColor-10-3 {
/* [ReplaceColor(themeColor:"ContentAccent6-Medium",opacity:"1")] */ background-color: #B364C9;
-ms-name: "Accent 6 Medium";
/* [ColorName] */ -ms-color: "Light Yellow";
}
.@{prefix}ThemeBackColor-1-4 {
/* [ReplaceColor(themeColor:"BackgroundOverlay-Darker",opacity:"1")] */ background-color: #A5A5A5;
-ms-name: "Light 1 Darker";
/* [ColorName] */ -ms-color: "Gray-50%";
}
.@{prefix}ThemeBackColor-2-4 {
/* [ReplaceColor(themeColor:"BodyText-Darker",opacity:"1")] */ background-color: #333;
-ms-name: "Dark 1 Darker";
/* [ColorName] */ -ms-color: "Gray-80%";
}
.@{prefix}ThemeBackColor-3-4 {
/* [ReplaceColor(themeColor:"SubtleEmphasisText-Darker",opacity:"1")] */ background-color: #4C4C4C;
-ms-name: "Light 2 Darker";
/* [ColorName] */ -ms-color: "Blue Gray";
}
.@{prefix}ThemeBackColor-4-4 {
/* [ReplaceColor(themeColor:"SubtleEmphasisBackground-Darker",opacity:"1")] */ background-color: #3C3C3C;
-ms-name: "Dark 2 Darker";
/* [ColorName] */ -ms-color: "Blue Gray";
}
.@{prefix}ThemeBackColor-5-4 {
/* [ReplaceColor(themeColor:"ContentAccent1-Darker",opacity:"1")] */ background-color: #005594;
-ms-name: "Accent 1 Darker";
/* [ColorName] */ -ms-color: "Dark Blue";
}
.@{prefix}ThemeBackColor-6-4 {
/* [ReplaceColor(themeColor:"ContentAccent2-Darker",opacity:"1")] */ background-color: #009AC3;
-ms-name: "Accent 2 Darker";
/* [ColorName] */ -ms-color: "Plum";
}
.@{prefix}ThemeBackColor-7-4 {
/* [ReplaceColor(themeColor:"ContentAccent3-Darker",opacity:"1")] */ background-color: #1D603F;
-ms-name: "Accent 3 Darker";
/* [ColorName] */ -ms-color: "Turquoise";
}
.@{prefix}ThemeBackColor-8-4 {
/* [ReplaceColor(themeColor:"ContentAccent4-Darker",opacity:"1")] */ background-color: #585A40;
-ms-name: "Accent 4 Darker";
/* [ColorName] */ -ms-color: "Brown";
}
.@{prefix}ThemeBackColor-9-4 {
/* [ReplaceColor(themeColor:"ContentAccent5-Darker",opacity:"1")] */ background-color: #B10026;
-ms-name: "Accent 5 Darker";
/* [ColorName] */ -ms-color: "Dark Green";
}
.@{prefix}ThemeBackColor-10-4 {
/* [ReplaceColor(themeColor:"ContentAccent6-Darker",opacity:"1")] */ background-color: #4E1F5B;
-ms-name: "Accent 6 Darker";
/* [ColorName] */ -ms-color: "Yellow";
}
.@{prefix}ThemeBackColor-1-5 {
/* [ReplaceColor(themeColor:"BackgroundOverlay-Darkest",opacity:"1")] */ background-color: #7F7F7F;
-ms-name: "Light 1 Darkest";
/* [ColorName] */ -ms-color: "Gray-50%";
}
.@{prefix}ThemeBackColor-2-5 {
/* [ReplaceColor(themeColor:"BodyText-Darkest",opacity:"1")] */ background-color: #222;
-ms-name: "Dark 1 Darkest";
/* [ColorName] */ -ms-color: "Black";
}
.@{prefix}ThemeBackColor-3-5 {
/* [ReplaceColor(themeColor:"SubtleEmphasisText-Darkest",opacity:"1")] */ background-color: #333333;
-ms-name: "Light 2 Darkest";
/* [ColorName] */ -ms-color: "Blue Gray";
}
.@{prefix}ThemeBackColor-4-5 {
/* [ReplaceColor(themeColor:"SubtleEmphasisBackground-Darkest",opacity:"1")] */ background-color: #181818;
-ms-name: "Dark 2 Darkest";
/* [ColorName] */ -ms-color: "Blue Gray";
}
.@{prefix}ThemeBackColor-5-5 {
/* [ReplaceColor(themeColor:"ContentAccent1-Darkest",opacity:"1")] */ background-color: #003963;
-ms-name: "Accent 1 Darkest";
/* [ColorName] */ -ms-color: "Dark Blue";
}
.@{prefix}ThemeBackColor-6-5 {
/* [ReplaceColor(themeColor:"ContentAccent2-Darkest",opacity:"1")] */ background-color: #006984;
-ms-name: "Accent 2 Darkest";
/* [ColorName] */ -ms-color: "Plum";
}
.@{prefix}ThemeBackColor-7-5 {
/* [ReplaceColor(themeColor:"ContentAccent3-Darkest",opacity:"1")] */ background-color: #13402A;
-ms-name: "Accent 3 Darkest";
/* [ColorName] */ -ms-color: "Dark Teal";
}
.@{prefix}ThemeBackColor-8-5 {
/* [ReplaceColor(themeColor:"ContentAccent4-Darkest",opacity:"1")] */ background-color: #3B3C2B;
-ms-name: "Accent 4 Darkest";
/* [ColorName] */ -ms-color: "Brown";
}
.@{prefix}ThemeBackColor-9-5 {
/* [ReplaceColor(themeColor:"ContentAccent5-Darkest",opacity:"1")] */ background-color: #760019;
-ms-name: "Accent 5 Darkest";
/* [ColorName] */ -ms-color: "Dark Green";
}
.@{prefix}ThemeBackColor-10-5 {
/* [ReplaceColor(themeColor:"ContentAccent6-Darkest",opacity:"1")] */ background-color: #34153D;
-ms-name: "Accent 6 Darkest";
/* [ColorName] */ -ms-color: "Dark Yellow";
}
/*#endregion */
/*#region $IMAGE */
.@{prefix}Image-0 {
-ms-name: "No border";
}
.@{prefix}Image-1 {
-ms-name: "Thin line border";
/* [ReplaceColor(themeColor:"BodyText",opacity:"1")] */ background-color: #444;
/* [ReplaceColor(themeColor:"BodyText-Darker",opacity:"1")] */ border: 1px solid #333;
/* [RecolorImage(themeColor:"SubtleBodyText",method:"Tinting")] */ background-image: url("/_layouts/15/images/tabtitlerowbottombg.png?rev=23");
background-repeat: repeat-x;
background-position: top;
}
.@{prefix}Image-2 {
-ms-name: "Table border";
padding: 2px;
/* [ReplaceColor(themeColor:"SubtleLines")] */ border-top: 1px solid #c6c6c6;
/* [ReplaceColor(themeColor:"Lines")] */ border-bottom: 1px solid #ababab;
/* [ReplaceColor(themeColor:"SubtleLines")] */ border-left: 1px solid #c6c6c6;
/* [ReplaceColor(themeColor:"Lines")] */ border-right: 1px solid #ababab;
}
.@{prefix}Image-3 {
-ms-name: "Dark border";
padding: 15px;
/* [ReplaceColor(themeColor:"BodyText-Darker",opacity:"1")] */ background-color: #333;
/* [ReplaceColor(themeColor:"BodyText",opacity:"1")] */ border: 1px solid #444;
/* [RecolorImage(themeColor:"BodyText-Darker",method:"Tinting")] */ background-image: url("/_layouts/15/images/tabtitlerowbottombg.png?rev=23");
background-attachment: fixed;
background-repeat: repeat-x;
background-position: left bottom;
}
.@{prefix}Image-4 {
-ms-name: "Light border";
padding: 6px;
padding-bottom:33px;
/* [ReplaceColor(themeColor:"BackgroundOverlay-Lightest",opacity:"1")] */ background-color: #F2F2F2;
/* [ReplaceColor(themeColor:"SubtleLines")] */ border-top: 1px solid #c6c6c6;
/* [ReplaceColor(themeColor:"Lines")] */ border-bottom: 1px solid #ababab;
/* [ReplaceColor(themeColor:"SubtleLines")] */ border-left: 1px solid #c6c6c6;
/* [ReplaceColor(themeColor:"Lines")] */ border-right: 1px solid #ababab;
background-image: url("/_layouts/15/images/selbg.png?rev=23");
background-repeat: repeat-x;
background-position: top;
}
/*#endregion */
/*#region $TABLES */
.@{prefix}Table-default > tbody > tr > td,
.@{prefix}Table-default > tbody > tr > th,
.@{prefix}Table-0 > tbody > tr > td,
.@{prefix}Table-0 > tbody > tr > th,
.@{prefix}Table-1 > tbody > tr > td,
.@{prefix}Table-1 > tbody > tr > th,
.@{prefix}Table-2 > tbody > tr > td,
.@{prefix}Table-2 > tbody > tr > th,
.@{prefix}Table-3 > tbody > tr > td,
.@{prefix}Table-3 > tbody > tr > th,
.@{prefix}Table-4 > tbody > tr > td,
.@{prefix}Table-4 > tbody > tr > th,
.@{prefix}Table-5 > tbody > tr > td,
.@{prefix}Table-5 > tbody > tr > th,
.@{prefix}Table-6 > tbody > tr > td,
.@{prefix}Table-6 > tbody > tr > th,
.@{prefix}Table-7 > tbody > tr > td,
.@{prefix}Table-7 > tbody > tr > th,
.@{prefix}Table-8 > tbody > tr > td,
.@{prefix}Table-8 > tbody > tr > th,
.@{prefix}Table-9 > tbody > tr > td,
.@{prefix}Table-9 > tbody > tr > th,
.@{prefix}Table-10 > tbody > tr > td,
.@{prefix}Table-10 > tbody > tr > th {
vertical-align: top;
padding: 7px 5px 6px;
}
.@{prefix}Table-default > tbody > tr > th,
.@{prefix}Table-default > tbody > tr.@{prefix}TableFooterRow-default,
.@{prefix}Table-0 > tbody > tr > th,
.@{prefix}Table-0 > tbody > tr.@{prefix}TableFooterRow-0,
.@{prefix}Table-1 > tbody > tr > th,
.@{prefix}Table-1 > tbody > tr.@{prefix}TableFooterRow-1,
.@{prefix}Table-2 > tbody > tr > th,
.@{prefix}Table-2 > tbody > tr.@{prefix}TableFooterRow-2,
.@{prefix}Table-3 > tbody > tr > th,
.@{prefix}Table-3 > tbody > tr.@{prefix}TableFooterRow-3,
.@{prefix}Table-4 > tbody > tr > th,
.@{prefix}Table-4 > tbody > tr.@{prefix}TableFooterRow-4,
.@{prefix}Table-5 > tbody > tr > th,
.@{prefix}Table-5 > tbody > tr.@{prefix}TableFooterRow-5,
.@{prefix}Table-6 > tbody > tr > th,
.@{prefix}Table-6 > tbody > tr.@{prefix}TableFooterRow-6,
.@{prefix}Table-7 > tbody > tr > th,
.@{prefix}Table-7 > tbody > tr.@{prefix}TableFooterRow-7,
.@{prefix}Table-8 > tbody > tr > th,
.@{prefix}Table-8 > tbody > tr.@{prefix}TableFooterRow-8,
.@{prefix}Table-9 > tbody > tr > th,
.@{prefix}Table-9 > tbody > tr.@{prefix}TableFooterRow-9,
.@{prefix}Table-10 > tbody > tr > th,
.@{prefix}Table-10 > tbody > tr.@{prefix}TableFooterRow-10 {
/* [ReplaceColor(themeColor:"SubtleBodyText")] */ color: #777;
text-align: left;
font-weight: normal;
}
.@{prefix}tablecells {
padding: 2px;
vertical-align: top;
}
.@{prefix}Table-default {
-ms-name: "Default Table Style - Light";
}
.@{prefix}Table-default,
.@{prefix}Table-default > tbody > tr > td,
.@{prefix}Table-default > tbody > tr > th,
td.@{prefix}Table-default,
th.@{prefix}Table-default,
.@{prefix}tablecells {
/* [ReplaceColor(themeColor:"SubtleLines")] */ border: 1px solid #c6c6c6;
}
.@{prefix}Table-0 {
-ms-name: "Table Style 1 - Clear";
border-width: 0px;
border-style: none;
border-collapse: collapse;
}
.@{prefix}Table-1 {
-ms-name: "Table Style 2 - Light Banded";
}
.@{prefix}Table-1 tr.@{prefix}TableHeaderRow-1,
.@{prefix}Table-1 tr.@{prefix}TableFooterRow-1,
.@{prefix}Table-1 tr.@{prefix}TableHeaderRow-1 > th,
.@{prefix}Table-1 tr.@{prefix}TableFooterRow-1 > th,
.@{prefix}Table-1 tr.@{prefix}TableFooterRow-1 > td {
/* [ReplaceColor(themeColor:"BackgroundOverlay",opacity:"1")] */ background-color: #fff;
/* [ReplaceColor(themeColor:"BackgroundOverlay")] */ background-color: rgba( 255,255,255,0.85 );
/* [ReplaceColor(themeColor:"Lines")] */ border-top: 1px solid #ababab;
/* [ReplaceColor(themeColor:"Lines")] */ border-bottom: 1px solid #ababab;
}
.@{prefix}Table-1 tr.@{prefix}TableOddRow-1 {
/* [ReplaceColor(themeColor:"BackgroundOverlay-Lighter",opacity:"1")] */ background-color: #D8D8D8;
/* [ReplaceColor(themeColor:"BackgroundOverlay-Lighter")] */ background-color: #D8D8D8;
}
.@{prefix}Table-1 tr.@{prefix}TableEvenRow-1 {
/* [ReplaceColor(themeColor:"BackgroundOverlay",opacity:"1")] */ background-color: #fff;
/* [ReplaceColor(themeColor:"BackgroundOverlay")] */ background-color: rgba( 255,255,255,0.85 );
}
.@{prefix}Table-6 {
-ms-name: "Table Style 3 - Medium Two Tones";
}
.@{prefix}Table-6 tr.@{prefix}TableHeaderRow-6,
.@{prefix}Table-6 tr.@{prefix}TableFooterRow-6,
.@{prefix}Table-6 tr.@{prefix}TableHeaderRow-6 > th,
.@{prefix}Table-6 tr.@{prefix}TableFooterRow-6 > th,
.@{prefix}Table-6 tr.@{prefix}TableFooterRow-6 > td {
/* [ReplaceColor(themeColor:"ContentAccent1-Darker",opacity:"1")] */ background-color: #005594;
/* [ReplaceColor(themeColor:"ContentAccent1-Darker")] */ background-color: #005594;
/* [ReplaceColor(themeColor:"BackgroundOverlay")] */ color: #fff;
}
.@{prefix}Table-6 tr.@{prefix}TableOddRow-6 {
/* [ReplaceColor(themeColor:"ContentAccent1-Lightest",opacity:"1")] */ background-color: #C0E4FF;
/* [ReplaceColor(themeColor:"ContentAccent1-Lightest",opacity:"0.7")] */ background-color: #C0E4FF;
}
.@{prefix}Table-6 tr.@{prefix}TableEvenRow-6 {
/* [ReplaceColor(themeColor:"BackgroundOverlay",opacity:"1")] */ background-color: #fff;
/* [ReplaceColor(themeColor:"BackgroundOverlay",opacity:"0.7")] */ background-color: rgba( 255,255,255,0.85 );
}
.@{prefix}Table-2 {
-ms-name: "Table Style 4 - Light Lines";
}
.@{prefix}Table-2 tr.@{prefix}TableHeaderRow-2,
.@{prefix}Table-2 tr.@{prefix}TableFooterRow-2,
.@{prefix}Table-2 tr.@{prefix}TableHeaderRow-2 > th,
.@{prefix}Table-2 tr.@{prefix}TableFooterRow-2 > th,
.@{prefix}Table-2 tr.@{prefix}TableFooterRow-2 > td {
/* [ReplaceColor(themeColor:"BodyText")] */ background-color: #444;
/* [ReplaceColor(themeColor:"BackgroundOverlay",opacity:"1")] */ color: #fff;
}
.@{prefix}Table-2 tr.@{prefix}TableOddRow-2,
.@{prefix}Table-2 tr.@{prefix}TableEvenRow-2 {
/* [ReplaceColor(themeColor:"StrongLines")] */ border-top: 1px solid #92c0e0;
/* [ReplaceColor(themeColor:"StrongLines")] */ border-bottom: 1px solid #92c0e0;
}
.@{prefix}Table-3 {
-ms-name: "Table Style 5 - Grid";
}
.@{prefix}Table-3,
.@{prefix}Table-3 > tbody > tr > td,
.@{prefix}Table-3 > tbody > tr > th {
/* [ReplaceColor(themeColor:"Lines")] */ border: 1px solid #ababab;
}
.@{prefix}Table-3 tr.@{prefix}TableOddRow-3 {
/* [ReplaceColor(themeColor:"BackgroundOverlay-Lighter",opacity:"1")] */ background-color: #D8D8D8;
/* [ReplaceColor(themeColor:"BackgroundOverlay-Lighter")] */ background-color: #D8D8D8;
}
.@{prefix}Table-3 tr.@{prefix}TableHeaderRow-3,
.@{prefix}Table-3 tr.@{prefix}TableFooterRow-3,
.@{prefix}Table-3 tr.@{prefix}TableEvenRow-3 {
/* [ReplaceColor(themeColor:"BackgroundOverlay",opacity:"1")] */ background-color: #fff;
/* [ReplaceColor(themeColor:"BackgroundOverlay")] */ background-color: rgba( 255,255,255,0.85 );
}
.@{prefix}Table-4 {
-ms-name: "Table Style 6 - Accent 1";
}
.@{prefix}Table-4,
.@{prefix}Table-4 > tbody > tr > td,
.@{prefix}Table-4 > tbody > tr > th {
/* [ReplaceColor(themeColor:"ContentAccent1-Darker",opacity:"1")] */ border: 1px solid #005594;
}
.@{prefix}Table-4 tr.@{prefix}TableHeaderRow-4,
.@{prefix}Table-4 tr.@{prefix}TableFooterRow-4,
.@{prefix}Table-4 tr.@{prefix}TableHeaderRow-4 > th,
.@{prefix}Table-4 tr.@{prefix}TableFooterRow-4 > th,
.@{prefix}Table-4 tr.@{prefix}TableFooterRow-4 > td {
/* [ReplaceColor(themeColor:"ContentAccent1-Darker",opacity:"1")] */ background-color: #005594;
/* [ReplaceColor(themeColor:"BackgroundOverlay",opacity:"1")] */ color: #fff;
}
.@{prefix}Table-5 {
-ms-name: "Table Style 7 - Accent 2";
}
.@{prefix}Table-5,
.@{prefix}Table-5 > tbody > tr > td,
.@{prefix}Table-5 > tbody > tr > th {
/* [ReplaceColor(themeColor:"ContentAccent2-Darker",opacity:"1")] */ border: 1px solid #009AC3;
}
.@{prefix}Table-5 tr.@{prefix}TableHeaderRow-5,
.@{prefix}Table-5 tr.@{prefix}TableFooterRow-5,
.@{prefix}Table-5 tr.@{prefix}TableHeaderRow-5 > th,
.@{prefix}Table-5 tr.@{prefix}TableFooterRow-5 > th,
.@{prefix}Table-5 tr.@{prefix}TableFooterRow-5 > td {
/* [ReplaceColor(themeColor:"ContentAccent2-Darker",opacity:"1")] */ background-color: #009AC3;
/* [ReplaceColor(themeColor:"BackgroundOverlay",opacity:"1")] */ color: #fff;
}
.@{prefix}Table-7 {
-ms-name: "Table Style 8 - Accent 3";
}
.@{prefix}Table-7,
.@{prefix}Table-7 > tbody > tr > td,
.@{prefix}Table-7 > tbody > tr > th {
/* [ReplaceColor(themeColor:"ContentAccent3-Darker",opacity:"1")] */ border: 1px solid #1D603F;
}
.@{prefix}Table-7 tr.@{prefix}TableHeaderRow-7,
.@{prefix}Table-7 tr.@{prefix}TableFooterRow-7,
.@{prefix}Table-7 tr.@{prefix}TableHeaderRow-7 > th,
.@{prefix}Table-7 tr.@{prefix}TableFooterRow-7 > th,
.@{prefix}Table-7 tr.@{prefix}TableFooterRow-7 > td {
/* [ReplaceColor(themeColor:"ContentAccent3-Darker",opacity:"1")] */ background-color: #1D603F;
/* [ReplaceColor(themeColor:"BackgroundOverlay",opacity:"1")] */ color: #fff;
}
.@{prefix}Table-8 {
-ms-name: "Table Style 9 - Accent 4";
}
.@{prefix}Table-8,
.@{prefix}Table-8 > tbody > tr > td,
.@{prefix}Table-8 > tbody > tr > th {
/* [ReplaceColor(themeColor:"ContentAccent4-Darker",opacity:"1")] */ border: 1px solid #585A40;
}
.@{prefix}Table-8 tr.@{prefix}TableHeaderRow-8,
.@{prefix}Table-8 tr.@{prefix}TableFooterRow-8,
.@{prefix}Table-8 tr.@{prefix}TableHeaderRow-8 > th,
.@{prefix}Table-8 tr.@{prefix}TableFooterRow-8 > th,
.@{prefix}Table-8 tr.@{prefix}TableFooterRow-8 > td {
/* [ReplaceColor(themeColor:"ContentAccent4-Darker",opacity:"1")] */ background-color: #585A40;
/* [ReplaceColor(themeColor:"BackgroundOverlay",opacity:"1")] */ color: #fff;
}
.@{prefix}Table-9 {
-ms-name: "Table Style 10 - Accent 5";
}
.@{prefix}Table-9,
.@{prefix}Table-9 > tbody > tr > td,
.@{prefix}Table-9 > tbody > tr > th {
/* [ReplaceColor(themeColor:"ContentAccent5-Darker",opacity:"1")] */ border: 1px solid #B10026;
}
.@{prefix}Table-9 tr.@{prefix}TableHeaderRow-9,
.@{prefix}Table-9 tr.@{prefix}TableFooterRow-9,
.@{prefix}Table-9 tr.@{prefix}TableHeaderRow-9 > th,
.@{prefix}Table-9 tr.@{prefix}TableFooterRow-9 > th,
.@{prefix}Table-9 tr.@{prefix}TableFooterRow-9 > td {
/* [ReplaceColor(themeColor:"ContentAccent5-Darker",opacity:"1")] */ background-color: #B10026;
/* [ReplaceColor(themeColor:"BackgroundOverlay",opacity:"1")] */ color: #fff;
}
.@{prefix}Table-10 {
-ms-name: "Table Style 11 - Accent 6";
}
.@{prefix}Table-10,
.@{prefix}Table-10 > tbody > tr > td,
.@{prefix}Table-10 > tbody > tr > th {
/* [ReplaceColor(themeColor:"ContentAccent6-Darker",opacity:"1")] */ border: 1px solid #4E1F5B;
}
.@{prefix}Table-10 tr.@{prefix}TableHeaderRow-10,
.@{prefix}Table-10 tr.@{prefix}TableFooterRow-10,
.@{prefix}Table-10 tr.@{prefix}TableHeaderRow-10 > th,
.@{prefix}Table-10 tr.@{prefix}TableFooterRow-10 > th,
.@{prefix}Table-10 tr.@{prefix}TableFooterRow-10 > td {
/* [ReplaceColor(themeColor:"ContentAccent6-Darker",opacity:"1")] */ background-color: #4E1F5B;
/* [ReplaceColor(themeColor:"BackgroundOverlay",opacity:"1")] */ color: #fff;
}
.@{prefix}TableGrid td,.@{prefix}TableGrid th {
border: 1px dotted black;
}
/*#endregion */
/*#region $POSITIONS */
.@{prefix}Position-1 {
-ms-name: "Left";
float: left;
}
.@{prefix}Position-2 {
-ms-name: "Right";
float: right;
}
.@{prefix}Position-3 {
-ms-name: "Top";
vertical-align: text-top;
}
.@{prefix}Position-4 {
-ms-name: "Middle";
vertical-align: middle;
}
.@{prefix}Position-5 {
-ms-name: "Bottom";
vertical-align: text-bottom;
}
/*#endregion */
/*#region $THEMESTYLES */
.@{prefix}state-field h1,
h1.@{prefix}Element-H1,
.@{prefix}state-field h2,
h2.@{prefix}Element-H2 {
line-height:1.4;
/* [ReplaceColor(themeColor:"ContentAccent1")] */ color: #0072C6;
}
.@{prefix}state-field h3,
h3.@{prefix}Element-H3 {
line-height:1.4;
}
.@{prefix}state-field h4,
h4.@{prefix}Element-H4 {
line-height:1.6;
/* [ReplaceColor(themeColor:"SubtleBodyText")] */ color: #777;
}
h1.@{prefix}Element-H1B,
h2.@{prefix}Element-H2B,
h3.@{prefix}Element-H3B,
h4.@{prefix}Element-H4B {
/* [ReplaceColor(themeColor:"ContentAccent2")] */ color: #00485B;
}
.@{prefix}state-field p,
p.@{prefix}Element-P {
margin:0px 0px 10px 0px;
line-height:1.6;
}
.@{prefix}Element-Hr {
/* [ReplaceColor(themeColor:"Lines")] */ background-color: #ababab;
height:1px;
}
.@{prefix}Element-Callout1 {
color: #660000;
background-color: #fef4e4;
float: left;
width: 25em;
padding: 10px;
border: 1px solid #FD9F08;
}
.@{prefix}Element-Callout2 {
color: #353738;
background-color: #f2f2f2;
float: right;
width: 25em;
padding: 10px;
border: 1px solid #36B000;
}
.@{prefix}Element-Callout3 {
font-style:italic;
color: #CA0078;
float: right;
width: 25em;
padding: 10px;
}
.@{prefix}Element-Callout4 {
color: #005677;
float: right;
width: 20em;
padding: 10px;
background-color: #d8f4ff;
border: 1px solid #00ADEE;
}
.@{prefix}Style-Normal {
/* [ReplaceFont(themeFont:"body")] */ font-family: "Segoe UI","Segoe",Tahoma,Helvetica,Arial,sans-serif;
font-size: 13px;
/* [ReplaceColor(themeColor:"BodyText")] */ color: #444;
/* [ReplaceColor(themeColor:"BackgroundOverlay",opacity:"1")] */ background-color: #fff;
/* [ReplaceColor(themeColor:"BackgroundOverlay")] */ background-color: rgba( 255,255,255,0.85 );
font-weight:normal;
}
.@{prefix}Style-Byline,
.@{prefix}Style-Quote,
.@{prefix}Style-IntenseQuote {
font-style:italic;
/* [ReplaceColor(themeColor:"BodyText")] */ color: #444;
}
.@{prefix}Style-Emphasis,
.@{prefix}Style-IntenseEmphasis {
font-style:italic;
/* [ReplaceColor(themeColor:"ContentAccent1")] */ color: #0072C6;
}
.@{prefix}Style-References,
.@{prefix}Style-IntenseReferences {
/* [ReplaceColor(themeColor:"SubtleBodyText")] */ color: #777;
}
.@{prefix}Style-IntenseQuote,
.@{prefix}Style-IntenseEmphasis,
.@{prefix}Style-IntenseReferences {
text-decoration: underline;
}
.@{prefix}Style-Comment,
.@{prefix}Style-Accent1 {
/* [ReplaceColor(themeColor:"ContentAccent1")] */ color: #0072C6;
}
.@{prefix}Style-Caption,
.@{prefix}Style-Accent2 {
/* [ReplaceColor(themeColor:"ContentAccent2")] */ color: #00485B;
}
.@{prefix}Style-Tagline {
font-size: 1.3em;
/* [ReplaceColor(themeColor:"SubtleBodyText")] */ color: #777;
}
.@{prefix}Style-Highlight {
/* [ReplaceColor(themeColor:"BodyText")] */ color: #444;
/* [ReplaceColor(themeColor:"ContentAccent6")] */ background-color: #fae032;
}
/*#endregion */
/*#region $THEMEFONTS */
.@{prefix}ThemeFontFace-1 {
-ms-name: "Body";
/* [ReplaceFont(themeFont:"body")] */ font-family: "Segoe UI","Segoe",Tahoma,Helvetica,Arial,sans-serif;
}
.@{prefix}ThemeFontFace-2 {
-ms-name: "Heading";
/* [ReplaceFont(themeFont:"heading")] */ font-family: "Segoe UI Semilight","Segoe UI","Segoe",Tahoma,Helvetica,Arial,sans-serif;
}
/*#endregion */
/*#region $LANGUAGES */
.@{prefix}Language-ar {
-ms-name: "Arabic";
}
.@{prefix}Language-eu {
-ms-name: "Basque";
}
.@{prefix}Language-bg {
-ms-name: "Bulgarian";
}
.@{prefix}Language-ca {
-ms-name: "Catalan";
}
.@{prefix}Language-zh-HanS {
-ms-name: "Chinese Simplified";
}
.@{prefix}Language-zh-HanT {
-ms-name: "Chinese Traditional";
}
.@{prefix}Language-hr {
-ms-name: "Croatian";
}
.@{prefix}Language-cs {
-ms-name: "Czech";
}
.@{prefix}Language-da {
-ms-name: "Danish";
}
.@{prefix}Language-nl {
-ms-name: "Dutch";
}
.@{prefix}Language-en {
-ms-name: "English";
}
.@{prefix}Language-et {
-ms-name: "Estonian";
}
.@{prefix}Language-fi {
-ms-name: "Finnish";
}
.@{prefix}Language-fr {
-ms-name: "French";
}
.@{prefix}Language-gl {
-ms-name: "Galician";
}
.@{prefix}Language-de {
-ms-name: "German";
}
.@{prefix}Language-el {
-ms-name: "Greek";
}
.@{prefix}Language-he {
-ms-name: "Hebrew";
}
.@{prefix}Language-hi {
-ms-name: "Hindi";
}
.@{prefix}Language-hu {
-ms-name: "Hungarian";
}
.@{prefix}Language-ga {
-ms-name: "Irish";
}
.@{prefix}Language-it {
-ms-name: "Italian";
}
.@{prefix}Language-ja {
-ms-name: "Japanese";
}
.@{prefix}Language-kk {
-ms-name: "Kazakh";
}
.@{prefix}Language-ko {
-ms-name: "Korean";
}
.@{prefix}Language-lv {
-ms-name: "Latvian";
}
.@{prefix}Language-lt {
-ms-name: "Lithuanian";
}
.@{prefix}Language-mk {
-ms-name: "Macedonian FYRO";
}
.@{prefix}Language-ms {
-ms-name: "Malay";
}
.@{prefix}Language-no {
-ms-name: "Norwegian";
}
.@{prefix}Language-pl {
-ms-name: "Polish";
}
.@{prefix}Language-pt-PT {
-ms-name: "Portuguese Portugal";
}
.@{prefix}Language-pt-BR {
-ms-name: "Portuguese Brazil";
}
.@{prefix}Language-ro {
-ms-name: "Romanian";
}
.@{prefix}Language-ru {
-ms-name: "Russian";
}
.@{prefix}Language-sr-Latn {
-ms-name: "Serbian Latin";
}
.@{prefix}Language-sr-Cyrl {
-ms-name: "Serbian Cyrillic";
}
.@{prefix}Language-sk {
-ms-name: "Slovak";
}
.@{prefix}Language-sl {
-ms-name: "Slovenian";
}
.@{prefix}Language-es {
-ms-name: "Spanish";
}
.@{prefix}Language-sv {
-ms-name: "Swedish";
}
.@{prefix}Language-th {
-ms-name: "Thai";
}
.@{prefix}Language-tr {
-ms-name: "Turkish";
}
.@{prefix}Language-uk {
-ms-name: "Ukrainian";
}
.@{prefix}Language-vi {
-ms-name: "Vietnamese";
}
.@{prefix}Language-cy {
-ms-name: "Welsh";
}
/*#endregion */
/*#endregion */
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment