theme 221 css part

/*                          maziekeen's theme 221 - UPDATE TAB CSS PART
                      accordion (update toggle) by codepen.io/vinsongrant/pen/qbGKed

                            GUIDE HOW TO CUSTOMIZE


                          ----------------------------

                                ALL THE COLORS


    - GENERAL COLOR
        body text, italic, bold, links: will match your color theme

    - UPDATE TITLE
        find the class name:         .update-option, .update-title label a {
        add styles you want there

    - EFFECT ON THE TITLE ONCE YOU CLICKED
        find the class name:         .update-toggle:checked + .update-title, .update-toggle:checked + .update-title a {
        add styles you want there

    - BACKGROUND COLOR OF THE CONTENT
        find the class name:         .update-toggle:checked + .update-title + .update-content {
        change the color in:         background:#ffffff;
        *to change the text color inside, just add a style: color:#111111;

    - BORDERS
        find the classes names:      .update-toggle:checked + .update-title + .update-content {
        AND                          .update-button {
        change the color in:         outline:1px solid #ededed;

    - BOX SHADOW
        find the classes names:      .update-toggle:checked + .update-title + .update-content {
        AND                          .update-button {



                          maziekeen's theme 221 - UPDATE TAB CSS PART                         */


.update {
position:fixed;
width: 65px;
top:50px;
left: 15px;
z-index:1;
}

.update-content {
height:100%;
max-width: 320px;
min-width: 67px;
position:fixed;
z-index:11;
background:transparent;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

.update-content a {
margin:0 0 10px;
}

.update-content .toggle-link,
.update-content .toggle-link-button {
width: 65px;
display:block;
text-align:center;
}


.toggle-link .update-icon,
.toggle-link-button .update-icon {
width: 14px;
height: 14px;
padding: 10px;
cursor:pointer;
border:none;
text-align:center;
font-weight:bold;
border-radius:4px;
background-color: #ffffff;
border: 1px solid #ededed;
}


.toggle-link .feather,
.toggle-link .feather .toggle-link-button {
width: 14px;
height: 14px;
stroke: #222222;
}

.update-content .toggle-content {
display:none;
margin: 0 0 10px;
padding:10px;
max-height: 300px;
overflow-y: auto;
border-radius:4px;
background-color:#ffffff;
border: 1px solid #ededed;
}

.update-content .toggle-content div {
margin: 3px auto;
}

.update-content li {
text-align:left;
}

.update-content li a {
margin-bottom:2px;
color:inherit;
}