diogo/symfony
Archived
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

uniformized styles

Browse Source
This commit is contained in:
Fabien Potencier 2012-11-12 18:15:25 +01:00
parent e0aab4075f
commit 983b2b5e2a
3 changed files with 0 additions and 123 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
src/Symfony/Bundle/FrameworkBundle/Resources/public/css/exception.css
View File

@ -6,7 +6,6 @@ version: 3.1.2
build: 56
*/
.sf-reset html{color:#000;background:#FFF;}.sf-reset body,.sf-reset div,.sf-reset dl,.sf-reset dt,.sf-reset dd,.sf-reset ul,.sf-reset ol,.sf-reset li,.sf-reset h1,.sf-reset h2,.sf-reset h3,.sf-reset h4,.sf-reset h5,.sf-reset h6,.sf-reset pre,.sf-reset code,.sf-reset form,.sf-reset fieldset,.sf-reset legend,.sf-reset input,.sf-reset textarea,.sf-reset p,.sf-reset blockquote,.sf-reset th,.sf-reset td{margin:0;padding:0;}.sf-reset table{border-collapse:collapse;border-spacing:0;}.sf-reset fieldset,.sf-reset img{border:0;}.sf-reset address,.sf-reset caption,.sf-reset cite,.sf-reset code,.sf-reset dfn,.sf-reset em,.sf-reset strong,.sf-reset th,.sf-reset var{font-style:normal;font-weight:normal;}.sf-reset li{list-style:none;}.sf-reset caption,.sf-reset th{text-align:left;}.sf-reset h1,.sf-reset h2,.sf-reset h3,.sf-reset h4,.sf-reset h5,.sf-reset h6{font-size:100%;font-weight:normal;}.sf-reset q:before,.sf-reset q:after{content:'';}.sf-reset abbr,.sf-reset acronym{border:0;font-variant:normal;}.sf-reset sup{vertical-align:text-top;}.sf-reset sub{vertical-align:text-bottom;}.sf-reset input,.sf-reset textarea,.sf-reset select{font-family:inherit;font-size:inherit;font-weight:inherit;}.sf-reset input,.sf-reset textarea,.sf-reset select{*font-size:100%;}.sf-reset legend{color:#000;}
.sf-reset html,
.sf-reset body {
width: 100%;
@ -20,24 +19,20 @@ build: 56
text-align: left;
background-color: #efefef;
}
.sf-reset abbr {
border-bottom: 1px dotted #000;
cursor: help;
}
.sf-reset p {
font-size: 14px;
line-height: 20px;
color: #868686;
padding-bottom: 20px;
}
.sf-reset strong {
color: #313131;
font-weight: bold;
}
.sf-reset a {
color: #6c6159;
}
@ -47,11 +42,9 @@ build: 56
.sf-reset a:hover {
text-decoration: underline;
}
.sf-reset em {
font-style: italic;
}
.sf-reset h2,
.sf-reset h3 {
font-weight: bold;
@ -62,11 +55,9 @@ build: 56
color: #313131;
word-break: break-all;
}
.sf-reset li {
padding-bottom: 10px;
}
.sf-reset .traces {
padding-bottom: 14px;
}
@ -91,14 +82,12 @@ build: 56
.sf-reset .traces li:after {
content: "\00A0";
}
.sf-reset .trace {
border: 1px solid #D3D3D3;
padding: 10px;
overflow: auto;
margin: 10px 0 20px;
}
.sf-reset .block,
.sf-reset .block_exception {
-moz-border-radius: 16px;
@ -120,7 +109,6 @@ build: 56
color: #313131;
font-size: 10px;
}
.sf-reset .block_exception_detected .illustration_exception,
.sf-reset .block_exception_detected .text_exception {
float: left;
@ -133,7 +121,6 @@ build: 56
padding: 30px 44px 24px 46px;
position: relative;
}
.sf-reset .text_exception .open_quote,
.sf-reset .text_exception .close_quote {
position: absolute;
@ -146,7 +133,6 @@ build: 56
bottom: 0;
right: 50px;
}
.sf-reset .block_exception p {
font-family: Arial, Helvetica, sans-serif;
}
@ -154,36 +140,30 @@ build: 56
.sf-reset .block_exception p a:hover {
color: #565656;
}
.sf-reset h2 {
font-size: 16px;
font-family: Arial, Helvetica, sans-serif;
padding-bottom: 16px;
}
.sf-reset li a {
background: none;
color: #868686;
text-decoration: none;
}
.sf-reset li a:hover {
background: none;
color: #313131;
text-decoration: underline;
}
.sf-reset .logs h2 {
float: left;
width: 654px;
}
.sf-reset .error_count {
float: right;
width: 170px;
text-align: right;
}
.sf-reset .error_count span {
display: inline-block;
background-color: #aacd4e;
@ -196,21 +176,17 @@ build: 56
font-size: 11px;
font-weight: bold;
}
.sf-reset .toggle {
vertical-align: middle;
}
.sf-reset .linked ul,
.sf-reset .linked li {
display: inline;
}
.sf-reset #output_content {
color: #000;
font-size: 12px;
}
.sf-reset ol {
padding: 10px 0;
}

