/**
 * JailbreakQA Mobile CSS
 *
 * Written by kirb <http://adam.hbang.ws>
 * Modified by britta <http://jeweledplatypus.org/>
 * Modified by iAdam1n
 */

@media only screen and (max-width: 700px) {
	* {
		-webkit-text-size-adjust: none;
	}

	body {
		padding: 6px;
	}

	button, input[type=button], input[type=submit] {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	}

	#wrapper, #announcement, #roof, #searchBar, #ground, #CALeft, .comment-right, #nav, #logo, #top, .comment-form-buttons {
		float: none;
		width: auto;
	}
	/* added by britta */
	#announcement {
	    margin-top: 0;
	}
	#announcement div {
	    padding-top: 0;
	}
	#announcement p {
	    font-size: 80%;
	}
	#room {
	    padding-top: 0px;
	}
	#question-tags-and-controls {
	    width: 100%;
	}
	#mini-about table {
	    padding-top: 10px;
	}
	#mini-about td {
	    padding: 0 10px;
	}
	/* end added by britta */
	
	/* Added by iAdam1n to fix the "title" and "tags" text boxes width on ask a question page.*/
	#id_title, #id_tags {
		width: 97%
	}
	/*End of edit by iAdam1n.*/
	
	#top {
		width: auto;
		text-align: center;
	}

	#top a:first-child {
		margin-left: 0;
	}

	#logo {
		padding-top: 5px; /* modified by britta from 15px */
		text-align: center;
	}
	/* added by britta */
	#logo .title-sm {
	    font-size: 26px;
	}
	#logo .title-big {
	    font-size: 26px;
	}
	/* end added by britta */

	#searchBar {
		height: auto;
	}

	#searchBar .searchInput, #searchBar .searchBtn, #nav a, #nav a.on, .paginator .page, .paginator .page a:visited, .paginator .curr, .tabsA a, div.comment-tools a, .tags a, span.tag, .dialog-yes, .dialog-no, .comment-form-buttons input, a.sidebar_button {
		font-size: 12px;
		display: inline-block;
		height: 25px !important;
		line-height: 25px;
		padding: 0 5px;
		margin-right: 6px;
		margin-bottom: 3px;
	}

	#searchBar .searchInput, #searchBar .searchBtn, div.comment-tools a, .tags a, span.tag, .comment-form-buttons input, a.sidebar_button {
		margin-right: 0;
		margin-bottom: 0;
	}

/* Edited by iAdam1n and edited by kirb for search bar and "Ask a Question" button on the same line.*/
@media screen and (orientation:portrait) {
	#searchBar .searchInput {
		width: -webkit-calc(100% - 160px); 
		-webkit-appearance: none; 
  		padding: 0 5px;
 		box-sizing: border-box;
 		border-radius: 0;
 	}

	.notify p {
		position: relative;
		left: -12px;
	}
	
	#searchBar .searchBtn {
 		position: absolute;
		left: -webkit-calc(100% - 60px - 94px); 
  		right: auto;
 		width: 50px;
 	}
 
 	#nav a#nav_ask {
  		position: absolute;
		left: -webkit-calc(100% - 89px - 8px); 
  		width: 90px;
  		top: 61%;
 		font-size: 12px;	
 	}
	
	/*Start of by iAdam1n fix for notification banner overlapping the page sometimes.*/
	.notify {
		max-width: 100%;
	}
	/*End of by iAdam1n fix for notification banner overlapping the page sometimes.*/
 }
	
	@media screen and (orientation:landscape) {
	#searchBar .searchInput {
		width: 65%;
		padding: 0 5px;
		box-sizing: border-box;
		border-radius: 0;
	}

	#searchBar .searchBtn {
		position: absolute;
		left: 66%;
		right: auto;
		padding-left: 0 5px;
		width: 50px;
	}

	#nav a#nav_ask {
		position: absolute;
		left: 79%;
		width: 90px;
		top: 61%;
		font-size: 12px;
	}
}
	/* added by britta: */
	/* Edited by iAdam1n to remove badges for user who is signed in on portrait only */
@media screen and (orientation:portrait) {
 	#nav a#nav_questions, #nav a#nav_tags, #nav a#nav_users, #nav a#nav_badges, #nav a#nav_unanswered, span.badgecount, span.badge1, span.silver, span.bronze  {
	    display: none;
	}
}
	
@media screen and (orientation:landscape) {
 	#nav a#nav_questions, #nav a#nav_tags, #nav a#nav_users, #nav a#nav_badges, #nav a#nav_unanswered {
	    display: none;
	}
}
	/* end added by britta */

	body > h1 {
		display: none;
	}

	.tabBar {
		height: auto;
	}

	.headQuestions {
		float: none;
	}
	/* added by britta */
	.headQuestions {
	    font-size: 18px;
	}

	/*Added by iAdam1n to make the user pages look better.*/
	@media screen and (orientation:portrait) {
	.user-details {
		position: absolute;
		right: 13%;
		top: 255px;
	}
		
	.short-summary .question-summary-wrapper {
    	max-width: 80%;
    	padding-left: 10%;
	}
		
	.user-details h3 {
		padding-top: px;
	}
	
	#user-menu {
		position: absolute;
		left: 10%;
		top: -28px;
		width: 90px;
	}
	
	#user-menu-dropdown {
		position: absolute;
		left: -62px;
		width: 59%;
	}
	
	.user-info-table .gravatar {
		position: absolute;
		top: 492px;
		left: 5px;
	}
	
	.scoreNumber {
		position: static;
		padding-top: 300px;
		padding-right: 50px;
		padding-left: -10px; 
	}
	
	.user-about {
		position: absolute;
		right: 0px;
	    left: 133px;
		top: 492px;
		height: 45%;
		width: 160px;
	}

	.user-stats-table {
		position: static;
		margin-left: 0px;
		max-width: 41%;
	} 

	.answer-body, .comment-text {
		max-width: 90%;
	}
		
	#comment-tools-271544 { /*Hacky way of fixing that one button that would not abide by the other's rules.*/
		max-width: 72%;
	}
		
    .post-update-info-edited {
		position: absolute;
		left: 60%;
	}

	.question-summary-wrapper .userinfo {
    	position: relative;
    	left: 35px;
	}
		
	/* Enabled most of the requested options by iAdam1n.*/
	.tabsA {
		float: left;
		padding-bottom: 30px;
	}
	
	#CALeft .tabsA {
		top: -4px;
		padding-bottom: 10px;
	}
		
	#subheader.headUser {
		position: static;
		padding-top: 0px;
		font-size: 16px;
		padding-left: 2%;
	}
	
	.user-details h3 {
		position: static;
		padding-top: 40px;
		padding-left: 0px;
	}
	
	.comment-info {
		width: 275px;
	}
		
	a.comment-like, a.comment-delete, a.comment-edit, a.comment-convert, a.comment-convert-to-question {
    	width: 16px;
	}
		
	#questionTabs {
		display: none;
	}
	
	#answerTabs {
		display: none;
	}
	
	#questionsBlock {
		position: static;
		padding-top: 25px;
	}
		
	/*Start of fix for profile editing on portrait by iAdam1n */
	#askform .user-details {
		position: static;
		width: 63%;
	}
		
	#askform .user-details #id_email {
		position: static;
		width: 47%;
	}
		
	#askform .user-details .title-desc {
		position: absolute;
	}
		
	#askform .user-details #id_realname {
		position: static;
		width: 47%;
	}
		
	#askform .user-details #id_website {
		position: static;
		width: 47%;
	}
		
	#askform .user-details #id_city {
		position: static;
		width: 47%;
	}
	
	#askform .user-details #id_birthday {
		position: static;
		width: 47%;
	}
	
	#askform .user-details #id_about {
		position: static;
		width: 49%;
	}
	/*End of fix for profile editing on portrait by iAdam1n */
	
	code {
		display: inline-block;
		max-width: 90%;
	}
	
	pre {
		max-width: 95%;
	}
		
	#diagram {
		display: none;
	}
		
	#id_revision {
		max-width: 102%;
	}
		
	#id_summary {
		max-width: 97%;
	}
		
	h2 {
		position: static;
		padding-top: 30px;
	}
		
	#navBar {
		position: static;
		padding-top: 8%;
		padding-bottom: 17px;
	}
		
	#subscriptions_settings h2 {
		position: absolute;
		top: 173%;
	}
		
	#subscriptions_settings .message {
		position: static;
		
	}
		
	#subscriptions_settings .inline-block {
		max-width: 97%;
	}
		
	#listA .userinfo { /*Looks like it does nothing but fixes position*/
		position: relative;
		left: 0px;
	}
	
	.action_container { /*Fixes the recent activity page content*/
		position: static;
		width: 500px;
	}
}
	.answer-summary {
		position: relative;
		right: 0px;
	}
	
	@media screen and (orientation:landscape) {
	.action_container { /*Fixes the recent activity page content*/
		position: relative;
		width: 900px;
		top: 100px;
		padding-bottom: 80px;
	}
		
	.user-about {
		position: absolute;
		right: 5px;
		left: 5px;
		top: 435px;
		height: 31%;
		width: auto;
		padding-top: 5px;
		padding-bottom: 0px;
	}
		
	.user-info-table .gravatar {
		position: absolute;
		top: 78%;
		left: 2%;
	}
		
	.scoreNumber  {
		position: static;
		padding-top: 65%;
		padding-right: 50px;
		padding-left: -10px;
	}
	
	.context-menu-trigger {
		position: absolute;
		top: -28px;
		width: 95px;
		left: 80%;
	}
	
	#user-menu-dropdown {
		position: absolute;
		left: 32%;
		width: 95%;
	}
		
	.user-details {
		position: absolute;
		left: 30%;
		top: 71%;
	}
		
	#questionsBlock {
		position: static;
		margin-top: 15px;
	}
		
	.action-link.context-menu-trigger {
		position: static;
		padding-left: 7px;
	}	
		
	 #CALeft .tabsA {
		position: relative;
		top: -5px;
		padding-bottom: 5px;
		
	}
		
	#askform .tabBar .tabsA {
		position: relative;
		top: -30px;
		left: -webkit-calc(100% - 100px - 100px); 
	}
		
   .tabsA {
		position: absolute;
		float: left;
		top: 169%;
	}
		
	#questionTabs {
		display: none;
	}
	
	#answerTabs {
		display: none;
	}
	
	#questionsBlock {
		position: static;
		padding-top: 95px;
	}
		
	.user-stats-table {
		position: static;
		margin-left: 0px;
	}
		
	code {
		display: inline-block;
		max-width: 90%;
	}
	
	pre {
		max-width: 88%;
	}
		
	.comment-info {
		position: relative;
		left: -12%;
	}
		
	.comment-tools {
		position: relative;
		left: -12%;
	}
		
	#diagram {
		position: absolute;
		padding-top: 18%;
		left: -12px;
	}
	
	.tickLabels {
		position: relative;
		top: -100%;
	}
		
	#askform .user-details {
		position: static;
		width: 63%;
	}
}
	.answer-body img { 
		max-width: 90%; 
	}
	
	.action_container {
		float: left;
		max-width: 60%;
	}
	.post-update-info-container, .post-update-info {
		clear: both;
		float: none;
		margin-top: 5px;
		margin-bottom: 5px;
	}

	.comment-info * {
		margin-top: 2px;
	}

	a.comment-like, a.comment-delete, a.comment-edit, a.comment-convert, a.comment-convert-to-question, .action-link a {
		padding: 2px;
		margin: -2px -1px -2px 0;
	}

	#editor {
		width: 99%;
		font-size: 14px;
	}

	#wmd-button-bar, #editor-metrics {
		display: none;
	}

	.comment-form-buttons {
		height: auto;
	}

	.comment-form-buttons input {
		display: inline-block;
		width: 50%;
		width: -webkit-calc(50% - 3px);
		line-height: 25px;
		font-size: 15px;
		margin: 5px 0;
		padding: 0;
		background: #c0c0c0;
	}

	.comment-form-widgets-container textarea {
		width: 99%;
		float: none;
		font-size: 14px;
	}

	span.comment-chars-left {
		display: block;
		margin-top: 5px;
	}

	.preview-toggle table {
		font-size: 13px;
	}

	.short-summary, .short-summary .question-summary-wrapper {
		width: auto;
		float: none;
	}
	/* added by britta */
	.short-summary .votes {
	    display: none;
	}
	.short-summary h2 a {
	    font-size: 15px;
	}
	/* end added by britta */

	.question-summary-wrapper .tags {
		display: none;
	}

	.context-menu-dropdown li.item {
		padding: 0;
	}

	.context-menu-dropdown li.item a {
		display: block;
		padding: 4px 8px 4px 8px;
	}

	.canned_comment .context-menu-dropdown {
		left: -4px;
		margin: 0;
	}
	
	.question-summary-wrapper .userinfo {
   		position: relative;
    	left: 0px;
	}
	
	.user-stats-table .userinfo {
    	position: relative;
    	left: -28%;
	}
	
	#ground, #ground > div:first-child {
		padding-top: 0 !important;
	}

	div.dialog.prompt {
		left: 4px !important;
		right: 4px !important;
		width: auto !important;
	}

	div.dialog .dialog-buttons {
		height: auto;
	}

	#copy_clip_button {
		display: none;
	}

	/* added by britta */

	#login-right {
        position: static !important;
        padding-top: 10px;
        padding-left: 0px !important;
        left: 0px !important;
        border-left: 0px !important;
	}

    #CAFull {
        width: auto;
    }
	/* end added by britta */
}