}
.share-ui {
- .share-link {
- #long_input,
- #short_input {
- width: 190px;
- }
+ .share-tabs {
+ margin-bottom: 10px;
a {
- margin-left: 5px;
+ color: #fff;
+ text-decoration: none;
+ background-color: $lightblue;
+ padding: 5px 10px;
+ }
+
+ a:first-child {
+ border-right: 1px solid #fff;
+ border-radius: 4px 0 0 4px;
+ }
+
+ a:last-child {
+ border-left: 1px solid #fff;
+ border-radius: 0 4px 4px 0;
+ }
+
+ a.active {
+ background-color: $blue;
}
+ }
- input,
+ .share-tab {
+ display: none;
+ }
+
+ .share-link {
+ input[type=text],
textarea {
+ width: 100%;
font-family: monospace;
font-size: small;
}
}
+ .share-image {
+ label {
+ margin-right: 10px;
+ }
+ }
+
#embed_html {
resize: vertical;
}