[SOLUCIONADO] Texto Sidebar Vertical

[ferakugregor]

Buenos días
Estoy empezando con CSS y me surge el primer problema.
Tengo una menu lateral en el que me gustaría que los textos de las 4 pestañas que tienen ,estuviesen centrados y verticales, ¿alguien me puede echar una mano?

https://www.dropbox.com/s/tbba3r6y8j6jeg7/Prueba.rar?dl=0

Gracias

[AngelKrak]

no es muy dificil si estoy en lo correcto como lo hise jejeje xD

codigo:
Buscar width: 40px; en .sidebar.collapsed y cambiarlo por width: 120px;
Buscar width: 40px; en .sidebar-tabs y cambiarlo por width: 120px;
Buscar left: 40px; en .sidebar-content y cambiarlo por left: 120px;
Buscar width: 420px; en @media (min-width: 1200px) .sidebar-pane y cambiarlo por width: 100%;
Buscar left: 50px; en @media (min-width: 768px) .sidebar.collapsed ~ .sidebar-map .leaflet-left y cambiarlo por left: 125px;

lo unico que no pude fue centrartelo verticalmente, talves era porque tenia fija la altura con 25% o algo asi no estoy seguro jejeje xD >_<



ya te lo pude hacer verticalmente tambn, si asi es como querias dime y te paso el code ;)

Iniciado por AngelKrak

ya te lo pude hacer verticalmente tambn, si asi es como querias dime y te paso el code ;)

Bueno pondre el codigo de todos modos >_< k si no se me olvida luego jajajaja xD

Buscar .sidebar-tabs > li y poner este codigo (si ahi alguno igual remplazenlo como el display: block;)

Código:

display: table;
height:200px; 

Buscar .sidebar-tabs > li > a y poner este codigo y como dije arriba si ahi un codigo igual remplazenlo por este.

Código:

display: table-cell;
vertical-align: middle; 

[ferakugregor]

En primer lugar, gracias por las respuestas, pero creo que no me he explicado bien, lo que yo quiero es el texto quede vertical, es decir girarlo 90º

[MMan]

Código CSS:

.rotate {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
}
 

[ferakugregor]

Gracias, conseguido!!