From: Luzifr <szekely@woltlab.com>
Date: Fri, 16 Mar 2012 19:22:42 +0000 (+0100)
Subject: Added bbcode.less & some small changes
X-Git-Tag: 2.0.0_Beta_1~1206
X-Git-Url: https://git.stricted.de/?a=commitdiff_plain;h=2df725f4f509ffe09b710ed83ffdb7d561dcf25e;p=GitHub%2FWoltLab%2FWCF.git

Added bbcode.less & some small changes
---

diff --git a/wcfsetup/install/files/style/bbcode.less b/wcfsetup/install/files/style/bbcode.less
new file mode 100755
index 0000000000..1fbc6a91cc
--- /dev/null
+++ b/wcfsetup/install/files/style/bbcode.less
@@ -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 -- -- -- -- -- */
diff --git a/wcfsetup/install/files/style/wcf.less b/wcfsetup/install/files/style/wcf.less
index 08ff06448f..6746435f10 100644
--- a/wcfsetup/install/files/style/wcf.less
+++ b/wcfsetup/install/files/style/wcf.less
@@ -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);