@background_color: #fff;
@emphasis_color: #222;
@light_color: #999;
+@lighter_color: #ccc;
@border_color: #eee;
@error_color: #ffebe8;
@success_color: #f0fff0;
margin: 10px 250px;
}
-#header #logo span{
+#header #logomini{
+ background-image: url(/images/logomini.png);
+ background-repeat: no-repeat;
+ width: 140px;
+ height: 65px;
+ display: block;
+ margin: 10px 410px;
+}
+
+#header #logo span, #header #logomini span{
display: none;
}
#body pre{
margin: 20px 170px;
- border: 1px solid @light_color;
+ border: 1px solid @lighter_color;
background-color: @border_color;
padding: 10px;
}
border-bottom: 1px solid @border_color;
}
-#body #qrcode{
- display: block;
- margin: 10px 90px;
+#body #sharing{
+ text-align: center;
}
#body input.title, #body input.url{
- border: 1px solid @border_color;
+ border: 1px solid @lighter_color;
font-size: 1.6em;
padding: 5px;
margin: 0 90px;
width: 770px;
}
+#body #sharing input.url{
+ width: 290px;
+ margin-bottom: 10px;
+ margin-top: 10px;
+}
+
#body textarea.text{
- border: 1px solid @border_color;
+ border: 1px solid @lighter_color;
font-size: 1.6em;
padding: 5px;
margin: 0 90px;
margin: 0 90px;
width: 760px;
background-color: @success_color;
+}
+
+.tooltip{
+ position: absolute;
+ top: 0;
+ left: 0;
+ z-index: 3;
+ display: none;
+}
+
+#footer{
+ height: 100px;
}
\ No newline at end of file