Änderungen bzw neuerstellung CSS Dateien
This commit is contained in:
ja
@@ -74,7 +74,14 @@
|
||||
<!-- <link rel="stylesheet" type="text/css" href="css/edit_main.css"> -->
|
||||
<link rel="stylesheet" type="text/css" href="css/Dropdown.css" />
|
||||
<style>
|
||||
|
||||
body {
|
||||
background-image: url(images/road.jpg);
|
||||
background-position: center center;
|
||||
background-repeat: no-repeat;
|
||||
background-attachment: fixed;
|
||||
background-size: cover;
|
||||
background-color: #fff;
|
||||
}
|
||||
</style>
|
||||
|
||||
<script src="js/netzwerk.js" type="text/javascript"></script>
|
||||
|
||||
@@ -108,190 +108,9 @@
|
||||
<!--[if gte IE 5.5]>
|
||||
<link rel="stylesheet" type="text/css" href="css/main.css">
|
||||
<![endif]-->
|
||||
<style>
|
||||
Sidenav
|
||||
@import "https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700";
|
||||
body {
|
||||
font-family: 'Poppins', sans-serif;
|
||||
background: #fafafa;
|
||||
}
|
||||
|
||||
p {
|
||||
font-family: 'Poppins', sans-serif;
|
||||
font-size: 1.1em;
|
||||
font-size: 17.6px;
|
||||
font-weight: 300;
|
||||
line-height: 1.7em;
|
||||
line-height: 27.2px;
|
||||
color: #999;
|
||||
}
|
||||
|
||||
a,
|
||||
a:hover,
|
||||
a:focus {
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
transition: all 0.3s;
|
||||
background-color:#043381;
|
||||
}
|
||||
|
||||
.navbar {
|
||||
padding: 25px 30px;
|
||||
background: #fff;
|
||||
border: none;
|
||||
border-radius: 0;
|
||||
margin-bottom: 2.5em;
|
||||
margin-bottom: 40px;
|
||||
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
|
||||
box-shadow: 0.063em 0.063em 0.188em rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
.navbar-btn {
|
||||
box-shadow: none;
|
||||
outline: none !important;
|
||||
border: 2px;
|
||||
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5384BE', endColorstr='#4386D7');
|
||||
/* for IE */
|
||||
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5384BE', endColorstr='#4386D7');
|
||||
/* for IE 8 and above */
|
||||
background: -webkit-gradient(linear, left top, left bottom, from(#5384BE), to(#4386D7));
|
||||
/* for webkit browsers */
|
||||
background: -moz-linear-gradient(top, #5384BE, #4386D7);
|
||||
/* for firefox 3.6+ */
|
||||
background: -o-linear-gradient(top, #5384BE, #4386D7);
|
||||
/* for Opera */
|
||||
}
|
||||
|
||||
.line {
|
||||
width: 100%;
|
||||
height: 1px;
|
||||
border-bottom: 1px dashed #ddd;
|
||||
margin: 40px 0;
|
||||
}
|
||||
#sidebarCollapse {
|
||||
background-color: #043381;
|
||||
color: #fff;
|
||||
}
|
||||
#sidebarCollapse:hover {
|
||||
background-color: #000085;
|
||||
color: #fff;
|
||||
border-radius:5px;
|
||||
}
|
||||
/* ---------------------------------------------------
|
||||
SIDEBAR STYLE
|
||||
----------------------------------------------------- */
|
||||
|
||||
.wrapper {
|
||||
display: flex;
|
||||
width: 100%;
|
||||
align-items: stretch;
|
||||
}
|
||||
#sidebar {
|
||||
min-width: 250px;
|
||||
max-width: 250px;
|
||||
background:#fff;
|
||||
color: #000000;
|
||||
transition: all 0.2s;
|
||||
}
|
||||
#sidebar.active {
|
||||
margin-left: -250px;
|
||||
}
|
||||
#sidebar .sidebar-header {
|
||||
padding: 20px;
|
||||
background: #fff;
|
||||
}
|
||||
#sidebar ul.components {
|
||||
padding: 20px 0;
|
||||
border-bottom: 1px solid #043381;
|
||||
}
|
||||
#sidebar ul p {
|
||||
color: #043381;
|
||||
padding: 9px;
|
||||
}
|
||||
#sidebar ul li a {
|
||||
padding: 10px;
|
||||
font-size: 1.1em;
|
||||
display: block;
|
||||
}
|
||||
#sidebar ul li a:hover {
|
||||
color: #fff;
|
||||
background: #043381;
|
||||
}
|
||||
#sidebar ul li.active>a,
|
||||
a[aria-expanded="true"] {
|
||||
color: #fafafa;
|
||||
background: #043381;
|
||||
}
|
||||
a[data-toggle="collapse"] {
|
||||
position: relative;
|
||||
}
|
||||
.dropdown-toggle::after {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
right: 20px;
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
ul ul a {
|
||||
font-size: 0.9em !important;
|
||||
padding-left: 30px !important;
|
||||
background: #fff;
|
||||
}
|
||||
ul.CTAs {
|
||||
padding: 20px;
|
||||
}
|
||||
ul.CTAs a {
|
||||
text-align: center;
|
||||
font-size: 0.9em !important;
|
||||
display: block;
|
||||
border-radius: 5px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
a.download {
|
||||
background: #fff;
|
||||
color: #043381;
|
||||
}
|
||||
a.article,
|
||||
a.article:hover {
|
||||
background: #043381 !important;
|
||||
color: #999 !important;
|
||||
}
|
||||
|
||||
/* ---------------------------------------------------
|
||||
CONTENT STYLE
|
||||
----------------------------------------------------- */
|
||||
|
||||
#content {
|
||||
width: 100%;
|
||||
padding: 20px;
|
||||
min-height: 100vh;
|
||||
transition: all 0.2s;
|
||||
}
|
||||
|
||||
/* ---------------------------------------------------
|
||||
MEDIAQUERIES
|
||||
----------------------------------------------------- */
|
||||
|
||||
@media (max-width: 768px) {
|
||||
#sidebar {
|
||||
margin-left: -250px;
|
||||
}
|
||||
#sidebar.active {
|
||||
margin-left: 0;
|
||||
}
|
||||
#sidebarCollapse span {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
/*Gridview Checkbox*/
|
||||
GridView1$ctl02$chkSelect:checked{
|
||||
background-color:#043381;
|
||||
}
|
||||
#bodycontent{
|
||||
max-width:/*575px;*/ 126.65198237885463vw;
|
||||
}
|
||||
<style>
|
||||
</style>
|
||||
<link rel="stylesheet" type="text/css" href="css/Downloads.css"/>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
body {
|
||||
background-image: url(images/road.jpg);
|
||||
|
||||
background-position: center center;
|
||||
background-repeat: no-repeat;
|
||||
background-attachment: fixed;
|
||||
|
||||
209
css/Downloads.css
Normal file
209
css/Downloads.css
Normal file
@@ -0,0 +1,209 @@
|
||||
|
||||
@import "https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700";
|
||||
|
||||
body {
|
||||
font-family: 'Poppins', sans-serif;
|
||||
background: #fafafa;
|
||||
background-image: url(/images/road.jpg);
|
||||
background-position: center center;
|
||||
background-repeat: no-repeat;
|
||||
background-attachment: fixed;
|
||||
background-size: cover;
|
||||
/* background-color:#043381;*/
|
||||
}
|
||||
|
||||
|
||||
p {
|
||||
font-family: 'Poppins', sans-serif;
|
||||
font-size: 1.1em;
|
||||
font-size: 17.6px;
|
||||
font-weight: 300;
|
||||
line-height: 1.7em;
|
||||
line-height: 27.2px;
|
||||
color: #999;
|
||||
}
|
||||
|
||||
a,
|
||||
a:hover,
|
||||
a:focus {
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
transition: all 0.3s;
|
||||
background-color: #043381;
|
||||
}
|
||||
|
||||
.navbar {
|
||||
padding: 25px 30px;
|
||||
background: #fff;
|
||||
border: none;
|
||||
border-radius: 0;
|
||||
margin-bottom: 2.5em;
|
||||
margin-bottom: 40px;
|
||||
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
|
||||
box-shadow: 0.063em 0.063em 0.188em rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
.navbar-btn {
|
||||
box-shadow: none;
|
||||
outline: none !important;
|
||||
border: 2px;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5384BE', endColorstr='#4386D7');
|
||||
/* for IE */
|
||||
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5384BE', endColorstr='#4386D7');
|
||||
/* for IE 8 and above */
|
||||
background: -webkit-gradient(linear, left top, left bottom, from(#5384BE), to(#4386D7));
|
||||
/* for webkit browsers */
|
||||
background: -moz-linear-gradient(top, #5384BE, #4386D7);
|
||||
/* for firefox 3.6+ */
|
||||
background: -o-linear-gradient(top, #5384BE, #4386D7);
|
||||
/* for Opera */
|
||||
}
|
||||
|
||||
.line {
|
||||
width: 100%;
|
||||
height: 1px;
|
||||
border-bottom: 1px dashed #ddd;
|
||||
margin: 40px 0;
|
||||
}
|
||||
|
||||
#sidebarCollapse {
|
||||
background-color: #043381;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#sidebarCollapse:hover {
|
||||
background-color: #000085;
|
||||
color: #fff;
|
||||
border-radius: 5px;
|
||||
}
|
||||
/* ---------------------------------------------------
|
||||
SIDEBAR STYLE
|
||||
----------------------------------------------------- */
|
||||
|
||||
.wrapper {
|
||||
display: flex;
|
||||
width: 100%;
|
||||
align-items: stretch;
|
||||
}
|
||||
|
||||
#sidebar {
|
||||
min-width: 250px;
|
||||
max-width: 250px;
|
||||
background: #fff;
|
||||
color: #000000;
|
||||
transition: all 0.2s;
|
||||
}
|
||||
|
||||
#sidebar.active {
|
||||
margin-left: -250px;
|
||||
}
|
||||
|
||||
#sidebar .sidebar-header {
|
||||
padding: 20px;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
#sidebar ul.components {
|
||||
padding: 20px 0;
|
||||
border-bottom: 1px solid #043381;
|
||||
}
|
||||
|
||||
#sidebar ul p {
|
||||
color: #043381;
|
||||
padding: 9px;
|
||||
}
|
||||
|
||||
#sidebar ul li a {
|
||||
padding: 10px;
|
||||
font-size: 1.1em;
|
||||
display: block;
|
||||
}
|
||||
|
||||
#sidebar ul li a:hover {
|
||||
color: #fff;
|
||||
background: #043381;
|
||||
}
|
||||
|
||||
#sidebar ul li.active > a,
|
||||
a[aria-expanded="true"] {
|
||||
color: #fafafa;
|
||||
background: #043381;
|
||||
}
|
||||
|
||||
a[data-toggle="collapse"] {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.dropdown-toggle::after {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
right: 20px;
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
|
||||
ul ul a {
|
||||
font-size: 0.9em !important;
|
||||
padding-left: 30px !important;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
ul.CTAs {
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
ul.CTAs a {
|
||||
text-align: center;
|
||||
font-size: 0.9em !important;
|
||||
display: block;
|
||||
border-radius: 5px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
a.download {
|
||||
background: #fff;
|
||||
color: #043381;
|
||||
}
|
||||
|
||||
a.article,
|
||||
a.article:hover {
|
||||
background: #043381 !important;
|
||||
color: #999 !important;
|
||||
}
|
||||
|
||||
/* ---------------------------------------------------
|
||||
CONTENT STYLE
|
||||
----------------------------------------------------- */
|
||||
|
||||
#content {
|
||||
width: 100%;
|
||||
padding: 20px;
|
||||
min-height: 100vh;
|
||||
transition: all 0.2s;
|
||||
}
|
||||
|
||||
/* ---------------------------------------------------
|
||||
MEDIAQUERIES
|
||||
----------------------------------------------------- */
|
||||
|
||||
@media (max-width: 768px) {
|
||||
#sidebar {
|
||||
margin-left: -250px;
|
||||
}
|
||||
|
||||
#sidebar.active {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
#sidebarCollapse span {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
/*Gridview Checkbox*/
|
||||
GridView1$ctl02$chkSelect:checked {
|
||||
background-color: #043381;
|
||||
}
|
||||
|
||||
#bodycontent {
|
||||
max-width: /*575px;*/ 126.65198237885463vw;
|
||||
}
|
||||
@@ -9,7 +9,7 @@
|
||||
body {
|
||||
font-family: 'Poppins', sans-serif;
|
||||
background: #fafafa;
|
||||
background-image: url(images/road.jpg);
|
||||
background-image: url(../images/road.jpg);
|
||||
background-position: center center;
|
||||
background-repeat: no-repeat;
|
||||
background-attachment: fixed;
|
||||
|
||||
Reference in New Issue
Block a user