kallithea Changeset - 731b6444984c

Changeset - 731b6444984c

Parent rev.

Child rev.

[Not reviewed]

default

0 1 0

Na'Tosha Bard - 11 years ago 2014-09-18 12:10:45
natosha@unity3d.com

Improve Journal page (fix some broken CSS)

The existing journal page references some CSS from bootstrap, but we are not
currently using bootstrap. This change implements the missing css in our own
style so that the page does not have a broken layout.

1 file changed with 14 insertions and 0 deletions:

kallithea/public/css/style.css

0 comments (0 inline, 0 general)

kallithea/public/css/style.css

➞

Show inline comments

@@ @@ -921,192 +921,206 @@ tbody .yui-dt-editable { cursor: pointer @@
 .yui-skin-sam .yui-dt-paginator .yui-dt-next { display: none }
 .yui-skin-sam a.yui-dt-page {
     border: 1px solid #cbcbcb;
     padding: 2px 6px;
     text-decoration: none;
     background-color: #fff;
+}
 .yui-skin-sam .yui-dt-selected {
     border: 1px solid #fff;
     background-color: #fff;
+}
 #content #left {
     left: 0;
     width: 280px;
     position: absolute;
+}
 #content #right {
     margin: 0 60px 10px 290px;
+}
 #content div.box {
     clear: both;
     background: #fff;
     margin: 0 0 10px;
     padding: 0 0 10px;
     -webkit-border-radius: 4px 4px 4px 4px;
     -khtml-border-radius: 4px 4px 4px 4px;
     border-radius: 4px 4px 4px 4px;
     box-shadow: 0 2px 2px rgba(0, 0, 0, 0.6);
+}
 #content div.box-left {
     width: 49%;
     clear: none;
     float: left;
     margin: 0 0 10px;
+}
 #content div.box-right {
     width: 49%;
     clear: none;
     float: right;
     margin: 0 0 10px;
+}
 #content div.box div.title {
     clear: both;
     overflow: hidden;
     background-color: #577632;
     background-repeat: repeat-x;
     background-image: -khtml-gradient(linear, left top, left bottom, from(#577632), to(#577632) );
     background-image: -moz-linear-gradient(top, #577632, #577632);
     background-image: -ms-linear-gradient(top, #577632, #577632);
     background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #577632), color-stop(100%, #577632) );
     background-image: -webkit-linear-gradient(top, #577632, #577632);
     background-image: -o-linear-gradient(top, #577632, #577632);
     background-image: linear-gradient(to bottom, #577632, #577632);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#577632', endColorstr='#577632', GradientType=0 );
     margin: 0 0 20px;
     padding: 0;
     border-radius: 4px 4px 0 0;
+}
 #content div.box div.title h5 {
     float: left;
     border: none;
     color: #fff;
     margin: 0;
     padding: 11px 0 11px 10px;
+}
 #content div.box div.title .link-white {
     color: #FFFFFF;
+}
 #content div.box div.title .link-white.current {
     color: #BFE3FF;
+}
 #content div.box div.title ul.links li {
     list-style: none;
     float: left;
     margin: 0;
     padding: 0;
+}
 #content div.box div.title ul.links li a {
     font-size: 13px;
     font-weight: 700;
     height: 1%;
     margin: 4px;
     text-decoration: none;
+}
 #content div.box div.title ul.links.nav-tabs li a {
     float: left;
     color: #fff;
     margin: 0;
     padding: 11px 10px 11px 10px;
+}
 #content div.box div.title ul.links.icon-only-links li a {
     float: left;
     color: #fff;
     margin: 0;
     padding: 11px 10px 11px 10px;
+}
 #content div.box h1, #content div.box h2, #content div.box h3, #content div.box h4, #content div.box h5, #content div.box h6,
 #content div.box div.h1, #content div.box div.h2, #content div.box div.h3, #content div.box div.h4, #content div.box div.h5, #content div.box div.h6 {
     clear: both;
     overflow: hidden;
     margin: 8px 20px 5px;
+}
 #content div.box p {
     color: #5f5f5f;
     font-size: 12px;
     line-height: 150%;
     margin: 0 24px 10px;
     padding: 0;
+}
 #content div.box blockquote {
     border-left: 4px solid #DDD;
     color: #5f5f5f;
     font-size: 11px;
     line-height: 150%;
     margin: 0 34px;
     padding: 0 0 0 14px;
+}
 #content div.box blockquote p {
     margin: 10px 0;
     padding: 0;
+}
 #content div.box dl {
     margin: 10px 0px;
+}
 #content div.box dt {
     font-size: 12px;
     margin: 0;
+}
 #content div.box dd {
     font-size: 12px;
     margin: 0;
     padding: 8px 0 8px 15px;
+}
 #content div.box li {
     font-size: 12px;
     padding: 4px 0;
+}
 #content div.box ul.disc, #content div.box ul.circle {
     margin: 10px 24px 10px 38px;
+}
 #content div.box ul.square {
     margin: 10px 24px 10px 40px;
+}
 #content div.box img.left {
     border: none;
     float: left;
     margin: 10px 10px 10px 0;
+}
 #content div.box img.right {
     border: none;
     float: right;
     margin: 10px 0 10px 10px;
+}
 #content div.box div.messages {
     clear: both;
     overflow: hidden;
     margin: 0 20px;
     padding: 0;
+}
 #content div.box div.message {
     clear: both;
     overflow: hidden;
     margin: 0;
     padding: 5px 0;
     white-space: pre-wrap;
+}
 #content div.box div.expand {
     width: 110%;
     height: 14px;
     font-size: 10px;
     text-align: center;
     cursor: pointer;
     color: #666;
     background: -webkit-gradient(linear,0% 50%,100% 50%,color-stop(0%,rgba(255,255,255,0)),color-stop(100%,rgba(64,96,128,0.1)));
     background: -webkit-linear-gradient(top,rgba(255,255,255,0),rgba(64,96,128,0.1));
     background: -moz-linear-gradient(top,rgba(255,255,255,0),rgba(64,96,128,0.1));
     background: -o-linear-gradient(top,rgba(255,255,255,0),rgba(64,96,128,0.1));
     background: -ms-linear-gradient(top,rgba(255,255,255,0),rgba(64,96,128,0.1));

0 comments (0 inline, 0 general)