|
|
| Line 4: |
Line 4: |
| margin-left:25%; | | margin-left:25%; |
| margin-right:25%; | | margin-right:25%; |
| }
| |
| /* Style for the sidebar menu */
| |
| #p-personal {
| |
| list-style-type: none;
| |
| padding-left: 0;
| |
| }
| |
|
| |
| /* Style for top-level items */
| |
| #p-personal li {
| |
| position: relative;
| |
| }
| |
|
| |
| #p-personal li a {
| |
| display: block;
| |
| padding: 8px 10px;
| |
| background-color: #f4f4f4;
| |
| border: 1px solid #ddd;
| |
| text-decoration: none;
| |
| }
| |
|
| |
| /* Hover effect for top-level items */
| |
| #p-personal li:hover a {
| |
| background-color: #e0e0e0;
| |
| }
| |
|
| |
| /* Submenu styling */
| |
| #p-personal li ul {
| |
| list-style-type: none;
| |
| padding-left: 20px;
| |
| display: none;
| |
| position: absolute;
| |
| left: 100%;
| |
| top: 0;
| |
| background-color: #f9f9f9;
| |
| border: 1px solid #ddd;
| |
| }
| |
|
| |
| #p-personal li:hover > ul {
| |
| display: block;
| |
| }
| |
|
| |
| #p-personal li ul li a {
| |
| padding: 8px 10px;
| |
| background-color: #f9f9f9;
| |
| border: 1px solid #ddd;
| |
| }
| |
|
| |
| /* Hover effect for submenu items */
| |
| #p-personal li ul li:hover a {
| |
| background-color: #e0e0e0;
| |
| } | | } |
/* CSS placed here will be applied to all skins */
#comments-body{
margin-top:5%;
margin-left:25%;
margin-right:25%;
}
