Added bbcode.less & some small changes
authorLuzifr <szekely@woltlab.com>
Fri, 16 Mar 2012 19:22:42 +0000 (20:22 +0100)
committerLuzifr <szekely@woltlab.com>
Fri, 16 Mar 2012 19:22:42 +0000 (20:22 +0100)
wcfsetup/install/files/style/bbcode.less [new file with mode: 0755]
wcfsetup/install/files/style/wcf.less

diff --git a/wcfsetup/install/files/style/bbcode.less b/wcfsetup/install/files/style/bbcode.less
new file mode 100755 (executable)
index 0000000..1fbc6a9
--- /dev/null
@@ -0,0 +1,179 @@
+/**
+ * BBCode Styles  
+ *
+ * @author             Harald Szekely 
+ * @copyright  2011 WoltLab GmbH 
+ */
+
+/* ############## Code Box ############## */
+
+.wcf-codeBox {
+       display: block;
+}
+
+.wcf-codeBox hgroup {
+       padding: 0 7px;
+}
+
+.wcf-codeBox > div {
+       font-size: 140%;
+       line-height: 1.3;
+       display: block;
+       overflow-x: auto;
+}
+
+.wcf-codeBox .wcf-codeLineNumbers {
+       text-align: right;
+       background-color: @backColor21;
+       padding: 0 4px;
+       width: 0%;
+}
+
+.wcf-codeBox .wcf-codeLineNumbers pre {
+       white-space: normal;
+}
+
+.wcf-codeBox .wcf-codeLineNumbers a {
+       text-decoration: none;
+       margin: 0 -5px;
+       padding: 0 5px;
+       display: block;
+}
+
+.wcf-codeBox .wcf-codeLineNumbers a:hover {
+       color: @fontColor51;
+       background-color: darken(@backColor21, 10%);
+}
+
+.wcf-codeBox .wcf-codeLineNumbers a:target {
+       color: @fontColor5;
+       background-color: #ff3;
+}
+
+.wcf-codeBox .wcf-codeLines {
+       background-color: @backColor1;
+       width: 100%;
+}
+
+.wcf-codeBox .wcf-codeLines pre {
+       padding: 0 5px;
+}
+
+
+
+/* ############## Code Styles ############## */
+
+/* -- -- -- Code Box -- -- -- */
+
+.wcf-codeBox .hlQuotes {
+       color: red;
+}
+
+.wcf-codeBox .hlComments,
+.wcf-codeBox .hlOperators {
+       color: green;
+}
+
+.wcf-codeBox .hlKeywords1 {
+       color: blue;
+}
+
+.wcf-codeBox .hlKeywords2 {
+       color: darkred;
+}
+
+.wcf-codeBox .hlKeywords3 {
+       color: darkviolet;
+}
+
+.wcf-codeBox .hlKeywords4 {
+       color: darkgoldenrod;
+}
+
+.wcf-codeBox .hlKeywords5 {
+       color: crimson;
+}
+
+.wcf-codeBox .hlNumbers {
+       color: darkorange;
+}
+
+/* -- -- -- Code Highlighters -- -- -- */
+
+/* DIFF */
+
+.wcf-diffHighlighter .hlComments {
+       color: darkviolet;
+}
+
+.wcf-diffHighlighter .hlRemoved {
+       color: red;
+}
+
+.wcf-diffHighlighter .hlAdded {
+       color: green;
+}
+
+/* PHP */
+
+.wcf-phpHighlighter .hlKeywords2 {
+       color: green;
+}
+
+.wcf-phpHighlighter .hlComments {
+       color: darkgoldenrod;
+}
+
+/* CSS */
+
+.wcf-cssHighlighter .hlComments {
+       color: #236e26;
+}
+
+.wcf-cssHighlighter .hlColors {
+       color: #751116;
+}
+
+.wcf-cssHighlighter .hlNumbers,
+.wcf-sqlHighlighter .hlNumbers {
+       color: #1906fd;
+}
+
+.wcf-cssHighlighter .hlKeywords1 {
+       color: #87154f;
+}
+
+.wcf-cssHighlighter .hlKeywords2 {
+       color: #994509;
+}
+
+.wcf-cssHighlighter .hlKeywords3,
+.wcf-cssHighlighter .hlKeywords4 {
+       color: inherit;
+}
+
+/* SQL */
+
+.wcf-sqlHighlighter .hlKeywords1 {
+       color: #663821;
+}
+
+.wcf-sqlHighlighter .hlKeywords2 {
+       color: #871550;
+}
+
+/* -- -- -- Quote Box -- -- -- */
+
+.wcf-quoteBox {
+       /*background: url("...quote.svg") 12px 12px no-repeat @backColor1;*/
+       background-color: @backColor1;
+       padding: 10px 20px 10px 58px;
+}
+
+.wcf-quoteBox header {
+       padding: 0 0 4px 0 !important;
+       border-bottom: @borderWidthSeparator @borderStyleSeparator @borderColor12;
+       margin-bottom: 8px;
+}
+
+/* -- -- -- -- -- EOF -- -- -- -- -- */
index 08ff06448f7ae480e66c1f49a74a50248782eb61..6746435f10d2f2c7e0489386895521728fb6ada0 100644 (file)
@@ -84,7 +84,7 @@ q:after {
 /* Border Color (Middle Blue) */
 @borderColor2: rgba(51, 102, 153, 1);
 @borderColor21: lighten(@borderColor2, 20%);
-@borderColor22: lighten(@borderColor21, 10%);
+@borderColor22: lighten(@borderColor21, 20%);
 
 /* Rounded Corners */
 
@@ -2689,7 +2689,7 @@ input[type=search] {
 }
 
 .wcf-smallButtons > li.separator > a {
-       border-right: @borderWidthSeparator @borderStyleSeparator @borderColorButtonTop3;
+       border-right: @borderWidthSeparator @borderStyleSeparator @borderColorButtonTop3; /* ToDo */
 }
 
 .wcf-smallButtons > li:first-child > a {
@@ -2706,7 +2706,7 @@ input[type=search] {
 
 .wcf-smallButtonBar {
        text-align: center !important;
-       border-top: 1px solid rgba(204, 204, 204, 1);
+       border-top: @borderWidthButton @borderStyleButton @borderColorButtonTop1;
        border-radius: 0 0 7px 7px;
        
        background-color: rgba(0, 0, 0, .015);