Mercurial > kallithea

comparison rhodecode/public/css/style.css @ 3695:45df84d36b44 beta

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Implemented preview for comments
author Marcin Kuzminski <marcin@python-works.com>
date Sat, 06 Apr 2013 02:49:42 +0200
parents 6c505fe11f0f
children 93de03499097
comparison
equal deleted inserted replaced
3694:34093903b505 3695:45df84d36b44
216 color: #B9B9B9; 216 color: #B9B9B9;
217 } 217 }
218 218
219 a.permalink { 219 a.permalink {
220 visibility: hidden; 220 visibility: hidden;
221 position: absolute;
222 margin: 3px 4px;
221 } 223 }
222 224
223 a.permalink:hover { 225 a.permalink:hover {
224 text-decoration: none; 226 text-decoration: none;
225 } 227 }
4295 .status-block { 4297 .status-block {
4296 min-height: 80px; 4298 min-height: 80px;
4297 clear: both 4299 clear: both
4298 } 4300 }
4299 4301
4300 .comment-form .clearfix {
4301 background: #EEE;
4302 -webkit-border-radius: 4px;
4303 border-radius: 4px;
4304 padding: 10px;
4305 }
4306 4302
4307 div.comment-form { 4303 div.comment-form {
4308 margin-top: 20px; 4304 margin-top: 20px;
4309 } 4305 }
4310 4306
4322 form.comment-form { 4318 form.comment-form {
4323 margin-top: 10px; 4319 margin-top: 10px;
4324 margin-left: 10px; 4320 margin-left: 10px;
4325 } 4321 }
4326 4322
4323 .comment-inline-form .comment-block-ta,
4324 .comment-form .comment-block-ta {
4325 border: 1px solid #ccc;
4326 border-radius: 3px;
4327 box-sizing: border-box;
4328 }
4329
4327 .comment-form-submit { 4330 .comment-form-submit {
4328 margin-top: 5px; 4331 margin-top: 5px;
4329 margin-left: 525px; 4332 margin-left: 525px;
4330 } 4333 }
4331 4334
4336 .comment-form .comment { 4339 .comment-form .comment {
4337 margin-left: 10px; 4340 margin-left: 10px;
4338 } 4341 }
4339 4342
4340 .comment-form .comment-help { 4343 .comment-form .comment-help {
4341 padding: 0px 0px 5px 0px; 4344 padding: 5px 5px 5px 5px;
4342 color: #666; 4345 color: #666;
4346 }
4347 .comment-form .comment-help .preview-btn,
4348 .comment-form .comment-help .edit-btn {
4349 float: right;
4350 margin: -6px 0px 0px 0px;
4351 }
4352
4353 .comment-form .preview-box.unloaded,
4354 .comment-inline-form .preview-box.unloaded {
4355 height: 50px;
4356 text-align: center;
4357 padding: 20px;
4358 background-color: #fafafa;
4343 } 4359 }
4344 4360
4345 .comment-form .comment-button { 4361 .comment-form .comment-button {
4346 padding-top: 5px; 4362 padding-top: 5px;
4347 } 4363 }
4352 margin-bottom: 10px; 4368 margin-bottom: 10px;
4353 } 4369 }
4354 4370
4355 .comment .buttons { 4371 .comment .buttons {
4356 float: right; 4372 float: right;
4357 padding: 2px 2px 0px 0px; 4373 margin: -1px 0px 0px 0px;
4358 } 4374 }
4359 4375
4360 4376
4361 .show-inline-comments { 4377 .show-inline-comments {
4362 position: relative; 4378 position: relative;
4363 top: 1px 4379 top: 1px
4364 } 4380 }
4365 4381
4366 /** comment inline form **/ 4382 /** comment inline form **/
4383 .comment-inline-form {
4384 margin: 4px;
4385 }
4367 .comment-inline-form .overlay { 4386 .comment-inline-form .overlay {
4368 display: none; 4387 display: none;
4369 } 4388 }
4370 .comment-inline-form .overlay.submitting { 4389 .comment-inline-form .overlay.submitting {
4371 display: block; 4390 display: block;
4380 .comment-inline-form .overlay.submitting .overlay-text { 4399 .comment-inline-form .overlay.submitting .overlay-text {
4381 width: 100%; 4400 width: 100%;
4382 margin-top: 5%; 4401 margin-top: 5%;
4383 } 4402 }
4384 4403
4385 .comment-inline-form .clearfix { 4404 .comment-inline-form .clearfix,
4405 .comment-form .clearfix {
4386 background: #EEE; 4406 background: #EEE;
4387 -webkit-border-radius: 4px; 4407 -webkit-border-radius: 4px;
4388 border-radius: 4px; 4408 border-radius: 4px;
4389 padding: 5px; 4409 padding: 5px;
4410 margin: 0px;
4390 } 4411 }
4391 4412
4392 div.comment-inline-form { 4413 div.comment-inline-form {
4393 padding: 4px 0px 6px 0px; 4414 padding: 4px 0px 6px 0px;
4394 } 4415 }
4421 .comment-inline-form .comment { 4442 .comment-inline-form .comment {
4422 margin-left: 10px; 4443 margin-left: 10px;
4423 } 4444 }
4424 4445
4425 .comment-inline-form .comment-help { 4446 .comment-inline-form .comment-help {
4426 padding: 0px 0px 2px 0px; 4447 padding: 5px 5px 5px 5px;
4427 color: #666666; 4448 color: #666;
4428 font-size: 10px; 4449 }
4450
4451 .comment-inline-form .comment-help .preview-btn,
4452 .comment-inline-form .comment-help .edit-btn {
4453 float: right;
4454 margin: -6px 0px 0px 0px;
4429 } 4455 }
4430 4456
4431 .comment-inline-form .comment-button { 4457 .comment-inline-form .comment-button {
4432 padding-top: 5px; 4458 padding-top: 5px;
4433 } 4459 }