SlatePermutate Files · styles/output.css · protofusion repositories

Files @ 518c6a79c8ed

Branch filter:

Location: SlatePermutate/styles/output.css

518c6a79c8ed 2.1 KiB text/css Show Annotation Show as Raw Download as Raw

Ethan Zonca

Added jqueryUI theming, may make tabs on output look weird. Also added alpha autocompletion. Please don't push this revision to production systems.

/* Output Table Styling */
.top{
  border-style:solid solid none solid;
  background-color:#dddddd;
  -moz-border-radius-topright: 5px;
  border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  border-top-left-radius: 5px;
}
.mid{
  border-style:none solid none solid;
  background-color:#dddddd;
}
.end{
  border-style:none solid solid solid;
  background-color:#dddddd;
  -moz-border-radius-bottomright: 5px;
  border-bottom-right-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-left-radius: 5px;

}
.none{
  border-style:none;
  border-bottom: 1px solid #DDD;
}
.single{
  border-style:solid;
  background-color:#dddddd;
}
td{
  text-align:center;
  width:7em;
}
.time{
  border-style:none none solid none;
}
.day{
  border-style:none none solid solid;
}

/* Class Coloring */

.class0 { background: #69c76f; }
.class1 { background: #c5c769; }
.class2 { background: #c76b69; }
.class3 { background: #696fc7; }
.class4 { background: #69a7c7; }
.class5 { background: #c769c6; }
.class6 { background: #989898; }
.class7 { background: #e8e8e8; }
.class8 { background: #111111; color: #fff; } 
.class9 { background: #00437d; color: #fff; }
.class10 { background: #7e2400; color: #fff; }
.permuteNum { border-bottom: 1px solid #000; font-weight: bold; color: #fff; background: #222; }

#tabs table {
  clear: all;
}

#tabs ul {
text-align: center;
margin: auto;
margin-top: 10px;
margin-bottom: 2px; 
}
#tabs table {
  margin: auto;
}
#tabs li a{
  -moz-border-radius-topright: 10px;
  border-top-right-radius: 10px;
  -moz-border-radius-topleft: 10px;
  border-top-left-radius: 10px;

  text-decoration: none;
  background: rgb(0,35,0); /* Fallback */
  background: rgba(0,35,0,0.9);
  padding: 2px;
}
#tabs li a:link {
        color: rgba(255,255,255,1);
}
#tabs li a:visited {
        color: rgba(255,255,255,1);
}
#tabs li a:hover, .ui-tabs-selected a  {
        background: rgba(200,200,200,1)!important;
        color: rgb(0,0,0)!important;
}
#tabs li a:active {
        color: rgba(200,200,200,1);
}
#tabs {
  min-width: 400px;
  max-width: 650px;
  margin: auto;
}
#tabs li, .ui-corner-all, .ui-corner-top { border: none;!important, background: none!important; }