Jump to content

User:Anpang/Wikipe-tan Chatbox.css

From Wikipedia, the free encyclopedia
Note: After saving, you have to bypass your browser's cache to see the changes. Google Chrome, Firefox, Microsoft Edge and Safari: Hold down the ⇧ Shift key and click the Reload toolbar button. For details and instructions about other browsers, see Wikipedia:Bypass your cache.
.wptc-box{
    position: fixed;
    bottom: 0.5em;
    right: 0.5em;
    width: 200px;
    z-index: 1;
    background-color: #5f8291;
    padding: 0.75em;
    border-radius: 0.5em;
}
.wptc-inner-box{
    background-color: #91b4C3;
    padding: 1em 0.5em 0.5em 0.75em;
    border-radius: 0.5em;
    margin: 0.35em 0 0.2em 0;
    font-size: 90%; height: 150px;
    overflow-y: clip;
    position: relative;
}
.wptc-inner-box > div{
    position: absolute;
    bottom: 0.5em;
}

.wptc-image{
    width: 27.5px;
    border-radius: 1em;
    background-color: white;
    padding: 0.1em;
}
.wptc-name{
    font-weight: bold;
    margin-left: 0.5em;
    color: white;
}
.wptc-close{
    font-weight: bold;
    background-color: white;
    color: red;
    float: right;
    text-decoration: none;
    border-radius: 1em;
    padding: 0.3em;
    font-size: 120%;
    line-height: 0.5em;
}

.wptc-bubble-right{
    text-align: right;
}
.wptc-bubble-left > span{
    background-color: white;
    display: inline-block;
    padding: 0.25em 0.5em;
    border-radius: 0.5em 0.5em 0.5em 0.1em;
}
.wptc-bubble-right > span{
    background-color: white;
    display: inline-block;
    padding: 0.25em 0.5em;
    border-radius: 0.5em 0.5em 0.1em 0.5em;
}

.wptc-input{
	border: 2px solid #5f8291;
	padding: 0.25em 0.5em;
	border-radius: 0.5em;
	width: 100%;
	box-sizing: border-box;
	margin-top: 0.35em;
}

.wptc-bottom-links > a{
    color: white;
    font-size: 80%;
}