Skip to content

Instantly share code, notes, and snippets.

@miphe

miphe/myt.css

Created May 6, 2016
Embed
What would you like to do?
CSS for the MyTalengi feature
/* Form styles */
form.t-magnified {}
form.t-magnified input {
width: 100%;
padding: 15px 5px 15px 18px;
border: none;
border-radius: 6px;
color: #777;
}
form.t-magnified input:focus {
outline-style: none;
border: none !important;
}
form.t-magnified .tag-editor {
width: 100%;
height: 51px;
padding-top: 7px;
padding-left: 13px;
padding-right: 5px;
border: none;
border-radius: 6px;
}
form.t-magnified .tag-editor input {
border: none !important;
cursor: text;
padding: 0;
}
form.t-magnified .tag-editor .tag-editor-tag {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
font-weight: bold;
padding-left: 12px;
padding-right: 3px;
}
form.t-magnified .tag-editor .tag-editor-delete {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
padding-left: 12px;
padding-right: 12px;
}
form.t-magnified .tag-editor .tag-editor-tag,
form.t-magnified .tag-editor .tag-editor-delete {
background-color: #dfdfdf;
color: #737373;
padding-top: 6px;
padding-bottom: 6px;
}
form.t-magnified .tag-editor .tag-editor-delete i:before {
color: #aaa;
}
form.t-magnified .tag-editor li:hover .tag-editor-delete i:before {
color: #444;
}
fieldset.input-outer {
position: relative;
}
fieldset.input-outer .mytalengi_icon i {
position: absolute;
right: 15px;
top: 12px;
font-size: 20px;
color: #ccc;
}
/* Button */
form.t-magnified .btn-full {
padding: 15px;
text-align: center;
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
background-color: #414246;
border: none;
border-radius: 6px;
color: white;
}
form.t-magnified .btn-full:hover {
background-color: #303133;
color: white;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.