Full page blogger css

How to show only content on blogger page

<style>
  @media only screen and (min-width: 1025px) {

    #sidebar-wrapper,
    #midsidebar-wrapper,
    .gapad2,
    .blog-pager,
    .post-header-line-1,
    .post-footer {
      display: none !important;
    }

    #main-wrapper {
      width: 150% !important;
      /*98% default*/
    }

    .post {
      width: 150% !important;
      /*98% default*/
    }

    #comments {
      width: 150% !important;
      /*98% default*/
    }

    .post-title,
    .post-labels,
    post-icons,
    post-author {
      display: none !important;
    }
  }
</style>

OR

<style scoped="" type="text/css">
	#outer-wrapper {
		margin: 0 auto;
		text-align: left;
		float: none;
		background-position: center !important;
	}
	#post-wrapper {
		width: 100%;
		max-width: 100%;
		margin: 0 auto;
		text-align: left;
		float: none;
		background-position: center !important;
	}
	.post-body,
	.post {
		background-position: center !important;
	}
	#blog1,
	#artikel,
	.blog-posts {
		background-position: center !important;
	}
	#comments,
	#sidebar-wrapper,
	#menu-wrap {
		display: none;
		margin-top: 0;
		margin: 0;
	}
	.post-inner {
		padding: 0 0 0 0;
		margin: 20px auto;
	}
	.post-body ul#wrapin {
		display: block;
		position: relative;
		margin: 30px auto 0 auto;
	}
	.post-body ul#wrapin li {
		display: block;
		margin: 0 auto;
		text-align: left;
	}
	.post-body ul#wrapin br {
		display: none;
	}
</style>

Preview