Box.css

From Rinchen Terdzö
Revision as of 13:53, 24 June 2015 by Jeremi (talk | contribs) ((by SublimeText.Mediawiker))

h1:first-of-type {display:none;}

.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;}

.box #headertabs .ui-state-active {

 background-color: #EAF6FF !important;
 font-weight:bold;

}

.box #headertabs .ui-state-default {

 border: none;
 border-left: 1px solid #cccccc;
 border-radius: 0px;
 padding-right: 2px;
 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;
 padding: .2em .2em 0 3em;
 background: none;

}

.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;

}

.col2 { column-count: 2; -moz-column-count: 2; -webkit-column-count: 2; -webkit-column-gap: 10px; /* Chrome, Safari, Opera */ -moz-column-gap: 10px; /* Firefox */ column-gap: 10px; }

.col3 { column-count: 3; -moz-column-count: 3; -webkit-column-count: 3; -webkit-column-gap: 10px; /* Chrome, Safari, Opera */ -moz-column-gap: 10px; /* Firefox */ column-gap: 10px; }

.col4 { column-count: 4; -moz-column-count: 4; -webkit-column-count: 4; -webkit-column-gap: 10px; /* Chrome, Safari, Opera */ -moz-column-gap: 10px; /* Firefox */ column-gap: 10px; }