diff options
| author | tspitzer | 2013-06-17 13:48:55 +0200 |
|---|---|---|
| committer | tspitzer | 2013-06-17 13:48:55 +0200 |
| commit | 9247bdf39c08525f1dfedef0c0fa929011af08eb (patch) | |
| tree | 53bf62756fbd0871f4fc4497db1e6bfc3f1bb3a3 /Dozentenmodul_V1/WebContent/css/Layout.css | |
| parent | Delete old Home.jsp (diff) | |
| download | tutor-module-9247bdf39c08525f1dfedef0c0fa929011af08eb.tar.gz tutor-module-9247bdf39c08525f1dfedef0c0fa929011af08eb.tar.xz tutor-module-9247bdf39c08525f1dfedef0c0fa929011af08eb.zip | |
Grundaufbau der HP
Diffstat (limited to 'Dozentenmodul_V1/WebContent/css/Layout.css')
| -rw-r--r-- | Dozentenmodul_V1/WebContent/css/Layout.css | 193 |
1 files changed, 91 insertions, 102 deletions
diff --git a/Dozentenmodul_V1/WebContent/css/Layout.css b/Dozentenmodul_V1/WebContent/css/Layout.css index a12b797b..dd3054ce 100644 --- a/Dozentenmodul_V1/WebContent/css/Layout.css +++ b/Dozentenmodul_V1/WebContent/css/Layout.css @@ -1,128 +1,117 @@ +@CHARSET "ISO-8859-1";
+@font-face {
+ font-family: 'Ubuntu';
+ src: url(/Dozentenmodul_V1/UbuntuFonts/Ubuntu-L.ttf);
+}
+
html,body{
- height:100%;
+
background-image:url('../img/bg.png');
background-repeat:repeat-x;
}
-
-#Ueberschrift{
- text-align:left;
-}
-
-#right{
- position:absolute;
- width:100%;
- left:230px;
-
+#lang{
+ position: absolute;
+ top: 0px;
+ right: 0px;
}
-#left{
- width:220px;
- min-width:220px;
- float:left;
- height:100%;
- border-right:thin;
- border-right-color:black;
- border-right-style:solid;
+#logo{
+ width: 220px;
}
-hr{
- color:black;
+#news{
+ position:relative;
+ left: 0px;
+ list-style: none;
+ padding: 10px;
+ width: 200px;
+ border-radius: 5px;
+ border-width: 1px;
+ border-style: solid;
+ border-color: black;
+ -moz-border-radius: 5px;
+ -webkit-border-radius: 5px;
+ background: white;
}
-#loginButton{
- float:right;
-}
+#newstext{
+ position:relative;
+ margin-top: 10px;
+}
+/* Vertical List: */
+.vertical-list {
+ list-style: none;
+ padding: 10px;
+ width: 200px;
+ border-radius: 5px;
+ border-width: 1px;
+ border-style: solid;
+ border-color: black;
+ -moz-border-radius: 5px;
+ -webkit-border-radius: 5px;
+ background: white; /* old browsers */
-ul.tabs
-{
- padding: 6px 0;
- font-size: 0;
- margin:0;
- list-style-type: none;
- text-align: left; /*set to left, center, or right to align the tabs as desired*/
}
-
-ul.tabs li
-{
- display: inline;
- margin: 0;
- margin-right:4px; /*distance between tabs*/
-}
-
-ul.tabs li a
-{
- font: normal 12px Verdana;
+.vertical-list .button {
+ outline: 0;
+ padding: 5px 12px;
+ display: block;
+ color: white;
+ font-family: 'Ubuntu';
+ font-weight: bold;
+ text-shadow: 1px 1px #1f272b;
text-decoration: none;
- position: relative;
- z-index: 1;
- padding: 6px 14px;
- border: 1px solid #B7B7B7;
- color: #000;
- background: #F7F7F7 url(../img/tabbg2.gif) repeat-x 0 0;
- border-radius: 3px 3px 0 0;
- outline:none;
-}
-
-ul.tabs li a:visited
-{
- color: #000;
+ border: 1px solid #1c252b;
+ border-radius: 3px;
+ -moz-border-radius: 3px;
+ -webkit-border-radius: 3px;
+ background: rgb(117,117,117);
+ border-radius: 5px;
+ -moz-border-radius: 5px;
+ -webkit-border-radius: 5px;
+ background: background: rgb(117,117,117); /* old browsers */
}
-
-ul.tabs li a:hover
-{
- background:White url(../img/tabbg.gif) repeat-x 0 0;
+.vertical-list .button:hover {
+ background: rgb(255,166,38); /* old browsers */
+
}
-
-ul.tabs li.selected a
-{
- /*selected tab style */
+.vertical-list .button:active {
+ background-position: 0 top;
position: relative;
- top: 0px;
- font-weight:bold;
- background: white url(../img/tabbg.gif) 0 0 repeat-x;
- border-bottom-color: white;
-}
-
-
-ul.tabs li.selected a:hover
-{
- /*selected tab style */
- text-decoration: none;
+ top: 1px;
+ color: #fff;
+ padding: 6px 12px 4px;
+ background: rgb(255,166,38);
+
}
-
-div.tabcontent
-{
- display: block;
+#footer{
+ width:80%;
+ height:3%;
+ background-color: #757575;
+ position: absolute;
+ bottom: 0px;
+ left:50%;
+ margin-left:-40%;
+ -moz-border-radius: 25px 25px 0px 0px;
+ -webkit-border-radius: 25px 25px 0px 0px;
+ border-radius: 25px 25px 0px 0px;
}
-div.tabcontents
-{
- border-top: 1px solid #B7B7B7; padding:30px 16px;
- border-radius: 8px;
-}
-.container {
- border:2px solid #ccc;
- width:300px;
- height: 500px;
- overflow-y: scroll;
+#link{
+ color:white;
+ font-family: 'Ubuntu';
+ position: relative;
+ margin-left: 30px;
}
-#sw_chooser{
- width:300px;
- float:left;
+#link:hover{
+ color: #FFA626;
}
-
-#sw_choosed{
- width:300px;
+#content{
+ position:absolute;
+ left: 300px;
+ top: 100px;
}
-
-input{
-
- -moz-border-radius: 5px;
- -webkit-border-radius: 5px;
- border-radius: 5px;
-}
-
|