Файл: styles/prosilver/theme/buttons.css
Строк: 332
/* Button Styles
---------------------------------------- */
/* Rollover
buttons
Based on:
http://wellstyled.com/css-nopreload-rollovers.html
----------------------------------------*/
.button
{
cursor: pointer;
display: inline-block;
height: 18px;
font-size:
13px;
white-space: nowrap;
border: 1px solid transparent;
border-radius:
4px;
background: transparent none 0 0 repeat-x;
padding: 2px
8px;
font-family: "Open Sans", "Droid Sans", Verdana,
Arial, Helvetica;
position: relative;
text-decoration: none
!important;
outline-style: none !important;
vertical-align:
bottom;
}
.dropdown-select {
padding-right: 24px;
}
.icon-button:before
{
background: transparent 0 0 no-repeat;
content: '';
display:
inline-block;
float: right;
height: 12px;
margin: 3px 0 0 2px;
width:
12px;
}
.dropdown-select.icon-button:before {
margin-right:
4px;
}
.dropdown-select:after {
background-position: -103px
10px;
border-left: 1px solid;
content: '';
position: absolute;
top:
0;
right: 0;
height: 22px;
width: 16px;
}
.dropdown-visible
.dropdown-select:after, .nojs .dropdown-container:hover
.dropdown-select:after {
background-position: -103px -10px;
}
.buttons,
.buttons .button {
float: left;
}
.buttons .button, .dropdown-select
{
margin-right: 5px;
}
#jumpbox .dropdown-select {
margin: 0;
}
/* Big
button images */
.reply-icon:before, .pmreply-icon:before {
background-position: -20px 0; }
.reply-icon:hover:before,
.pmreply-icon:hover:before { background-position: -20px -20px;
}
.post-icon:before, .newpm-icon:before, .reply-all:before {
background-position: 0 0;
}
.post-icon:hover:before,
.newpm-icon:hover:before,
.reply-all:hover:before {
background-position: 0 -20px; }
.locked-icon:before {
background-position: -60px 0; }
.locked-icon:hover:before {
background-position: -60px -20px; }
.forwardpm-icon:before {
background-position: -40px 0; }
.forwardpm-icon:hover:before {
background-position: -40px -20px; }
.modtools-icon {
font-size:
0;
}
.tools-icon:before, .modtools-icon:before, .search-icon:before,
.search-adv-icon:before {
background-position: -80px 0;
height:
16px;
margin-top: 2px;
width: 16px;
}
.dropdown-visible
.tools-icon:before,
.nojs .dropdown-container:hover .tools-icon:before {
background-position: -80px -20px; }
.search-icon:before {
background-position: -245px 0; }
.search-icon:hover:before {
background-position: -245px -20px; }
.search-adv-icon:before {
background-position: -265px 0; }
.search-adv-icon:hover:before {
background-position: -265px -20px; }
.modtools-icon:before {
background-position: -225px 0; }
.dropdown-visible
.modtools-icon:before,
.nojs .dropdown-container:hover
.modtools-icon:before { background-position: -225px -20px; }
/* Icon
images
---------------------------------------- */
.small-icon
{
background-position: 0 50%;
background-repeat:
no-repeat;
background-image: none;
}
.small-icon > a {
display:
inline-block;
padding: 0 0 0 18px;
}
ul.linklist.bulletin >
li.small-icon:before {
display: none;
}
.dropdown .small-icon > a
{
display: block;
}
/* Poster contact
icons
----------------------------------------*/
.contact-icons.dropdown-contents
{
min-width: 0;
padding: 0;
font-size: 0;
}
.contact-icon
{
background-repeat: no-repeat;
display: block;
height: 16px;
width:
16px;
}
.contact-icons a {
border-bottom: 1px dotted;
border-right: 1px
dotted;
display: block;
float: left;
padding: 8px;
}
.contact-icons
.last-cell {
border-right: none;
}
.contact-icons div:last-child a
{
border-bottom: none;
}
.contact-icons div {
clear: left;
}
/* Profile
icons */
.pm-icon { background-position: 0 0; }
.email-icon {
background-position: -21px 0; }
.jabber-icon { background-position: -80px
0; }
.phpbb_icq-icon { background-position: -61px 0 ; }
.phpbb_wlm-icon {
background-position: -182px 0; }
.phpbb_aol-icon { background-position:
-244px 0; }
.phpbb_website-icon { background-position: -40px 0;
}
.phpbb_youtube-icon { background-position: -98px 0;
}
.phpbb_facebook-icon { background-position: -119px 0;
}
.phpbb_googleplus-icon { background-position: -140px 0;
}
.phpbb_skype-icon { background-position: -161px 0;
}
.phpbb_twitter-icon { background-position: -203px 0;
}
.phpbb_yahoo-icon { background-position: -224px 0; }
/* Post control
buttons
--------------------------------------------- */
.post-buttons
{
float: right;
list-style: none;
margin-top: 2px;
}
.has-profile
.post-buttons {
float: none;
position: absolute;
margin: 0;
right:
0;
top: 5px;
}
.post-buttons > li {
float: left;
margin-right:
3px;
}
.post-buttons .icon-button {
padding: 0 5px;
}
.hastouch
.post-buttons .icon-button {
padding: 2px 8px;
}
.post-buttons
.icon-button span {
display: block;
height: 0;
overflow:
hidden;
position: absolute;
width: 1px;
}
.post-buttons
.icon-button:before {
margin-left: 0;
}
.quote-icon:before {
background-position: -122px 0; }
.quote-icon:hover:before {
background-position: -122px -21px; }
.edit-icon:before {
background-position: -137px 0; }
.edit-icon:hover:before {
background-position: -137px -21px; }
.warn-icon:before {
background-position: -208px 0; }
.warn-icon:hover:before {
background-position: -208px -21px; }
.delete-icon:before {
background-position: -152px 0; }
.delete-icon:hover:before {
background-position: -152px -21px; }
.report-icon:before {
background-position: -165px 0; }
.report-icon:hover:before {
background-position: -165px -21px; }
.info-icon:before {
background-position: -175px 0; }
.info-icon:hover:before {
background-position: -175px -21px;
}
.button.responsive-menu-link:before { background-position: -191px 0;
}
.button.responsive-menu-link:hover:before { background-position: -191px
-21px; }
/* Responsive buttons in post body */
.post-buttons .dropdown
{
top: 18px;
}
.post-buttons .dropdown a {
display: block;
font-size:
1.2em;
text-align: right;
}
.hasjs .postbody .post-buttons {
max-width:
40%;
}
/* Browser-specific tweaks */
button::-moz-focus-inner {
padding:
0;
border: 0
}