TDWTF local CSS

TDWTF CSS

.btn, button, .nav-pills > li > * { border-radius:100px; }
.topic-map .btn { border-radius: 0; }

/*Styled quotes (@abarker)*/

aside.quote {
    background-color: #EBFFFF;
    border: solid 1px #0088cc;
    border-left-width: 5px;
    border-radius: 5px;
}

aside.quote blockquote {
    background: none;
    border: none;
}

aside.quote div.title {
    background: none;
    border: none;
}

blockquote {
    background-color: white;
    border: solid 1px #0088cc;
    border-left-width: 5px;
    border-radius: 5px;
}

/*Remove padlock from 'restricted' category in category/topic view (@PJH, I think)*/

.badge-category i.fa.fa-lock:before { content: ""; }


/*Restores highlighting of visited URLs on topic list (@PJH)*/

.topic-list a.title:visited:not(.badge-notification) {
  color: #919191;
}

.topic-list.categories a.title:visited:not(.badge-notification) {
  color: #38bdff;
}

/*Adds arrows to gutter links to show inbound vs outbound (@ChaosTheEternal)*/

.gutter .track-link { padding-left:0; }
a.outbound::before {
  content: "\f061\00a0";
  font-family: FontAwesome;
}
a.inbound::before {
  content: "\f060\00a0";
  font-family: FontAwesome;
}

/*Add background color to category slugs to clearly tie the text to the color bar(s)*/
a.badge-wrapper.bar {
    background-color: #eaeaf0;
    padding-left: 0;
}

/*And to get a color that looks a bit better in the header:*/
div.extra-info-wrapper a.badge-wrapper.bar {
    background-color: #cadce6;
    border-radius: 4px;
}

/*Make Chrome implement a more complete unicode set*/

html {
    font-family: Helvetica,Arial,Symbola,sans-serif;
}

/*Alter font for editor text box*/

textarea#wmd-input {
    font-family: monospace;
}

button.like,button.has-like{
  width:45px;height:34px;overflow:none;
  text-align:center;padding-top:4px !important;
}
button.like .fa-heart:before {
    font-family:Segoe UI Symbol;
	content: "\1f494" !important;
}
button.like:hover
{
    padding-top:3px !important;
    background: none !important;  
    -webkit-animation: animatelikes 1s infinite; /* Chrome, Safari, Opera */
    animation: animatelikes 1s infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}
button.has-like:hover .fa-heart:before {
    font-family:Segoe UI Symbol;
	content: "\1f494" !important;
}
button.has-like:disabled .fa-heart:before {
    font-family:fontawesome;
	content: "\f004" !important;
}
button.has-like:hover
{    
    background: none !important;  
    -webkit-animation: animatelikes 1s infinite; /* Chrome, Safari, Opera */
    animation: animatelikes 1s infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}
button.has-like .fa-heart:before {
      font-family:fontawesome;
	content: "\f004" !important;
}
button.like:hover .fa-heart:before {
      font-family:fontawesome;
	content: "\f004" !important;
}
/* Chrome, Safari, Opera */
@-webkit-keyframes animatelikes {
    0%   {opacity: 1.0;font-size:10px;}
    20%  {opacity: 1;font-size:14px;}
    40%  {opacity: 1;font-size:20px;}
    50%  {opacity: 1;;font-size:25px;}
    60%  {opacity: 1;font-size:20px;}
    80%  {opacity: 1;font-size:14px;}
    100% {opacity: 1.0;font-size:10px;}
}
/* Standard syntax */
@keyframes animatelikes {
    0%   {opacity: 1.0;font-size:10px;}
    20%  {opacity: 1;font-size:14px;}
    40%  {opacity: 1;font-size:20px;}
    50%  {opacity: 1;;font-size:25px;}
    60%  {opacity: 1;font-size:20px;}
    80%  {opacity: 1;font-size:14px;}
    100% {opacity: 1.0;font-size:10px;}
}