Skip to content

Instantly share code, notes, and snippets.

@stinaq

stinaq/style.css Secret

Created January 14, 2014 13:39
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save stinaq/3f57fdebf5800086d816 to your computer and use it in GitHub Desktop.
Save stinaq/3f57fdebf5800086d816 to your computer and use it in GitHub Desktop.
Compiled CSS for Wordpress Bootstrap accordion navigation
.left-side-menu-container {
padding: 0;
}
.left-side-menu-container #left-menu {
border-bottom: 1px solid #ece8e3;
}
.left-side-menu-container #left-menu .panel {
border-radius: 0;
border: none;
margin: 0;
}
.left-side-menu-container #left-menu .panel a {
text-decoration: none;
font-weight: normal;
display: block;
color: #000000;
}
.left-side-menu-container #left-menu .panel a:hover {
background: #ed1a3b;
color: #ffffff;
}
.left-side-menu-container #left-menu .panel .panel-heading {
background: white;
border-top: 1px solid #ece8e3;
border-bottom: none;
padding: 0;
border-radius: 0;
}
.left-side-menu-container #left-menu .panel .panel-heading h4 {
font-size: 14px;
padding: 20px 20px;
}
.left-side-menu-container #left-menu .panel .panel-heading.has-children a.title-link {
width: 80%;
display: inline-block;
}
.left-side-menu-container #left-menu .panel .panel-heading.has-children a.arrow {
width: 19.8%;
display: inline-block;
padding: 21px 22px 20px 22px;
float: right;
border-left: 1px solid #ece8e3;
}
.left-side-menu-container #left-menu .panel .panel-heading.has-children a.arrow .awesome-triangle {
width: 0px;
height: 0px;
border-style: solid;
border-width: 7px 0 7px 10px;
border-color: transparent transparent transparent #786860;
-webkit-transition: all 0.25s ease-in-out;
-ms-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
.left-side-menu-container #left-menu .panel .panel-heading.has-children a.arrow:not(.collapsed) .awesome-triangle {
-webkit-transform: rotate(90deg) translate3d(0, 0, 0);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
-moz-transform: rotate(90deg);
transform: rotate(90deg);
}
.left-side-menu-container #left-menu .panel .panel-heading.has-children a.arrow:hover .awesome-triangle {
border-color: transparent transparent transparent #ffffff;
}
.left-side-menu-container #left-menu .panel .panel-body {
padding: 0;
border: none;
}
.left-side-menu-container #left-menu .panel .panel-body h4 {
padding: 10px 20px;
font-size: 14px;
margin: 0;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment