src/scss/platforms.scss
/*!
* Rbutr Browser Extension v0.12.0
* https://github.com/rbutrcom/rbutr-browser-extension
*
* Copyright 2012-2017 The Rbutr Community
* Licensed under LGPL-3.0
*/
.hidden {
display: none;
}
.clearfix {
clear: both;
float: none;
}
.rbutr-message-container {
margin-top: 10px;
.rbutr-message {
background: #cef;
border: 1px solid #06c;
color: #333;
margin-bottom: 5px;
padding: 10px;
.rbutr-logo {
float: left;
margin-right: 10px;
}
.rbutr-info {
background: #cef;
border: 1px solid #06c;
color: #333;
display: none;
position: absolute;
left: 97%;
top: 5px;
width: 300px;
z-index: 99999;
&::before {
border: 10px solid transparent;
border-right: 10px solid #06c;
content: "";
display: block;
height: 0;
left: -20px;
position: absolute;
top: 5px;
width: 0;
z-index: 999999;
}
th,
td {
text-align: center;
}
.rbutr-footer {
text-align: right;
}
}
.rbutr-message-entry {
padding: 10px 20px 5px;
position: relative;
&:hover {
background: #bde;
.rbutr-info {
display: table;
}
}
}
button {
background: #06c;
border: 0;
color: #fff;
float: right;
padding: 4px 8px;
}
table {
border: 0;
margin-bottom: 5px;
width: 100%;
}
}
}
#rbutrfloatdiv {
background: #fff;
border: 2px solid #26a;
color: #000;
font-size: 12px;
font-weight: 700;
padding: 16px;
position: fixed;
right: 10px;
text-align: center;
top: 10px;
width: 250px;
z-index: 2147483647;
span {
font-size: x-small;
font-weight: 400;
}
label {
font-size: x-small;
font-weight: 400;
margin-top: 10px;
text-align: center;
width: 100%;
}
}
#dontShowAgain {
cursor: pointer;
}