first git
This commit is contained in:
486
css/edit_main.css
Normal file
486
css/edit_main.css
Normal file
@@ -0,0 +1,486 @@
|
||||
/*
|
||||
Document : edit_main
|
||||
Created on : 08.02.2013, 15:02:29
|
||||
Author : Main
|
||||
Description:
|
||||
Purpose of the stylesheet follows.
|
||||
*/
|
||||
|
||||
body{
|
||||
background-color: #ffffff;
|
||||
width: 850px;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
#art-banner{
|
||||
|
||||
background-color: #e8e8ea;
|
||||
/* background-image: url("../images/banner_top_ohneLogo.jpg");*/
|
||||
background-color:#0066aa;
|
||||
|
||||
background-image: none;
|
||||
margin:0px;
|
||||
padding:0px;
|
||||
width: 100%;
|
||||
height: 70px;
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100% 100%;
|
||||
|
||||
|
||||
position: absolute;
|
||||
top:0px;
|
||||
left: 0px;
|
||||
z-index: 1;
|
||||
border-bottom: 3px solid black;
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
#art-logo{
|
||||
background-image:url("../images/verag_logo_white.png");
|
||||
margin:0px;
|
||||
padding:0px;
|
||||
width: 330px;
|
||||
height: 165px;
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100%;
|
||||
position: absolute;
|
||||
top:15px;
|
||||
left: 15px;
|
||||
z-index: 2;
|
||||
width:12em;
|
||||
|
||||
|
||||
}
|
||||
#page-title{
|
||||
margin:0px;
|
||||
padding:0px;
|
||||
width: 330px;
|
||||
height: 165px;
|
||||
color:#fff;
|
||||
font-size: 24px;
|
||||
position: absolute;
|
||||
top:20px;
|
||||
z-index: 2;
|
||||
left:300px;
|
||||
|
||||
}
|
||||
#update-title{ position: absolute; top:85px; left:15px; color:black; font-style:italic; font-size: 0.8em;}
|
||||
|
||||
/*********************Hauptmenü**********************************/
|
||||
|
||||
|
||||
.update_navigation {
|
||||
position: absolute; top:100px; left: 15px; right:15px;
|
||||
height: 35px;
|
||||
margin: 0px; padding: 0px;
|
||||
z-index:3;
|
||||
border-bottom:2px solid #333;
|
||||
}
|
||||
|
||||
.update_navigation ul {
|
||||
list-style-type: none;
|
||||
width: 100%;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
|
||||
}
|
||||
|
||||
.update_navigation li {
|
||||
float: left;
|
||||
padding: 0px;
|
||||
margin:0px;
|
||||
}
|
||||
|
||||
.update_navigation ul a {
|
||||
padding-right: 40px;
|
||||
padding-left: 0px;
|
||||
margin:0px;
|
||||
display: block;
|
||||
line-height: 40px;
|
||||
text-decoration: none;
|
||||
font-family: Helvetica, serif;
|
||||
font-size: 16px;
|
||||
color: #0066aa;
|
||||
font-weight: normal ;
|
||||
|
||||
/* font-weight: bold;*/
|
||||
/*text-shadow: 2px 2px 2px black;*/
|
||||
|
||||
}
|
||||
|
||||
.update_navigation ul a:hover {
|
||||
text-decoration: underline;
|
||||
|
||||
text-shadow: 1px 1px 1px gray;
|
||||
transition: text-shadow 0.3s;
|
||||
-webkit-transition: text-shadow 0.3s;
|
||||
-moz-transition: text-shadow 0.3s;
|
||||
-o-transition: text-shadow 0.3s;
|
||||
|
||||
}
|
||||
|
||||
|
||||
/*******************************************************/
|
||||
|
||||
/*******************Navigation-left************************************/
|
||||
|
||||
#art-flags{
|
||||
position:absolute; top:85px;left:50px;z-index:99;
|
||||
}
|
||||
|
||||
.update_menu_01 {
|
||||
position: absolute; top:130px; left: 5px;
|
||||
height: 35px; width:245px;
|
||||
margin: 0px; padding: 0px;
|
||||
z-index:30;
|
||||
}
|
||||
|
||||
.update_menu_01 ul {
|
||||
list-style-type: none; width: 100%;
|
||||
margin: 0px; padding: 5px;
|
||||
border:2px outset #333; background-color: white;
|
||||
}
|
||||
|
||||
.update_menu_01 li {
|
||||
padding: 1px;
|
||||
|
||||
}
|
||||
|
||||
.update_menu_01 ul a {
|
||||
padding: 0px;
|
||||
|
||||
margin:0px;
|
||||
display: inline;
|
||||
line-height: 1.0em;
|
||||
text-decoration: none;
|
||||
font-family: Helvetica, serif;
|
||||
font-size: 0.9em;
|
||||
color: black;
|
||||
font-weight: normal ;
|
||||
}
|
||||
|
||||
.update_menu_01 ul a:hover {
|
||||
text-decoration: none;
|
||||
background-color: #0066aa;
|
||||
color: white;
|
||||
text-shadow: 1px 1px 1px gray;
|
||||
transition: text-shadow 0.3s;
|
||||
-webkit-transition: text-shadow 0.3s;
|
||||
-moz-transition: text-shadow 0.3s;
|
||||
-o-transition: text-shadow 0.3s;
|
||||
|
||||
}
|
||||
|
||||
.update_menu_02{
|
||||
margin-left: 10px;
|
||||
|
||||
font-size: 0.8em;
|
||||
}
|
||||
.update_menu_02 ul {
|
||||
border:0px;
|
||||
width:80%;
|
||||
}
|
||||
|
||||
.inst0{
|
||||
margin-top:10px;
|
||||
background-color: lightgrey;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.inst1{
|
||||
background-color: lightblue;
|
||||
}
|
||||
.inst2{
|
||||
margin-left:10px;
|
||||
}
|
||||
|
||||
|
||||
/*******************************************************/
|
||||
|
||||
|
||||
#main-page{
|
||||
margin:0px; padding: 0px;
|
||||
position: absolute; top: 135px; left:265px; right:15px;
|
||||
width:800px;
|
||||
border:1px solid black;
|
||||
}
|
||||
|
||||
#main-page2{
|
||||
margin:0px; padding: 0px;
|
||||
position: absolute; top: 135px; left:1100px; right:15px;
|
||||
width:800px;
|
||||
border:1px solid black;
|
||||
}
|
||||
|
||||
#main-edit{
|
||||
position: absolute; top: 135px; left:15px; right:15px;
|
||||
overflow: auto; min-height: 85%;
|
||||
background-color: #eee; border: 1px solid black;
|
||||
font-family: arial; font-size: 11px;
|
||||
/*height:95%;*/
|
||||
/*position: absolute;
|
||||
|
||||
top: 12.5%;*/
|
||||
}
|
||||
#inner-edit{
|
||||
margin-left:250px;
|
||||
|
||||
}
|
||||
.edittable{
|
||||
/*width:900px;*/
|
||||
/*background-color: gray;*/
|
||||
margin-left: 2%;
|
||||
margin-right: 2%;
|
||||
padding:20px;
|
||||
}
|
||||
|
||||
.tr td{
|
||||
border-bottom: 1px solid black;
|
||||
padding-bottom: 10px;
|
||||
padding-top: 10px;
|
||||
}
|
||||
|
||||
.edittextarea{
|
||||
width:90%;
|
||||
/*margin-left: 2%;
|
||||
margin-right: 2%;*/
|
||||
height: 150px;
|
||||
|
||||
}
|
||||
|
||||
|
||||
h1{
|
||||
color: #525252;
|
||||
font-size: 30px;
|
||||
font-weight: bold;
|
||||
line-height: 30px;
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
margin-top: 5px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
h2{
|
||||
color: #525252;
|
||||
font-size: 20px;
|
||||
font-weight: bold;
|
||||
line-height: 30px;
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
margin-top: 5px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.edit_add_contend{
|
||||
/*display:none;*/
|
||||
}
|
||||
|
||||
.edit_add_contend img{
|
||||
width:40px;
|
||||
}
|
||||
|
||||
.info img:hover{
|
||||
opacity: 0.5;
|
||||
cursor: pointer;
|
||||
|
||||
}
|
||||
.edit_add_contend img:hover{
|
||||
opacity: 0.5;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
a.info{
|
||||
position:relative;
|
||||
z-index:1;
|
||||
}
|
||||
|
||||
a.info:hover{
|
||||
z-index:2;
|
||||
}
|
||||
|
||||
a.info span{
|
||||
display: none;
|
||||
}
|
||||
|
||||
a.info:hover span{
|
||||
display:block;
|
||||
position:absolute;
|
||||
top:2em;
|
||||
left:2em;
|
||||
width:15em;
|
||||
border:1px solid #003680;
|
||||
background-color:#add8e6;
|
||||
color:#000;
|
||||
text-align: center;
|
||||
padding: 5px;
|
||||
font-size: 0.8em;
|
||||
}
|
||||
|
||||
|
||||
.edittable select{
|
||||
width:150px;
|
||||
height:25px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.edittable_main{
|
||||
width:900px;
|
||||
padding:0px;
|
||||
margin:0px;
|
||||
}
|
||||
|
||||
|
||||
.edittable:hover{
|
||||
background-color: #eeeeee;
|
||||
}
|
||||
.smallicon{
|
||||
height:15px;
|
||||
width:15px;
|
||||
}
|
||||
|
||||
.edit_textarea{
|
||||
width:90%;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
p{
|
||||
|
||||
padding:0px;
|
||||
margin:0px;
|
||||
color: #525252;
|
||||
font-size: 0.9em;
|
||||
padding-right:15px;
|
||||
padding-left:15px;
|
||||
text-align: justify;
|
||||
font-family: Helvetica;
|
||||
/* font-weight: bold;*/
|
||||
|
||||
}
|
||||
|
||||
.content_all, .content_b_left, .content_b_right, .content_m_left, .content_m_right, .content_s_left, .content_s_right, .content_img, .content_img_b, .content_img_m, .content_img_s{
|
||||
/* padding: 15px;*/
|
||||
padding:0px;
|
||||
padding-top: 15px;
|
||||
margin:0px;
|
||||
float:left;
|
||||
|
||||
}
|
||||
|
||||
.content_all img, .content_b_left img, .content_b_right img, .content_m_left img, .content_m_right img, .content_s_left img, .content_s_right img, .content_img img , .content_img_b img, .content_img_m img, .content_img_s img{
|
||||
/* padding: 15px;*/
|
||||
padding:0px;
|
||||
margin:0px;
|
||||
float:left;
|
||||
|
||||
}
|
||||
.content_33{
|
||||
width:33.33%;
|
||||
padding:0px;
|
||||
margin:0px;
|
||||
display:inline-block;
|
||||
float: left;
|
||||
}
|
||||
.content_66{
|
||||
width:66.66%;
|
||||
padding:0px;
|
||||
margin:0px;
|
||||
display:inline-block;
|
||||
float: left;
|
||||
}
|
||||
.content_all{
|
||||
width:100%;
|
||||
display:block;
|
||||
float: left;
|
||||
}
|
||||
.content_b{
|
||||
width:75%;
|
||||
padding:0px;
|
||||
margin:0px;
|
||||
display:inline-block;
|
||||
float: left;
|
||||
}
|
||||
.content_m{
|
||||
width:50%;
|
||||
padding:0px;
|
||||
margin:0px;
|
||||
display:inline-block;
|
||||
float: left;
|
||||
}
|
||||
.content_s{
|
||||
width:25%;
|
||||
padding:0px;
|
||||
margin:0px;
|
||||
display:inline-block;
|
||||
float: left;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
.content_b_left{
|
||||
width:50%;
|
||||
padding:0px;
|
||||
margin:0px;
|
||||
display:inline-block;
|
||||
float: left;
|
||||
|
||||
/*background-color: #ffffff;*/
|
||||
|
||||
}
|
||||
.content_b_right{
|
||||
width:50%;
|
||||
display:inline-block;
|
||||
float: right;
|
||||
padding:0px;
|
||||
margin:0px;
|
||||
}
|
||||
.content_m_left{
|
||||
width:19em;
|
||||
display:inline-block;
|
||||
float: left;
|
||||
}
|
||||
.content_m_right{
|
||||
width:19em;
|
||||
display:inline-block;
|
||||
float: right;
|
||||
}
|
||||
.content_s_left{
|
||||
width:9em;
|
||||
display:inline-block;
|
||||
float: left;
|
||||
}
|
||||
.content_s_right{
|
||||
width:9em;
|
||||
display:inline-block;
|
||||
float: right;
|
||||
}
|
||||
.content_img{
|
||||
width:100%;
|
||||
padding:0px;
|
||||
margin:0px;
|
||||
}
|
||||
|
||||
|
||||
option[value="full"]:before { content:url("../images/Icons/main/edit_types/add_contend_full.gif"); }
|
||||
option[value="pic"]:before { content:url("../images/Icons/main/edit_types/add_contend_pic.gif"); }
|
||||
option[value="50-50"]:before { content:url("../images/Icons/main/edit_types/add_contend_50-50.gif"); }
|
||||
option[value="50-pic"]:before { content:url("../images/Icons/main/edit_types/add_contend_50-pic.gif"); }
|
||||
option[value="pic-50"]:before { content:url("../images/Icons/main/edit_types/add_contend_pic-50.gif"); }
|
||||
option[value="75-25"]:before { content:url("../images/Icons/main/edit_types/add_contend_75-25.gif"); }
|
||||
option[value="75-pic"]:before { content:url("../images/Icons/main/edit_types/add_contend_75-pic.gif"); }
|
||||
option[value="25-75"]:before { content:url("../images/Icons/main/edit_types/add_contend_25-75.gif"); }
|
||||
option[value="pic-75"]:before { content:url("../images/Icons/main/edit_types/add_contend_pic-75.gif"); }
|
||||
option[value="title"]:before { content:url("../images/Icons/main/edit_types/title.gif"); }
|
||||
option[value="line"]:before { content:url("../images/Icons/main/edit_types/line.gif"); }
|
||||
Reference in New Issue
Block a user