Änderungen bzw neuerstellung CSS Dateien

AvisoTV_FLEX.aspx

@@ -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>        

DownloadsJulius.aspx

@@ -108,190 +108,9 @@
        <!--[if gte IE 5.5]>
             <link rel="stylesheet" type="text/css" href="css/main.css">
        <![endif]-->       
-     <style>          
+     <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>  
+          <link rel="stylesheet" type="text/css" href="css/Downloads.css"/>
 </head>
 
 <body>

css/AVISOTV_Flex.css

@@ -1,5 +1,5 @@
 body {
-    background-image: url(images/road.jpg);
+   
     background-position: center center;
     background-repeat: no-repeat;
     background-attachment: fixed;

css/Downloads.css

@@ -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;
+}

css/StatusJulius.css

@@ -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;