diff --git a/public/index.html b/public/index.html index b4f37fb..5a1bc0e 100644 --- a/public/index.html +++ b/public/index.html @@ -26,51 +26,67 @@ -
- -
- - -
-
-
-
-
account_circle User1

-
Betreff

-

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam.
- #efi #me #projekt

+
+
+ +
+ +
+
+
-
+
+
+
+ account_circle + User1 +
+
Betreff
+

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam.
+ #efi #me #projekt

+
+
+
+ account_circle + User2 +
+
Betreff
+

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam.
+ #efi #me #projekt

+
+
+
+ account_circle + User2 +
+
Betreff
+

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam.
+ #efi #me #projekt

+
+
+
+ account_circle + User2 +
+
Betreff
+

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam.
+ #efi #me #projekt

+
+
+ - -
-
- -
-
- home - folder - bookmark - person -
- -
- -
- + diff --git a/public/message.html b/public/message.html new file mode 100644 index 0000000..d44ceb7 --- /dev/null +++ b/public/message.html @@ -0,0 +1,76 @@ + + + + + + + + + + + + + + + + + + + oma + + + +
+
+ +
+ +
+
+
+ +
+
+
Neue Nachricht erstellen
+
+
+ + +
+
+ + +
+
+ + +
+
+
+ +
+
+ + +
+
+
+ + + + + + + + + + + + + diff --git a/public/style.css b/public/style.css index c1cac5f..14d75e6 100644 --- a/public/style.css +++ b/public/style.css @@ -1 +1,59 @@ /* Generated by less 2.5.1 */ +.om-header-container { + position: fixed; + top: 0px; + z-index: 1; + width: 100%; +} +.om-header { + justify-content: space-between; + display: flex; + padding-left: 2%; + padding-right: 2%; + height: 8%; + background-color: #0046a0; +} +.om-searchbar { + display: inline-block; + padding-bottom: 0%; + margin: 3%; +} +.om-content { + margin: 10px; + margin-top: 75px; + margin-bottom: 70px; +} +.om-content a { + color: #0046a0; +} +.om-content a:hover { + color: #0046a0; +} +.om-card { + margin: 10px; + margin-bottom: 20px; + padding: 20px; +} +.om-btn { + background-color: #0046a0; +} +.om-user-head { + display: flex; + margin-bottom: 5%; +} +.om-user-head i { + margin-right: 2%; +} +.om-nav { + position: fixed; + bottom: 0; + height: 8%; + width: 100%; + background-color: #0046a0; +} +.om-nav i { + color: white; +} +.form-group.is-focused .form-control { + background-image: linear-gradient(0deg, #0046a0 2px, rgba(0, 150, 136, 0) 0), linear-gradient(0deg, rgba(0, 0, 0, 0.26) 1px, transparent 0); +} diff --git a/public/style.less b/public/style.less index e69de29..20570b4 100644 --- a/public/style.less +++ b/public/style.less @@ -0,0 +1,70 @@ +@color: #0046a0; + +//header +.om-header-container{ + position: fixed; + top: 0px; + z-index: 1; + width: 100%; +} + +.om-header{ + justify-content:space-between; + display: flex; + padding-left: 2%; + padding-right: 2%; + height: 8%; + background-color: @color; +} + +.om-searchbar{ + display: inline-block; + padding-bottom: 0%; + margin: 3%; +} + +//content +.om-content{ + margin: 10px; + margin-top: 75px; + margin-bottom: 70px; + a{ + color: @color; + &:hover{color:@color;} + } +} + +.om-card{ + margin: 10px; + margin-bottom: 20px; + padding: 20px; +} +.om-btn{ + background-color: @color; +} +.om-user-head{ + display: flex; + margin-bottom: 5%; + i{ + margin-right: 2%; + } +} + +//footer +.om-nav{ + position:fixed; + bottom: 0; + height: 8%; + width: 100%; + background-color: @color; + i{ + color: white; + } +} + + +//bmd changes + +.form-group.is-focused .form-control { + background-image: linear-gradient(0deg,@color 2px,rgba(0,150,136,0) 0),linear-gradient(0deg,rgba(0,0,0,.26) 1px,transparent 0); +}