PHPacemisi



Hocam şöyle bir görüntü oluştu yine kayıyor.Yazıları vertical yapamadım hala yatay.



#menu {
width: 250px;
position:fixed;
right: 0px;
height: 100vh;
background-color:#2f2f2f;
color: #000;
transition: all 0.3s;
overflow-y: hidden;
text-decoration:none;
-webkit-box-shadow: -6px 14px 98px -15px rgba(0,0,0,0.59);
-moz-box-shadow: -6px 14px 98px -15px rgba(0,0,0,0.59);
box-shadow: -6px 14px 98px -15px rgba(0,0,0,0.59);
}


#menu.active {
left: 0;
}

#menu .menu-header {
padding: 17px;
background: #fff;
}

#menu ul.menu-components {
padding: 20px 0;
border-bottom: 1px solid #47748b;
}

#menu ul p {
color: #fff;
padding: 10px;
}

#menu ul li a {
padding: 10px;
padding-left: 30px;
color: #fff;
font-size: 0.9em;
display: block;

}

#menu ul li a:hover {
color: #ffc107;
background: rgba(0, 0, 0, 0.2);
text-decoration:none;
}

#menu ul li.active > a, #menu a[aria-expanded="true"] {
color: #ffc107;

text-decoration:none;
}
#menu ul ul a {
font-size: 0.9em !important;
padding-left: 80px !important;
}
#menu .box {
margin:0;
padding:5px 0 15px 0;
color:#ffc107;
text-align:center;
background-color:#000;


}
#menu .box-alarm {
margin:0;
padding:5px 0 1px 0;
color:#ffc107;
text-align:center;
background-color:#2f2f2f;

}
#menu a[data-toggle="collapse"] {
position: relative;
}
#menu a[aria-expanded="false"]::before, #menu a[aria-expanded="true"]::before {
content: '\f067';
display: block;
position: absolute;
left: 10px;


font-family: FontAwesome;
font-size: 0.9em;
}
#menu a[aria-expanded="true"]::before {
content: '\f068';
}
#menu-tabs {
width: 25px;
height: 278px;
position: absolute;
right: 250px;
/* padding-top: 100px; */
/* height: 100vh; */
/* margin-top: 242px; */
/* margin-bottom: 100px; */
/* padding-bottom: 100px; */
top: 302px;
background-color: #ffc107;
color: #000;
text-decoration: none;

}
.vertical-text {
transform: rotate(270deg);
transform-origin: left top 50px;
top:50px;
float: left;

}