Box.css

From Rinchen Terdzö
Revision as of 17:11, 24 October 2016 by Jeremi (talk | contribs)

.box {

 display: block;
 max-width: 750px;
 padding: 15px 35px;
 background-color: #EAF6FF;
 margin: 30px 0 40px 10px;
 box-shadow: 0px 0px 30px #bbb;
 border-radius: 5px;

}

.box, .box p, .box a {

 font-family: Helvetica Neue;
 font-size: 14px;
 font-weight: 300;
 line-height: 25px;

}

.box p {margin-bottom: 30px;margin-top: 0px;}

.box #headertabs .ui-state-active {

 background: #EAF6FF !important;
 font-weight: bold;
 padding-bottom: 0px;
 z-index: 100;

}

.box #headertabs .ui-state-active a:focus, .box #headertabs .ui-state-active a:active {outline: none;}

.box #headertabs .ui-state-default {

 border: none;
 border-top: 1px solid #cccccc;
 border-left: 1px solid #cccccc;
 border-bottom: 1px solid #cccccc;
 border-collapse: collapse;
 border-radius: 0px;
 background: -webkit-linear-gradient(#EAF6FF , #B6DBF5); /* For Safari 5.1 to 6.0 */
 background: -o-linear-gradient(#EAF6FF , #B6DBF5); /* For Opera 11.1 to 12.0 */
 background: -moz-linear-gradient(#EAF6FF , #B6DBF5); /* For Firefox 3.6 to 15 */
 background: linear-gradient(#EAF6FF , #B6DBF5); /* Standard syntax */
 color: #135D89;

}

.box #headertabs .ui-state-default:last-child {

 border-right: 1px solid #cccccc;

}

.box .ui-tabs .ui-tabs-nav {

 margin: 0 -35px 30px;
 padding: .2em .2em 0 3em;
 background: none;
 border: none;

}

.box .ui-tabs .ui-tabs-nav li {margin: 0px;}

.box #headertabs .ui-tabs-nav li a {

 padding: .3em 1.3em;
 font-family: Helvetica Neue;
 font-size: 16px;
 font-weight: 300;

}

.box .header {

 font-size:25px;
 font-weight:300;
 line-height: 30px;
 margin: 20px 0;

}

.box input, .box textarea {

 font-family: Helvetica Neue;
 font-size: 15px;
 font-weight: 300;
 padding: 3px;

}

.firsthalf {

 float:left;
 padding-right:15px;
 border-right:1px solid #ddd;
 margin-right:25px;
 margin-bottom:10px;

}

.secondhalf {

 float:left;
 margin-bottom:10px;

}

.box h3 {

 font-size:150%;
 font-weight: 300;
 border-bottom: 1px solid #aaa;
 margin-bottom: 20px;

}

span.edit-link {

 float: right;

}

.edit-link a {

 display:inline-block;
 float:right;
 color: #6E0000 !important;
 font-size: 14px;
 line-height: 1em;
 font-weight: 300;

}

.edit-link a:hover {

 text-decoration: underline;
 cursor:pointer;

}