Skip to content

Instantly share code, notes, and snippets.

@riddle
Created July 25, 2013 20:54
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 riddle/6083664 to your computer and use it in GitHub Desktop.
Save riddle/6083664 to your computer and use it in GitHub Desktop.
#topbar {
background: #799ed8 !important;
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
}
#topbar .plus-button,
#boldbutton,
#italicsbutton,
#underlinebutton,
#strikebutton,
#listbutton,
#numberedlistbutton,
#taskbutton,
#commentbutton,
#indentbutton,
#outdentbutton {
width: 26px !important;
height: 0 !important;
padding: 23px 0 0 0 !important;
overflow: hidden;
background: #fff;
box-sizing: border-box !important;
border-style: solid !important;
border-color: #5E7DB4 !important;
border-width: 1px 0 1px 1px !important;
background: #fff url("http://i.imgur.com/TLWlRio.png") no-repeat;
background-size: 200px 100px;
}
#toolbar .first {
-webkit-border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-bottomleft: 3px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
#toolbar .last {
border-right-width: 1px !important;
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 3px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
#topbar .plus-button {
border-radius: 3px !important;
border-right-width: 1px !important;
}
#topbar .plus-button { background-position: 1px 0; }
#boldbutton { background-position: -65px 0; }
#italicsbutton { background-position: -98px 0; }
#underlinebutton { background-position: -131px 0; }
#strikebutton { background-position: -164px 0; }
#listbutton { background-position: 1px -33px; }
#numberedlistbutton { background-position: -32px -33px; }
#taskbutton { background-position: -65px -33px; }
#commentbutton { background-position: -98px -33px; }
#indentbutton { background-position: -131px -33px; }
#outdentbutton { background-position: -164px -33px; }
#linkbutton { color: #4b6a9f !important; }
#createpadform > img:first-child { display: none; }
#createpadform { position: relative; }
#createpadform::after {
position: absolute;
top: 1px;
left: 1px;
content: "";
width: 23px;
height: 23px;
background: url("http://i.imgur.com/TLWlRio.png") no-repeat -33px 0;
background-size: 200px 100px;
}
#createpadform .placeholder {
color: #a5b4cf !important;
}
#createpadform input:focus {
border-color: #799ed8 !important;
}
ul.list-task1 li, ul.list-task2 li, ul.list-task3 li, ul.list-task4 li, ul.list-task5 li, ul.list-task6 li, ul.list-task7 li, ul.list-task8 li,
ul.list-taskdone1 li, ul.list-taskdone2 li, ul.list-taskdone3 li,
ul.list-taskdone4 li, ul.list-taskdone5 li, ul.list-taskdone6 li,
ul.list-taskdone7 li, ul.list-taskdone8 li {
background: none !important;
position: relative;
}
ul.list-task1 li::after, ul.list-task2 li::after,
ul.list-task3 li::after, ul.list-task4 li::after,
ul.list-task5 li::after, ul.list-task6 li::after,
ul.list-task7 li::after, ul.list-task8 li::after,
ul.list-taskdone1 li::after, ul.list-taskdone2 li::after,
ul.list-taskdone3 li::after, ul.list-taskdone4 li::after,
ul.list-taskdone5 li::after, ul.list-taskdone6 li::after,
ul.list-taskdone7 li::after, ul.list-taskdone8 li::after {
content: "";
position: absolute;
width: 14px;
height: 14px;
top: 3px;
left: 3px;
background: url("http://i.imgur.com/TLWlRio.png") no-repeat -48px -66px;
background-size: 200px 100px;
}
ul.list-task1 li:hover::after, ul.list-task2 li:hover::after,
ul.list-task3 li:hover::after, ul.list-task4 li:hover::after,
ul.list-task5 li:hover::after, ul.list-task6 li:hover::after,
ul.list-task7 li:hover::after, ul.list-task8 li:hover::after {
background-position: -24px -66px;
}
ul.list-taskdone1 li::after, ul.list-taskdone2 li::after,
ul.list-taskdone3 li::after, ul.list-taskdone4 li::after,
ul.list-taskdone5 li::after, ul.list-taskdone6 li::after,
ul.list-taskdone7 li::after, ul.list-taskdone8 li::after {
background-position: 0 -66px;
}
.streamtable .segment-pic img {
border: 0 !important;
border-radius: 50% !important;
margin-top: 14px !important;
}
@porada
Copy link

porada commented Jul 25, 2013

I realize you probably took the original stylesheet and edited values, but you can use both box-shadow and border-radius completely unprefixed—it’d make this user stylesheet shorter.

@porada
Copy link

porada commented Jul 25, 2013

Or judging by the order or properties, I guess you used border-radius.com, didn’t you? Forget that tool.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment