update new structure for default themes

footer.css

@@ -1,8 +1,8 @@
 /**
-* This file styles the footer of the page
+* This file styles the.qcms-footer of the page
 */
 
-.footer {
+.qcms-footer {
     text-align:center;
     display:grid;
     grid-template-columns: repeat(3,1fr);

header.css

@@ -1,3 +1,3 @@
-.main .header { display:grid; grid-template-columns:64px auto; gap:4px}
+.qcms-main .qcms-header { display:grid; grid-template-columns:64px auto; gap:4px}
-.main .header .title {font-size:28px; font-weight:bold}
+.qcms-main .qcms-header .qcms-title {font-size:28px; font-weight:bold}
-.main .header img {width:55px; height:55px;}
+.qcms-main .qcms-header img {width:55px; height:55px;}

layout.css

@@ -1,15 +1,15 @@
 
 
-.main {
+.qcms-main {
     height:98vh; display:grid; grid-template-columns:70% auto; gap:4px;
     grid-template-rows:70px 40px auto 32px;
     padding-left:2%; padding-right:2%;
     line-height: 1.5; font-size:16px; font-family: sans-serif; font-weight:lighter;
 }
-.main .content{
+.qcms-main .content{
     align-self:center;
 }
-.main .pane {border-left:1px solid #CAD5E0; height:100%; padding:8px;}
+/*.qcms-main .qcms-pane {border-left:1px solid #CAD5E0; height:100%; padding:8px;}*/
 .bold {font-weight:bold}
 .small-text {font-size:12px; font-weight:lighter; color :#000000;}
 .active {cursor:pointer; padding:2px; margin:2px; border-bottom:2px solid transparent}

menu.css

@@ -1,4 +1,4 @@
-.menu {
+.qcms-menu {
     padding:8px;
     border:1px solid #CAD5E0 ;
     
@@ -10,9 +10,9 @@
     align-items: center;
     
 }
-.menu .icon {padding:4px;}
+.qcms-menu .icon {padding:4px;}
-.menu .icon img {width:30px; height:30px;}
+.qcms-menu .icon img {width:30px; height:30px;}
-.menu .item {
+.qcms-menu .item {
     font-weight:bold;
     cursor:pointer;
     padding:4px;
@@ -24,7 +24,7 @@
     
 }
 
-.menu .sub-menu {
+.qcms-menu .sub-menu {
     
     display:none;
     position:absolute;
@@ -40,7 +40,7 @@
     
 }
 
-.menu .item:hover .sub-menu{
+.qcms-menu .item:hover .sub-menu{
     
     display:block;
     height:auto;    

pane.css

@@ -1,2 +1,2 @@
-.main .pane { height:auto;}
+.qcms-main .qcms-pane { height:auto;}
-.main .pane iframe{ width:100%; border:0px; height:80%;}
+.qcms-main .qcms-pane iframe{ width:100%; border:0px; height:80%;}