21
src/Symfony/Bundle/FrameworkBundle/Resources/public/css/exception_layout.css
View File

@ -1,27 +1,22 @@
html {
background: #eee;
}
body {
font: 11px Verdana, Arial, sans-serif;
color: #333;
}
.sf-reset, .sf-reset .block, .sf-reset #message {
margin: auto;
}
img {
border: 0;
}
.clear {
clear: both;
height: 0;
font-size: 0;
line-height: 0;
}
.clear_fix:after {
content: "\0020";
display: block;
@ -38,25 +33,20 @@ img {
.clear_fix {
display: block;
}
.header {
padding: 30px 30px 20px 30px;
}
.header_logo {
float: left;
}
.search {
float: right;
padding-top: 20px;
}
.search label {
line-height: 28px;
vertical-align: middle;
}
.search input {
width: 188px;
margin-right: 10px;
@ -66,11 +56,9 @@ img {
padding: 5px 6px;
color: #565656;
}
.search input[type="search"] {
-webkit-appearance: textfield;
}
.search button {
-webkit-appearance: button-bevel;
float: none;
@ -87,21 +75,17 @@ img {
border: 0;
background: none;
}
.search button:-moz-focus-inner {
padding: 0;
border: none;
}
.search button:hover {
text-decoration: none;
}
.search button span span,
.search button span span span {
position: static;
}
.search button span {
position: relative;
text-decoration: none;
@ -111,12 +95,10 @@ img {
padding: 0 0 0 8px;
background: transparent url(../images/border_l.png) no-repeat top left;
}
.search button span span {
padding: 0 8px 0 0;
background: transparent url(../images/border_r.png) right top no-repeat;
}
.search button span span span {
padding: 0 7px;
font: bold 11px Arial, Helvetica, sans-serif;
@ -124,17 +106,14 @@ img {
line-height: 28px;
background: transparent url(../images/btn_bg.png) repeat-x top left;
}
#content {
width: 970px;
margin: 0 auto;
}
pre {
white-space: normal;
font-family: Arial, Helvetica, sans-serif;
}
pre.xdebug-var-dump{
white-space: pre;
font-family: monospace;

78
src/Symfony/Bundle/WebProfilerBundle/Resources/views/Profiler/profiler_style.html.twig
View File

@ -6,7 +6,6 @@ http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}
html, body {
background-color: #efefef;
}
@ -14,14 +13,12 @@ body {
font: 1em "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
text-align: left;
}
p {
font-size: 14px;
line-height: 20px;
color: #313131;
padding-bottom: 20px
}
strong {
color: #313131;
font-weight: bold;
@ -29,7 +26,6 @@ strong {
em {
font-style: italic;
}
a {
color: #6c6159;
}
@ -39,7 +35,6 @@ a img {
a:hover {
text-decoration: underline;
}
button::-moz-focus-inner {
padding: 0;
border: none;
@ -50,7 +45,6 @@ button {
background-color: transparent;
font-weight: bold;
}
caption {
margin-bottom: 7px;
}
@ -70,16 +64,13 @@ table th, table td {
font-size: 12px;
padding: 8px 10px;
}
fieldset {
border: none;
}
abbr {
border-bottom: 1px dotted #000;
cursor: help;
}
.clear {
clear: both;
height: 0;
@ -102,31 +93,24 @@ abbr {
{
display: block;
}
#content {
padding: 0 50px;
margin: 0 auto 20px;
font-family: Arial, Helvetica, sans-serif;
min-width: 970px;
}
#header {
padding: 20px 30px 20px;
}
#header h1 {
float: left;
}
.search {
float: right;
}
#menu_profiler {
border-right: 1px solid #dfdfdf;
}
#menu_profiler li {
border-bottom: 1px solid #dfdfdf;
position: relative;
@ -135,7 +119,6 @@ abbr {
background-color: #f6f6f6;
z-index: 10000;
}
#menu_profiler li a {
color: #404040;
display: block;
@ -144,14 +127,12 @@ abbr {
text-decoration: none;
cursor: pointer;
}
#menu_profiler li a span.label {
display: block;
padding: 20px 0px 16px 65px;
min-height: 16px;
overflow: hidden;
}
#menu_profiler li a span.icon {
display: block;
position: absolute;
@ -160,12 +141,10 @@ abbr {
width: 60px;
text-align: center;
}
#menu_profiler li.selected a,
#menu_profiler li a:hover {
background: #d1d1d1 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAA7CAAAAACfn7+eAAAACXZwQWcAAAABAAAAOwDiPIGUAAAAJElEQVQIW2N4y8TA9B+KGZDYEP5/FD4Eo7IgNLJqZDUIMRRTAcmVHUZf/1g/AAAAAElFTkSuQmCC) repeat-x 0 0;
}
#navigation div:first-child,
#menu_profiler li:first-child,
#menu_profiler li:first-child a,
@ -174,34 +153,28 @@ abbr {
-webkit-border-radius: 16px 0 0 0;
border-radius: 16px 0 0 0;
}
#menu_profiler li a span.count {
padding: 0;
position: absolute;
right: 10px;
top: 20px;
}
#collector_wrapper {
float: left;
width: 100%;
}
#collector_content {
margin-left: 250px;
padding: 30px 40px 40px;
}
#navigation {
float: left;
width: 250px;
margin-left: -100%;
}
#collector_content table td {
background-color: white;
}
h1 {
font-family: Georgia, "Times New Roman", Times, serif;
color: #404040;
@ -210,19 +183,15 @@ h2, h3 {
font-weight: bold;
margin-bottom: 20px;
}
li {
padding-bottom: 10px;
}
#main {
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
border-radius: 16px;
margin-bottom: 20px;
}
#menu_profiler span.count span {
display: inline-block;
background-color: #aacd4e;
@ -234,7 +203,6 @@ li {
margin-right: 2px;
font-size: 11px;
}
#resume {
background-color: #f6f6f6;
border-bottom: 1px solid #dfdfdf;
@ -247,7 +215,6 @@ li {
-webkit-border-top-right-radius: 16px;
border-top-right-radius: 16px;
}
a#resume-view-all {
display: inline-block;
padding: 0.2em 0.7em;
@ -258,68 +225,55 @@ a#resume-view-all {
font-weight: bold;
text-decoration: none;
}
table th.value {
width: 450px;
background-color: #dfeeb8;
}
#content h2 {
font-size: 24px;
color: #313131;
font-weight: bold;
}
#content #main {
padding: 0;
background-color: #FFF;
border: 1px solid #dfdfdf;
}
#content #main p {
color: #313131;
font-size: 14px;
padding-bottom: 20px;
}
.sf-toolbarreset {
border-top: 0;
padding: 0;
}
.sf-reset .block_exception_detected .text_exception {
left: 10px;
right: 10px;
width: 95%;
}
.sf-reset .block_exception_detected .illustration_exception {
display: none;
}
ul.alt {
margin: 10px 0 30px;
}
ul.alt li {
padding: 5px 7px;
font-size: 13px;
}
ul.alt li.even {
background: #f1f7e2;
}
ul.alt li.error {
background-color: #f66;
margin-bottom: 1px;
}
ul.alt li.warning {
background-color: #ffcc00;
margin-bottom: 1px;
}
td.main, td.menu {
text-align: left;
margin: 0;
@ -327,16 +281,13 @@ td.main, td.menu {
border: 0;
vertical-align: top;
}
.search {
padding-top: 20px;
}
.search label {
line-height: 28px;
vertical-align: middle;
}
.search input {
width: 188px;
margin-right: 10px;
@ -346,11 +297,9 @@ td.main, td.menu {
padding: 5px 6px;
color: #565656;
}
.search input[type="search"] {
-webkit-appearance: textfield;
}
.search button {
-webkit-appearance: button-bevel;
float: none;
@ -365,16 +314,13 @@ td.main, td.menu {
vertical-align: middle;
background: none;
}
.search button:hover {
text-decoration: none;
}
.search button span span,
.search button span span span {
position: static;
}
.search button span {
position: relative;
text-decoration: none;
@ -384,12 +330,10 @@ td.main, td.menu {
padding: 0 0 0 8px;
background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAcCAQAAAD2QTaNAAAAwElEQVQY02NkgILLkgwODBoMcoxQrgdDsIwVpzibEJBzieVSycsTPz/9/Q+CQIGL0S9P/fkPgywXZP67CBr/hxnFwPLfXtacgQlZQJdTGsEFCYgy8vxDEWBB1gAU+MeALA9SwfAfXYCQCixm0EXLn3//GJkQAkz/3/7+ClIFg0z/L39/CjIHBpn+73964v9/JAH3J//3vT2D0MLMwBB97RsvAz8bPyM7yFBoRG0DRpSkFbsEqxAjzLqtoKjUYpADAEhLb4eyx24jAAAAAElFTkSuQmCC) no-repeat top left;
}
.search button span span {
padding: 0 8px 0 0;
background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAcCAQAAAD2QTaNAAAAxElEQVR42r2Ruw4BUQBEx7qRbKFAud+wjYJOKcLv+B+JRiT0CgWNUEiE2Ihy41kgiHjuHdwQezU6M93JmWoCgwJcjNCw51AJSHlZH5eTFqp2TRGPz553y3Y/3xeAoMLBcCwJYzFFySDejcSZ7lk+gKCVYEoQn5gWbSF9wDAZ1QyEaGoGIKEbIL4M/jTkfya6wRtPmnE7cKUZxxmHPkA57aDpm2y6rGcmL8Pbb51VBWV1w3V9XswfR2XVUWJchAsHjdzryjuV/nX4Zt09SgAAAABJRU5ErkJggg==) right top no-repeat;
}
.search button span span span {
padding: 0 7px;
font: bold 11px Arial, Helvetica, sans-serif;
@ -397,12 +341,10 @@ td.main, td.menu {
line-height: 28px;
background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAcCAQAAAAKVB1HAAAAHklEQVQI12O4vJDh33+m/wwo6B82EpMBJ5EYzB5KABsgHO7OnIbSAAAAAElFTkSuQmCC) repeat-x top left;
}
#navigation div:first-child {
margin: 0 0 20px;
border-top: 0;
}
#navigation .search {
padding-top: 15px;
float: none;
@ -412,102 +354,82 @@ td.main, td.menu {
border: 1px solid #dfdfdf;
border-left: none;
}
#navigation .search h3 {
font-family: Arial, Helvetica, sans-serif;
text-transform: uppercase;
margin-left: 10px;
font-size: 13px;
}
#navigation .search form {
padding: 15px 0;
}
#navigation .search button {
float: right;
margin-right: 20px;
}
#navigation .search label {
display: block;
float: left;
width: 50px;
}
#navigation .search input,
#navigation .search select,
#navigation .search label,
#navigation .search a {
font-size: 12px;
}
#navigation .search form {
padding-left: 10px;
}
#navigation .search input {
width: 160px;
}
#navigation .import label {
float: none;
display: inline;
}
#navigation .import input {
width: 100px;
}
.timeline {
background-color: #fbfbfb;
margin-bottom: 15px;
margin-top: 5px;
}
#collector_content .routing tr.matches td {
background-color: #0e0;
}
#collector_content .routing tr.almost td {
background-color: #fa0;
}
.loading {
background: transparent url(data:image/gif;base64,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) scroll no-repeat 50% 50%;
height: 30px;
display: none;
}
.sf-profiler-timeline .legends {
font-size: 12px;
line-height: 1.5em;
}
.sf-profiler-timeline .legends span {
border-left-width: 10px;
border-left-style: solid;
padding: 0 10px 0 5px;
}
.sf-profiler-timeline canvas {
border: 1px solid #999;
border-width: 1px 0;
}
.collapsed-menu-parents #resume,
.collapsed-menu-parents #collector_content {
margin-left: 60px !important;
}
.collapsed-menu {
width: 60px !important;
}
.collapsed-menu span :not(.icon) {
display: none !important;
}
.collapsed-menu span.icon img {
display: inline !important;
}