-ul.plugins{
- list-style-type: none;
- margin: 20px 10px;
-}
-
-ul.plugins li{
+li.plugin{
padding: 5px 10px;
- margin: 10px;
+ margin: 10px 0;
border-radius: 3px;
+ border: solid 1px #c0c0c0;
+}
+
+li.plugin.enabled{
+ background-color: #ffffff;
}
-ul.plugins h3{
+li.plugin.disabled{
+ background-color: #f7f7f7;
+}
+
+li.plugin.uninstalled{
+ background-color: #e5e5e5;
+}
+
+li.plugin h3{
margin: 0 0 10px 0;
- border-bottom: none;
+ border-bottom: solid 1px #d5d5d5;
+ font-size: 1.4em;
+ line-height: 1em;
}
-ul.plugins p.folder{
+li.plugin h3 span{
float: right;
- font-size: 0.9em;
- margin: 2px 0 0 0;
+ font-size: 0.7em;
+ margin: 0.3em 0 0 0;
}
-ul.plugins li ul.plugin_links{
+li.plugin ul.plugin_links{
+ margin-top: 0.5em;
text-align: right;
}
-ul.plugins li ul.plugin_links li{
+li.plugin ul.plugin_links li{
display: inline;
- padding: 1px 7px;
+ padding: 0 7px;
margin: 0;
+ border-left: solid 1px #c0c0c0;
}
-ul.plugins li ul.plugin_links li input{
- width: 2em;
+li.plugin ul.plugin_links li:after{
+ content: "";
+ display: none;
+ clear: none;
}
-ul.plugins li.buttons{
- text-align: right;
+li.plugin ul.plugin_links li:first-child{
+ border-left: none;
+}
+
+li.plugin ul.plugin_links li input{
+ width: 2em;
+ border: solid 1px #c0c0c0;
}